-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
35 lines (31 loc) · 1.89 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>SparkFun BLE Settings App</title>
<link rel="stylesheet" href="./style.css">
<!-- Add some branding -->
<a class="sparkfun-corner" href="https://sparkfun.com" title="SparkFun Electronics" target="_blank">
<svg width="80" height="80" viewbox="0 0 80 80">
<title>SparkFun Electronics</title>
<path d="M 80 80 L 0 0 L 80 0 Z" />
<path class="sparkfun-flame" d="M 71.04176 9.716209 C 71.59436 12.04736 69.83418 12.371568 69.83418 12.371568 C 68.60866 12.588144 66.63235 11.374004 65.63697 10.162488 C 64.41146 8.668329 64.56634 7.493129 65.519715 6.449624 C 66.95218 4.8653347 69.40453 5.4774366 69.40453 5.4774366 C 64.91155 1.5357454 60.232625 4.766016 60.232625 4.766016 C 56.06473 7.63445 57.260934 11.545515 61.021926 14.957797 C 64.41146 18.041933 61.70403 21.423588 58.28956 20.98431 C 55.948787 20.685915 54.99104 18.807607 55.55326 17.65472 C 56.037605 16.668532 57.71771 16.062118 57.71771 16.062118 C 55.787776 15.27763 53.51613 16.132997 53.51613 16.132997 C 51.4755 16.902172 49.793203 18.588843 49.927524 22.813615 L 49.927524 42.4 C 52.03685 39.799333 54.51632 37.154475 54.51632 37.154475 C 57.29287 34.17097 58.559955 32.15484 61.411326 32.39067 C 66.806485 32.724502 70.70792 30.327723 73.36022 26.48185 C 78.45217 19.085437 74.463666 10.821405 71.04176 9.716209 Z" fill="currentColor"/>
</svg>
</a>
</head>
<body>
<div class="container">
<h2 class="title" id='settings-title'>SparkFun Settings</h2>
<button class="btn generate" id="connect">Connect to Device</button>
<div id="myProgress">
<div id="myBar"></div>
</div>
<div class="settings" id="settings-container">
</div>
</div>
<div class="alert-box alert-failure hide" id="message-error">Failure Alert</div>
<div class="alert-box alert-warning hide" id="message-warning">Warning Alert</div>
<!-- javascript -->
<script src="./script.js"></script>
</body>
</html>