-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
137 lines (114 loc) · 6.43 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
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link href='https://api.mapbox.com/mapbox-assembly/v0.24.0/assembly.min.css' rel='stylesheet'>
<script src='https://api.mapbox.com/mapbox-assembly/v0.24.0/assembly.js'></script>
<script src="https://api.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.css" rel="stylesheet" />
<script
src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.2.0/mapbox-gl-geocoder.min.js'></script>
<link rel='stylesheet'
href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.2.0/mapbox-gl-geocoder.css'
type='text/css' />
<script src="https://cdnjs.cloudflare.com/ajax/libs/geojson/0.5.0/geojson.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@turf/turf@5/turf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>
<script src='https://npmcdn.com/csv2geojson@latest/csv2geojson.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel='stylesheet' href="style.css" />
</head>
<body>
<div class='flex-parent viewport-full relative scroll-hidden'>
<div class='flex-child w-full w360-ml absolute static-ml left bottom'>
<div class='flex-parent flex-parent--column viewport-third bg-white'>
<div class='flex-child flex-child--grow'>
<div id="sidebarA"
class="flex-parent flex-parent--column-ml flex-parent--center-main theme py12 px12 ">
<h3 id='title' class='txt-l-ml txt-m txt-bold mb6 mr0-ml mr24 align-center block'>
</h3>
<p id='description' class='txt-s py12 none block-ml'>
</p>
<div class="flex-parent flex-parent--center-main relative-ml absolute right top mt0-ml mt6">
<button id='filterResults' class='txt-bold btn btn--stroke mr0-ml mr12 px18-ml px6'>
<svg class='icon inline-block align-middle h24 w24'>
<use xlink:href='#icon-filter' /></svg>
<p class="inline-block-ml align-middle remove none">Show Filters</p>
</button>
<button id='addRestaurantButton' class="txt-bold btn btn--stroke mr0-ml mr12 px18-ml px6">
<p class="inline-block-ml align-middle remove none">Add Restaurant</p>
</button>
</div>
</div>
<div id="listings" class="flex-child viewport-full py12 px12 listings scroll-auto"></div>
</div>
</div>
</div>
<div class='flex-child flex-child--grow w-auto viewport-full-ml viewport-twothirds' id='map'>
</div>
<div id='restaurantForm'
style="width: 30%; margin-left: 50%; display: flex; flex-basis: 13em;"
class='absolute top right bottom left scroll-auto hide-visually flex-parent flex-parent--center-main mt120-ml'>
<div class='pt36'>
<div class='flex-child bg-white round relative scroll-auto'>
<button id='formExit' class='absolute top right px12 py12'>
<svg class='icon link color-darken50'>
<use xlink:href='#icon-close'></use>
</svg>
</button>
<div class='px24 py24'>
<div class="align-center py12"></div>
<h3 class="txt-bold">Submit a New Restaurant:</h3>
<form class="px24" action="https://getform.io/f/07f838e4-4327-4e92-a77e-17edf70b7c8e" method="POST">
<div class="formEntry py12">
<input type="text" placeholder="Restaurant Name" name="name">
</div>
<div class="formEntry py12">
<input type="text" placeholder="Restaurant Address" name="address">
</div>
<div class="formEntry py12">
<input type="text" placeholder="Cuisine" name="cuisine">
</div>
<div class="formEntry py12">
<select style="width: 11rem;" name="price">Price
<option value="$">$</option>
<option value="$$">$$</option>
<option value="$$$">$$$</option>
</select>
</div>
<button class="btn" type="submit">Send</button>
</form>
</div>
</div>
</div>
</div>
<div id='modal'
style='margin-left: 30%'
class='absolute top right bottom left scroll-auto hide-visually flex-parent flex-parent--center-main mt120-ml'>
<div class='pt36'>
<div class='flex-child bg-white round relative scroll-auto'>
<button id='exitButton' class='absolute top right px12 py12'>
<svg class='icon link color-darken50'>
<use xlink:href='#icon-close'></use>
</svg>
</button>
<div class='px24 py24'>
<form id="filters"></form>
<div class='align-center py12'></div>
<div class="flex-parent flex-parent--center-main">
<button id="removeFilters" class="btn">Reset Filters</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
</script>
<script src="config.js"></script>
<script src="app.js"></script>
</html>