BringBanksWeb/index.html at master · brianoconnell/BringBanksWeb · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.0.min.css" />
    <link rel="stylesheet" type="text/css"  href="css/main.css"/>
    <title>Dublin Bring Banks</title>
</head>
<body>
    <div id="index" data-role="page" data-theme="c" data-content-theme="c">
        <div data-role="header">
            <h1>Dublin Bring Banks</h1>
            <a href="#left-panel" data-icon="bars" data-iconpos="notext">Options</a>
        </div>
        <div class="ui-grid-a myb" data-role="content">
            <div class="ui-block-a">
                <div data-role="content">
                    <div id="map-canvas"></div>
                </div>
            </div>
            <div class="ui-block-b">
                <div data-role="content">
                    <div id="details">Select a marker for more details.</div>
                    <div id="directions" data-role="collapsible">
                        <h4>Directions</h4>
                        <div id="directions-panel"></div>
                    </div>
                </div>
            </div>
        </div>

        <div id="left-panel" data-role="panel" data-display="overlay" data-theme="c">
            <ul data-role="listview">
                <li data-icon="delete"><a href="#index" data-rel="close" data-icon="delete">Close</a></li>
            </ul>
            <form>
                <label for="slider-max-locations">Locations to display</label>
                <input type="range" name="slider-max-locations" id="slider-max-locations" min="1" max="20" value="10">
            </form>
        </div>
    </div>

    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.mobile-1.3.0.min.js"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script src="js/app.js"></script>
</body>
</html>