-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
107 lines (87 loc) · 4.8 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
<!DOCTYPE html>
<html>
<head>
<title>MapGrams</title>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta charset='utf-8' />
<meta name='description' content='Find out what is happening around you with MapGrams. A map plus Instagram equals MapGrams.'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='stylesheet' href='css/site.css'>
<link rel='stylesheet' href='css/mobile.flatui.css'>
<link rel='stylesheet' href='js/marker-cluster/MarkerCluster.Default.css'>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.2.0/mapbox.css' rel='stylesheet' />
<!--[if lte IE 8]><link href='//api.tiles.mapbox.com/mapbox.js/v1.2.0/mapbox.ie.css' rel='stylesheet' ><![endif]-->
</head>
<body>
<div data-role='page' class='type-interior'>
<div data-role='header' data-theme='f'>
<h1>MapGrams</h1>
</div><!-- /header -->
<div data-role='panel' id='mypanel' data-display='push'>
<form>
<div data-role="fieldcontain">
<label for="video">Include Video</label>
<select name="video" id="video" data-role="slider" data-track-theme="b" data-theme="b">
<option value="true">True</option>
<option value="false">False</option>
</select>
</div>
</form>
<form>
<div data-role="fieldcontain">
<label for="cluster">Clustering:</label>
<select name="cluster" id="cluster" data-role="slider" data-track-theme="a" data-theme="a">
<option value="true">On</option>
<option value="false">Off</option>
</select>
</div>
</form>
<form>
<label for='slider-distance' class='ui-input-text ui-slider' id='slider-distance-label'>Set Distance (Kilometers)</label>
<div class='ui-slider'>
<input type='number' data-type='range' name='slider-distance' id='slider-distance' data-highlight='true' min='100' max='5000' value='500' class='ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-slider-input'>
</div>
</form>
<form>
<label for='slider-likes' class='ui-input-text ui-slider' id='slider-likes-label'>Number of likes</label>
<div class='ui-slider'>
<input type='number' data-type='range' name='slider-likes' id='slider-likes' data-highlight='true' min='0' max='5000' value='5000' class='ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-slider-input'>
</div>
</form>
<form>
<label for="date-1">Later than</label>
<input type="date" data-clear-btn="true" name="date-1" id="date-1" value="">
</form>
<form>
<label for="datetime-2">Before than</label>
<input type="date" data-clear-btn="true" name="date-2" id="date-2" value="">
</form>
<form>
<button data-theme='d' class='update'>Update</button>
</form>
<!-- <form>
<label for="liar">No filter liar</label>
<select name="liar" id="liar" data-role="slider" data-track-theme="b" data-theme="b">
<option value="true">True</option>
<option value="false">False</option>
</select>
</form> -->
</div><!-- /panel -->
<div data-role='content'>
<div class='content-primary'>
<div id='map'></div>
<a href="#mypanel" data-role="button" data-theme="d" data-inline="true" class='open-panel'>Options</a>
</div><!--/content-primary -->
</div><!-- /content -->
</div><!-- page -->
<script src='http://code.jquery.com/jquery-1.10.1.min.js'></script>
<script src='http://api.tiles.mapbox.com/mapbox.js/v1.2.0/mapbox.js'></script>
<script src='js/leaflet-hash.js'></script>
<script src='js/jquery.mobile.js'></script>
<script src='js/underscore.js'></script>
<script src='js/backbone.js'></script>
<script src='js/marker-cluster/leaflet.markercluster-src.js'></script>
<script src='js/timeago.js'></script>
<script src='js/app.js'></script>
</body>
</html>