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.
|
|
<!DOCTYPE html> <html> <head> <title>LED Control</title> <link href='main.css' rel='stylesheet' type='text/css'> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" sizes="144x144" href="/favicon-144x144.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon.ico"> <link rel="manifest" href="/manifest.json"> <meta name="theme-color" content="#00878f"> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'> <script src="WebSocket.js" type="text/javascript"></script> </head>
<body> <center> <header> <h1>LED Control</h1> </header> <div> <table> <tr> <td style="width:14.4px; text-align: right">R: </td> <td><input class="enabled" id="r" type="range" min="0" max="1023" step="1" oninput="sendRGB();" value="0"></td> </tr> <tr> <td style="width:14.4px; text-align: right">G: </td> <td><input class="enabled" id="g" type="range" min="0" max="1023" step="1" oninput="sendRGB();" value="0"></td> </tr> <tr> <td style="width:14.4px; text-align: right">B: </td> <td><input class="enabled" id="b" type="range" min="0" max="1023" step="1" oninput="sendRGB();" value="0"></td> </tr> </table> <p style="margin:8px 0px"><button id="rainbow" class="button" style="background-color:#999" onclick="rainbowEffect();">Rainbow</button></p> </div> </center> </body> </html>
|