diff options
| author | raldone01 <[email protected]> | 2025-07-05 19:42:44 +0200 |
|---|---|---|
| committer | raldone01 <[email protected]> | 2025-07-05 19:42:44 +0200 |
| commit | ff18dbd2382d0e24e10cbf4e3f5d7a4feb9d3ce7 (patch) | |
| tree | 19996f599e2a572fee1f1dae99cdafb32abcb1af /examples/device/webusb_serial/website/index.html | |
| parent | b012e95dfe40c6cd73cde7a6917848c4131dc548 (diff) | |
Rewrite of the web_serial example website.
Fixes: #2632
Diffstat (limited to 'examples/device/webusb_serial/website/index.html')
| -rw-r--r-- | examples/device/webusb_serial/website/index.html | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/examples/device/webusb_serial/website/index.html b/examples/device/webusb_serial/website/index.html new file mode 100644 index 000000000..91d6e4fba --- /dev/null +++ b/examples/device/webusb_serial/website/index.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>TinyUSB WebUSB Serial</title> + <link rel="stylesheet" href="style.css" /> + <script defer src="serial.js"></script> + <script defer src="application.js"></script> +</head> + +<body> + <header class="header"> + <h1 class="title">TinyUSB - WebUSB Serial</h1> + <a class="github-link" href="https://github.com/hathach/tinyusb/tree/master/examples/device/webusb_serial/website" + target="_blank"> + Find my source on GitHub + </a> + </header> + <main> + <section class="controls-section"> + <button id="connect" class="btn good">Connect</button> + <label for="newline_mode"> + Newline mode: + <select id="newline_mode"> + <option value="CR">Only \r</option> + <option value="CRLF">\r\n</option> + <option value="ANY" selected>\r, \n or \r\n</option> + </select> + </label> + <label for="auto_reconnect"> + <input type="checkbox" id="auto_reconnect" /> + Auto Reconnect + </label> + <button id="forget_device" class="btn danger">Forget Device</button> + <button id="forget_all_devices" class="btn danger">Forget All Devices</button> + <button id="reset_all" class="btn danger">Reset All</button> + <button id="reset_output" class="btn danger">Reset Output</button> + </section> + <section class="status-section"> + <span id="status" class="status"> + Click "Connect" to start + </span> + </section> + <div class="io-container"> + <section class="column sender"> + <h2>Sender</h2> + <div class="scrollbox-wrapper"> + <div id="sender_lines" class="scrollbox monospaced"></div> + </div> + <div class="send-container"> + <input id="command_line" class="input" placeholder="Start typing..." /> + <button id="send_mode" class="btn send-mode-command">Command Mode</button> + </div> + </section> + <section class="column"> + <h2>Receiver</h2> + <div class="scrollbox-wrapper"> + <div id="receiver_lines" class="scrollbox monospaced"></div> + </div> + </section> + </div> + </main> +</body> + +</html> |