This repository has been archived by the owner on Jan 6, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
100 lines (89 loc) · 3.17 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="api.js" ></script>
<script type="text/javascript" src="business.js" ></script>
<link rel="stylesheet" href="jquery.mobile-1.2.0-beta.1.min.css" />
<script src="jquery-1.8.1.min.js"></script>
<script src="jquery.mobile-1.2.0-beta.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header"><h1>GhostCluster</h1></div>
<div data-role="content">
<a href="#popupBasic" data-role="button" data-rel="popup">Connect</a>
<div data-role="popup" id="popupBasic" data-transition="flip">
<form>
<label>Address:</label>
<input type="text" id="address" name="address" data-theme="a">
<div id="connectButton" data-role="button" >Connect</div>
</form>
</div>
<div id="mainbox" class="hbox" >
<div class="needleParent" >
<div id="rpmNeedle" class="needle"></div>
<div id="engineCoolantNeedle" class="needle"></div>
<div id="oilTempNeedle" class="needle"></div>
<div class="centerCircle">
<div id="velocityTable" >
<div class="row centerText">
<div id="velocity" class="rightAlignText" >0</div>
<div id="velocityUnits" class="leftAlignText" >MPH</div>
</div>
</div>
</div>
</div>
<div class="vbox">
<div class="hbox">
<div id="gaugeRow">
<div class="gauge" >
<img src="assets/dial-IAT-bg.png" >
<div id="iatNeedle" class="needle"></div>
</img>
</div>
<div class="gauge" >
<img id="wheel" src="assets/wheel.png" />
</div>
</div>
<div id="gaugeRow">
<div class="gauge">
<img src="assets/dial-load-bg.svg" >
<div id="loadNeedle" class="needle" ></div>
</img>
</div>
<div class="gauge">
<img src="assets/dial-throttle-bg.svg" >
<div id="throttleNeedle" class="needle" ></div>
</img>
</div>
</div>
</div>
<div data-role="popup" id="machineGunTurretPopup" data-transition="flip">
<img id="machinegun" src="assets/machinegun.png" />
</div>
<div id="infoarea">
<div class="row underborder" >
<div class="rightAlignText middleText">MPG</div>
<div id="mpg" class="leftAlignText middleText">0</div>
</div>
<div class="row underborder" >
<div class="rightAlignText middleText">AVG MPG</div>
<div id="avgmpg" class="leftAlignText middleText">0</div>
</div>
<div class="row underborder" >
<div class="rightAlignText middleText">Gear</div>
<div id="gear" class="leftAlignText middleText">0</div>
</div>
<div class="row" >
<div class="rightAlignText middleText">AVG SPEED</div>
<div id="avgspeed" class="leftAlignText middleText">0</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>