-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·164 lines (143 loc) · 7.42 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<link rel="stylesheet" type="text/css" href="css/themes/default/jquery.mobile-1.1.1.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<script type="text/javascript" src="js/libs/require/require.js" data-main="js/main"></script>
</head>
<body class="ui-hidden">
<!-- initial page -->
<div data-role="page" id="init">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader"></div>
<div data-role="content" class="page-content"></div>
</div>
<!-- initial page -->
<!-- fuelsites page -->
<div data-role="page" id="fuelsites">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<a data-role="button" href="#menu" class="menubutton_back ui-btn-left">Menu</a>
<h3>Fuel Sites</h3>
<a href="#fuelsites/map" data-theme="b" class="btn-map menubutton">Map</a>
</div>
<div data-role="content" class="page-content"></div>
<div data-role="footer" data-position="fixed">
<div id="ui-banner"></div>
</div>
</div>
<!-- fuelsites page -->
<!-- directions page -->
<div data-role="page" id="directions">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<a href="#" data-role="button" data-rel="back" class="menubutton_back ui-btn-left">Back</a>
<h3>Directions</h3>
<a href="#fuelsites/map" data-theme="b" class="btn-map menubutton">Map</a>
</div>
<div data-role="content" class="page-content"></div>
</div>
<!-- directions page -->
<!-- fuelsitesMap page -->
<div data-role="page" id="fuelsitesMap">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<a href="#" data-role="button" data-rel="back" class="menubutton_back ui-btn-left">Back</a>
<h3>Directions</h3>
</div>
<div data-role="content" class="page-content"></div>
</div>
<!-- fuelsitesMap page -->
<!-- main menu page -->
<div data-role="page" id="menu">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="uitextheader">
<h3>Octane</h3>
</div>
<div data-role="content" class="menuiconbox menutextbox">
<ul data-theme="c" data-role="listview" data-inset="true">
<li class="ui-li-has-icon"><a href="#search"><i class="ul-li-icon icon-search"></i>New Search</a></li>
<li class="ui-li-has-icon"><a href="#fuelsites"><i class="ul-li-icon icon-results"></i>Fuel Sites</a></li>
<li class="ui-li-has-icon"><a href="#forecast/menu"><i class="ul-li-icon icon-forecast"></i>Forecast</a></li>
<li class="ui-li-has-icon"><a href="#favorites"><i class="ul-li-icon icon-favorites"></i>Saved Searches</a></li>
<li class="ui-li-has-icon"><a href="#"><i class="ul-li-icon icon-share"></i>Share</a></li>
<li class="ui-li-has-icon"><a href="#settings"><i class="ul-li-icon icon-settings"></i>Settings</a></li>
</ul>
</div>
</div>
<!-- main menu page -->
<!-- settings menu page -->
<div data-role="page" id="settings">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<h3>Settings</h3>
<a href="#menu" data-role="button" class="menubutton_back ui-btn-left">Menu</a>
</div>
<div data-role="content" class="menuiconbox menutextbox"></div>
</div>
<!-- settings menu page -->
<!-- Feedback -->
<div data-role="page" id="feedback">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<h3>Feedback</h3>
<a href="#settings" data-role="button" class="menubutton_back ui-btn-left">Back</a>
</div>
<div data-role="content"></div>
</div>
<!-- End-Feedback -->
<!-- Info -->
<div data-role="page" id="info">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<h3>Information</h3>
<a href="#settings" data-role="button" class="menubutton_back ui-btn-left">Back</a>
</div>
<div data-role="content" class="infoheader"></div>
</div>
<!-- End-Info -->
<!-- search -->
<div data-role="page" id="search">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader" >
<h3>Search</h3>
<a href="#" data-role="button" data-rel="back" class="menubutton_back ui-btn-left">Back</a>
</div>
<div data-role="content"></div>
</div>
<!-- End search -->
<!-- Favorites -->
<div data-role="page" id="favorites" >
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<a href="#menu" class="menubutton_back">Menu</a>
<h3>Saved Searches</h3>
<a href="#" id="editableFavoritesButton" class="delete-button menubutton">Delete</a>
</div>
<div data-role="content" class="content-primary"></div>
</div>
<!-- End Favorites -->
<!-- forecast -->
<div data-role="page" id="forecast">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class=" marginbutton_top button_textalign uitextheader">
<h3>Forecast</h3>
<a href="#" data-role="button" data-rel="back" class="menubutton_back">Back</a>
</div>
<div data-role="content" class="page-content"></div>
</div>
<!-- End forecast -->
<!-- alerts -->
<div data-role="page" id="alerts">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<a href="#settings" id="alertCancelButton" data-role="button" class="ui-btn-left">Cancel</a>
<h3>Alerts</h3>
<a href="#settings" id="alertDoneButton" data-role="button" class="ui-btn-right">Done</a>
</div>
<div data-role="content" class="page-content"></div>
</div>
<!-- End alerts -->
<!-- terms and conditions -->
<div data-role="page" id="termsAndConditions">
<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" class="marginbutton_top button_textalign uitextheader">
<h3>Terms & Conditions</h3>
<a href="#info" data-role="button" class="menubutton_back ui-btn-left">Back</a>
</div>
<div data-role="content" class="page-content "></div>
</div>
<!-- End terms and conditions -->
</body>
</html>