forked from jeremiak/things-near-my-bus-stop
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
46 lines (44 loc) · 2.03 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
<!doctype html>
<html>
<head>
<title>Dive: GTFS Local Search</title>
<link rel="stylesheet" type="text/css" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<style type="text/css">
#map {
width:800px; /* Aspect Ratio! */
height:600px;
}
</style>
<!-- NOTE: We're stuck using the jQuery lines twice until migration to jQuery 2 sets in. -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<!-- TODO: No coffee-script today. But soon. -->
<script type="text/javascript" src="dive.js"></script>
</head>
<body>
<div id="header"><h1>DIVE</h1><h2>GTFS Local Search</h2>
<!-- TODO: Nav bar to other pages -->
</div>
<!-- TODO: list search results after teh map div -->
<!-- TODO: can the select element be a single line? -->
<!-- TODO: SEO-ify the input field that I added to replace the select element. -->
<div>
I'm on the
<select id="bus_routes"></select> <!-- Trying this out. If it breaks, put this back. -->
looking for
<input name="things" id="things" value=""> <!-- Let's not limit our search to two specific queries -->
<button id="find_things">Find it!</button>
<!-- TODO: Advanced options.
What if I want to catch a bus at another time or be somewhere at a specific time?
What if I wanted to stop at several places? (Multiroute!)
What if I need to find a bus?
-->
</div>
<div id="map"></div>
<div id="results">Results</div> <!-- TODO: As an alternative to putting individual results in bubbles, why not list our result below -->
<div id="footer">(c) The Awesome Dive Team! Fork us on Github!</div>
<!-- TODO: All these Scripts need to go in the header! -->
<!-- TODO: Can we move this part to an external file? -->
</body>
</html>