ESP8266 Treppenlichtsteuerung mit OTA zum Firmware Upload
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.

index.html 1.7KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>ESP8266 Treppenlicht</title>
  5. <link href="/favicon.png" rel="icon" type="image/png" sizes="10x10">
  6. <link href="/style.css" rel="stylesheet" type="text/css">
  7. </head>
  8. <body>
  9. <div class="topbar">Treppenlicht</div>
  10. <div class="param_block">
  11. Active Brightness: <output id="out_act_pwm" class="val_range">50</output> %
  12. <div class="slider">
  13. <input type="range" class="regler" id="range_act_pwm" min="0" max="100" value="50"
  14. oninput="amount1.value=helligkeit.value">
  15. </div>
  16. </div>
  17. <div class="param_block">
  18. Idle Brightness: <output id="out_idl_pwm" class="val_range">50</output> %
  19. <div class="slider">
  20. <input type="range" class="regler" id="range_idl_pwm" min="0" max="100" value="50"
  21. oninput="amount2.value=helligkeit_dunkel.value">
  22. </div>
  23. </div>
  24. <div class="param_block">
  25. Time per stair: <output id="out_tim_sta" class="val_range">50</output> %
  26. <div class="slider">
  27. <input type="range" class="regler" id="range_tim_sta" min="0" max="100" value="50"
  28. oninput="amount3.value=geschwindigkeit.value">
  29. </div>
  30. </div>
  31. <div class="param_block">
  32. On Time: <output id="out_tim_on" class="val_range">50</output> %
  33. <div class="slider">
  34. <input type="range" class="regler" id="range_tim_on" min="0" max="100" value="50"
  35. oninput="amount4.value=time.value">
  36. </div>
  37. </div>
  38. <div class="terminal">
  39. <input type="button" id="clear_term" value="clear" onclick="clearTerminal();">
  40. <input type="checkbox" id="scroll" name="scroll" value="scroll" checked>
  41. <label for="scroll"> autoscroll </label>
  42. <textarea id="term">waiting for log messages ...&#10;</textarea>
  43. </div>
  44. </body>
  45. <script src="/input.js"></script>
  46. </html>