The esp8266 portion of the project
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

39 lines
1.7 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>LED Control</title>
  5. <link href='main.css' rel='stylesheet' type='text/css'>
  6. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
  7. <link rel="icon" type="image/png" sizes="144x144" href="/favicon-144x144.png">
  8. <link rel="icon" type="image/png" sizes="48x48" href="/favicon.ico">
  9. <link rel="manifest" href="/manifest.json">
  10. <meta name="theme-color" content="#00878f">
  11. <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'>
  12. <script src="WebSocket.js" type="text/javascript"></script>
  13. </head>
  14. <body>
  15. <center>
  16. <header>
  17. <h1>LED Control</h1>
  18. </header>
  19. <div>
  20. <table>
  21. <tr>
  22. <td style="width:14.4px; text-align: right">R: </td>
  23. <td><input class="enabled" id="r" type="range" min="0" max="1023" step="1" oninput="sendRGB();" value="0"></td>
  24. </tr>
  25. <tr>
  26. <td style="width:14.4px; text-align: right">G: </td>
  27. <td><input class="enabled" id="g" type="range" min="0" max="1023" step="1" oninput="sendRGB();" value="0"></td>
  28. </tr>
  29. <tr>
  30. <td style="width:14.4px; text-align: right">B: </td>
  31. <td><input class="enabled" id="b" type="range" min="0" max="1023" step="1" oninput="sendRGB();" value="0"></td>
  32. </tr>
  33. </table>
  34. <p style="margin:8px 0px"><button id="rainbow" class="button" style="background-color:#999" onclick="rainbowEffect();">Rainbow</button></p>
  35. </div>
  36. </center>
  37. </body>
  38. </html>