Neale Pickett
·
2025-06-29
programmer.html
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Betsy Button Programmer</title>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width">
7 <link rel="stylesheet" href="programmer.css">
8 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.min.css">
9 <script src="programmer.mjs" type="module"></script>
10 </head>
11 <body>
12 <h1>Betsy Button Programmer</h1>
13 <div class="settings">
14 <fieldset>
15 <legend>Board Actions</legend>
16 <button id="bootstrap" class="serial" disabled>Bootstrap</button>
17 <button id="connect" class="serial" disabled>Connect</button>
18 <button id="program" class="serial" disabled>Program</button>
19 </fieldset>
20 <fieldset>
21 <legend>Wireless Networks</legend>
22 <div class="network">
23 <input name="ssid" placeholder="ssid" required>
24 <input name="psk" placeholder="password" required>
25 </div>
26 <div class="network">
27 <input name="ssid" placeholder="ssid">
28 <input name="psk" placeholder="password">
29 </div>
30 <div class="network">
31 <input name="ssid" placeholder="ssid">
32 <input name="psk" placeholder="password">
33 </div>
34 <div class="network">
35 <input name="ssid" placeholder="ssid">
36 <input name="psk" placeholder="password">
37 </div>
38 </fieldset>
39 <fieldset>
40 <legend>Button Group</legend>
41 <input name="id" placeholder="identifier" maxlength="40" required>
42 <p>
43 I recommend using the phone number of the person who's supposed to press the button,
44 in the format <samp>xxx-xxx-xxxx</samp>.
45 </p>
46 </fieldset>
47 </div>
48 <div id="terminal"></div>
49 <footer>
50 © 2025 <a href="https://woozle.org/">Neale Pickett</a>
51 |
52 <a href="https://git.woozle.org/neale/betsy-button/COPYING.md">MIT License</a>
53 |
54 <a href="https://git.woozle.org/neale/betsy/button/">Source Code</a>
55 </footer>
56 </body>
57</html>