-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
64 lines (61 loc) · 2.39 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
<!DOCTYPE html>
<html>
<head>
<title>Geo Locator</title>
<link rel="stylesheet" href="css/jquery.mobile-1.0a3.min.css" />
<link rel="stylesheet" href="css/styles.css" />
<script type="text/javascript" src="js/phonegap-0.9.3.js"></script>
<script type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="js/simplegeo.all.jq.min.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/backbone-min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
<!-- home page -->
<div data-role="page" data-theme="d">
<div data-role="content">
<div style="width:300px; margin: 0 auto">
<img src="images/pointer.png" />
</div>
<div style="width: 260px; margin: 0 auto">
<h3 style="text-align: center" id="closest">searching for closest location<br /> please wait...</h3>
</div>
<div id="options" style="display:none">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="c">
<li><a href="#navigation">Navigate there</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="c">
<li><a href="#locations">See other locations</a></li>
</ul>
</div>
</div>
</div>
<!-- map page -->
<div id="navigation" data-role="page" style="width:100%; height:100%" data-theme="d">
<div data-role="header" data-theme="a">
<h1>Navigation</h1>
</div>
<div data-role="content" id="map_canvas" style="height:90%;" data-theme="a">
<div class="page_map" style="height:90%;"></div>
</div>
</div>
<!-- locations page -->
<div id="locations" data-role="page" data-theme="d">
<div data-role="header" data-theme="a">
<h1>Locations</h1>
</div>
<div data-role="content">
<ul id="locList" data-role="listview" data-inset="true" data-theme="c" data-dividertheme="c"></ul>
</div>
</div>
<!-- templates -->
<script id="location-template" type="text/html">
<li data-index="<%=index%>">
<a data-index="<%=index%>" href="#navigation"><%=name%> - <%=address%> <%=city%> <%=province%></a>
</li>
</script>
</body>
</html>