-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpower.html
24 lines (24 loc) · 1.5 KB
/
power.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
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>shack kiosk interface</title>
<script src="./libs/chartist.js"></script>
<script src="./power.js"></script>
</head>
<body bgcolor="#000">
<a href="index.html">
<img id="homeButton" src="./images_common/logo_home.png" style="position:absolute; top: 20px; left:20px; width:150px;"></img>
</a>
<img id="zoomPlus" src="./images_power/Lupe+grey.png" style="position:absolute; top: 290px; left:20px; width:150px;"></img>
<img id="zoomMinus" src="./images_power/Lupe-.png" style="position:absolute; top: 530px; left:20px; width:150px;"></img>
<div id="powerChart" width="1050" height="850" style="position: absolute; top: 50px; left: 200px"></div>
<p id="duration" style="position:absolute; top: 420px; left:30px; color:#bbb; font-size:40px">5min</p>
<p id="total" style="position:absolute; top: 852px; left:50px; color:#bbf; font-size:50px">Total</p>
<p id="l1" style="position:absolute; top: 850px; left:530px; color:#6f6; font-size:36px">L1</p>
<p id="l2" style="position:absolute; top: 850px; left:780px; color:#66f; font-size:36px">L2</p>
<p id="l3" style="position:absolute; top: 850px; left:1030px; color:#f66; font-size:36px">L3</p>
<p id="voltagel1" style="position:absolute; top: 900px; left:539px; color:#6f6; font-size:36px"></p>
<p id="voltagel2" style="position:absolute; top: 900px; left:780px; color:#66f; font-size:36px"></p>
<p id="voltagel3" style="position:absolute; top: 900px; left:1030px; color:#f66; font-size:36px"></p>
</body>
</html>