-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (59 loc) · 2.33 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Alientek DP100 / High Performance Digital Power</title>
<link rel="stylesheet" href="./style.css?v=5">
</head>
<body>
<!-- partial:index.partial.html -->
<div style="display:none">
<p>Vin: <span id="vin"></span> V</p>
<p>Vout: <span id="vout"></span> V</p>
<p>Iout: <span id="iout"></span> A</p>
<p>Vo_max: <span id="vo_max"></span> V</p>
<p>Temp1: <span id="temp1"></span> °C</p>
<p>Temp2: <span id="temp2"></span> °C</p>
<p>DC 5V: <span id="dc5v"></span> V</p>
<p>Out Mode: <span id="out_mode">N/A</span></p>
<p>Work State: <span id="work_state">N/A</span></p>
</div>
<div id="connect">
<h1>Alientek DP100</h1>
<p>Just plug in the DP100 using the USB-A to USB-A cable <i>(make sure it's in "USBD" mode; double-tap ◀ to switch)</i>, and click connect!</p>
<h2><a href="#" id="connectButton" class="j5-link">Connect...</a></h2>
</div>
<section class="dashboard dimmed" id="main-column">
<div id="about">
<h1> <span>Alientek</span><span> DP100</span> / High Performance Digital Power</h1>
<p>
<b data-i18n="donate" onclick="$('#donate').toggle();" style="cursor: pointer;"><u>If you like this project, you can buy me a cup of coffee ☕</u></b>
<span id="donate" style="display: none;"><br>
<b class="j5-link">Bitcoin</b><sup class="mkr-link">(BTC)</sup>: 19xg6pA4RzSW3o4ZUyTyn5t4tY3tqLXHbe<br>
<b class="j5-link">TonCoin</b><sup class="mkr-link">(TON)</sup>: UQBY_xXK_25L-UHq_h2ocfhS0c_lZoA4PIHxt-SktxLa_So7
</span>
</p>
</div>
<div id="sensorValues">
<div class="sensor-values">
<div class="volts">0</div>
<label>Volts</label>
</div>
<div class="sensor-values">
<div class="amps">0</div>
<label>Amps</label>
</div>
<div class="sensor-values">
<div class="moisture">0</div>
<label>Load</label>
</div>
</div>
<div id="sensorData"></div>
</section>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/highcharts/9.0.0/highcharts.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/4579/darkThemeHighCharts.js'></script>
<script src="./script.js?v=9"></script>
</body>
</html>