-
Notifications
You must be signed in to change notification settings - Fork 0
/
hud.html
59 lines (57 loc) · 3.4 KB
/
hud.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
<div class="vitals">
<p id="carName"></p>
<div id="carBodyShadow">
<div id="TPMS">
<img id="carColor" src="assets/car_paint.png" />
<img id="roof" class="carRoof" src="assets/roof_black.png" />
<img id="spoiler" src="assets/img_trans.gif" />
<div class="TL"><p id="tl"></p></div>
<div class="TR"><p id="tr"></p></div>
<div class="BL"><p id="bl"></p></div>
<div class="BR"><p id="br"></p></div>
</div>
</div>
<div id="battery_stats">
<span id="battery_graphic">
<img id="batteryWrapper" src="assets/battery_outline.png" />
<img id="batteryBG" src="assets/battery_color_bg.png" />
<img id="energyStore" src="assets/img_trans.gif" />
</span>
<span id="soe">SOE<span class="mini_appends"> %</span></span>
<span id="range">0<span class="mini_appends"> mi</span></span>
<span id="power_remaining"><span class="mini_appends">0 kWh</span></span>
</div>
<!--<div id="charging_data">
<p style="font-size:16px;display:inline-block;margin: 0 35px" id="energy_added"> </p>
<p style="font-size:16px;display:inline-block;margin: 0 35px" id="chargeTimeRemaining"> </p>
<p style="font-size:16px;display:inline-block;margin: 0 35px" id="chg_current_total"> </p>
</div>-->
</div>
<div id="odoWrapper">
<p style="margin:10px;padding:5px;" id="VIN"></p>
<div id="crypto_info">
</div>
<div><hr class="odolines" /><p style="font-weight:bold;font-size:16px;color:gray;display:inline-block;margin:10px auto 5px auto" id="sinceBlock">Since some time</p><hr class="odolines" /></div>
<p style="font-weight:bold;font-size:26px;margin: 0 35px;display:inline-block" id="EV_tripCurrent_Miles"></p>
<p style="font-weight:bold;font-size:26px;margin: 0 35px;display:inline-block" id="EV_tripCurrent_Min"></p>
<p style="font-weight:bold;font-size:26px;margin: 0 35px;display:inline-block" id="EV_tripCurrent_whpm"></p>
<div><hr class="trip_chg_lines" /><p style="font-weight:bold;font-size:16px;color:gray;display:inline-block;margin:10px auto 5px auto">Since last charge</p><hr class="trip_chg_lines" /></div>
<p style="font-weight:bold;font-size:26px;margin: 0 35px;display:inline-block" id="trip_chg_miles"></p>
<p style="font-weight:bold;font-size:26px;margin: 0 35px;display:inline-block" id="trip_chg_kwh"></p>
<p style="font-weight:bold;font-size:26px;margin: 0 35px;display:inline-block" id="trip_chg_whpm"></p>
<div><hr class="odolines" /><p style="font-weight:bold;font-size:16px;color:gray;display:inline-block;margin:10px auto 5px auto">Odometer</p><hr class="odolines" /></div>
<p style="font-weight:bold;font-size:26px;margin: 0 auto" id="odometer"></p>
<div id="music_container">
<div id="album_cover"></div>
<div id="music_data">
<p style="font-weight:bold;" id="song_name">Earth Angel</p>
<p style="font-size:18px;display:inline-block;margin: 0 15px" id="song_artist">The Penguins</p>
<p style="font-size:18px;color:gray;display:inline-block;margin: 0 15px;word-wrap: break-word;" id="album_name">BTTF OST</p>
</div>
<div id="timeline">
<p style="font-size:18px;display:inline-block;margin: 0 15px" id="song_time_elapsed"><span id="minutes">0</span>:<span id="seconds">00</span></p>
<p style="font-size:18px;display:inline-block;margin: 0 auto">/</p>
<p style="font-size:18px;display:inline-block;margin: 0 15px" id="song_duration"></p>
</div>
</div>
</div>