-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (114 loc) · 5.95 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<html>
<head>
<title>Dishcovery</title>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCu5kUMitJagaDp9qHLpPCUqrC5gBNLFJA&libraries=places"></script>
<script src="js/map_param.js" type="text/javascript">
</script>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<div class="transparent">
<body onload="loadFunctionIndex()">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6">
<h1>Dishcovery</h1>
<h6><i>Discover your next food adventure.</i></h6>
<div class="containerz">
<div class="toggle1">
Salutations, stranger. You've come here for an adventure, haven't you? You're in luck. It’s a delicious world out there, so what are you waiting for? Go on out there and discover your next food adventure.
<center>
<ul class="menu">
<li class="toggle2">→</li>
</ul>
</center>
</div>
<div class="toggle2">
Set the center of your adventure.
<p></p>
<div class='input-group'>
<span class='input-group-addon' id='basic-addon1'>Center of Adventure @ </span><input type='text' id='poi' class='form-control' placeholder='The Westin, MOMA, Pike Place' aria-describedby='basic-addon1'></div>
<P></P>
<center>
<ul class="menu">
<li class="toggle3">→</li>
</ul>
</center>
</div>
<div class="toggle3">
<div class='input-group'>Pick your spiritual food guide.</div>
<P></P>
<div class="col-xs-6">
<button type="button" class='btn btn-block' onclick="setGuide('hipster')" id="hipster">Hipster</button>
</div>
<div class="col-xs-6">
<button type="button" class='btn btn-block' onclick="setGuide('tourist')" id="tourist">Tourist</button>
<P></P>
</div>
<center>
<ul class="menu">
<li class="toggle4">→</li>
</ul>
</center>
</div>
<div class="toggle4">
<div class='input-group'>Select the fare to your fancy. As many as you'd like, you glutton.</div><P></P>
<div class="row">
<div class="col-xs-6">
<button type="button" class='btn btn-block' onclick="setFare(0)">Breakfast</button>
<button type="button" class='btn btn-block' onclick="setFare(1)">Coffee</button>
<button type="button" class='btn btn-block' onclick="setFare(2)">Lunch</button>
</div>
<div class="col-xs-6">
<button type="button" class='btn btn-block' onclick="setFare(3)">High tea</button>
<button type="button" class='btn btn-block' onclick="setFare(4)">Dinner</button>
<button type="button" class='btn btn-block' onclick="setFare(5)">Dessert</button>
</div>
</div>
<p></p>
<center>
<ul class="menu">
<li class="toggle5">→</li>
</ul>
</center>
<P></P>
</div>
<div class="toggle5">
<div class='input-group'>Choose your adventure difficulty level.</div>
<button type="button" class='btn btn-block' id="lev0" onclick="setDifficulty(0)">Can we just go next door?</button>
<button type="button" class='btn btn-block' id="lev1" onclick="setDifficulty(1)">A walk sounds good</button>
<button type="button" class='btn btn-block' id="lev2" onclick="setDifficulty(2)">Take me <i>everywhere</i></button>
<P></P>
<a type="submit" class="btn btn-default" onclick="submitPoints()" href="map.html">Off we go!</a>
</div>
</div>
<P></P>
</div>
<div class="col-sm-3"></div>
</div>
<!-- watch your slashes-->
<script src="js/bootstrap.min.js">
</script>
</body>
</div>
</html>