1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <script src="main.js"></script>
5    <title>Zephyr HTTP Server</title>
6</head>
7<body>
8    <h1>Welcome to Zephyr HTTP Server!</h1>
9    <p>This is a simple HTML file.</p>
10
11    <h4>LED Control</h4>
12    <p>The buttons below toggle the LED on the board, or print a message to the console if the board does not have an LED. This demonstrates dynamic handling of a POST request.</p>
13    <input id="led_on" type="button" value="LED on">
14    <input id="led_off" type="button" value="LED off">
15
16    <h4>Uptime Counter</h4>
17    <p>Below is the device uptime. This demonstrates dynamic handling of a GET request</p>
18    <p id="uptime"></p>
19
20    <h4>Network Statistics</h4>
21    <p>Below are the network statistics. This demonstrates streaming data from server to client using a websocket.</p>
22    <table>
23        <tr>
24            <td>Total bytes received</td>
25            <td id="bytes_recv"></td>
26        </tr>
27        <tr>
28            <td>Total bytes sent</td>
29            <td id="bytes_sent"></td>
30        </tr>
31        <tr>
32            <td>IPv6 packets received</td>
33            <td id="ipv6_pkt_recv"></td>
34        </tr>
35        <tr>
36            <td>IPv6 packets sent</td>
37            <td id="ipv6_pkt_sent"></td>
38        </tr>
39        <tr>
40            <td>IPv4 packets received</td>
41            <td id="ipv4_pkt_recv"></td>
42        </tr>
43        <tr>
44            <td>IPv4 packets sent</td>
45            <td id="ipv4_pkt_sent"></td>
46        </tr>
47        <tr>
48            <td>TCP bytes received</td>
49            <td id="tcp_bytes_recv"></td>
50        </tr>
51        <tr>
52            <td>TCP bytes sent</td>
53            <td id="tcp_bytes_sent"></td>
54        </tr>
55    </table>
56</body>
57</html>
58