1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!DOCTYPE html>
- <html>
-
- <head>
- <title>ESP8266 Treppenlicht</title>
- <!-- main style sheet -->
- <link href="/favicon.png" rel="icon" type="image/png" sizes="10x10">
- <link href="/style.css" rel="stylesheet" type="text/css">
- </head>
-
- <body>
- <div class="kopfzeile" style="text-align: center;">
- <b>Treppenlicht</b>
- </div>
-
- <div class="ueberschrift">
- Helligkeit
- <!--<label id="label_pwm">
- </label>-->
- <div class="slider">
- <input type="range" class="regler" id="helligkeit" name="rangeInput" min="0" max="100" value="50"
- oninput="amount1.value=helligkeit.value">
- <br>
- <output name="amount1" id="amount1" for="helligkeit">50</output>
- </div>
- </div>
- <div class="ueberschrift">
- Helligkeit bei Dunkelheit
- <!--<label id="label_pwm_dark">
- </label>-->
- <div class="slider">
- <input type="range" class="regler" id="helligkeit_dunkel" name="rangeInput" min="0" max="100" value="50"
- oninput="amount2.value=helligkeit_dunkel.value">
- <br>
- <output name="amount2" id="amount2" for="helligkeit_dunkel">50</output>
- </div>
- </div>
-
- <div class="ueberschrift">
- Laufgeschwindigkeit
- <!--<label id="label_geschwindigkeit">
- </label>-->
- <div class="slider">
- <input type="range" class="regler" id="geschwindigkeit" name="rangeInput" min="0" max="100" value="50"
- oninput="amount3.value=geschwindigkeit.value">
- <br>
- <output name="amount3" id="amount3" for="geschwindigkeit">50</output>
- </div>
- </div>
-
- <div class="ueberschrift">
- Licht-An-Zeit
- <!-- <label id="label_time">
- </label>-->
- <div class="slider">
- <input type="range" class="regler" id="time" name="rangeInput" min="0" max="100" value="50"
- oninput="amount4.value=time.value">
- <br>
- <output name="amount4" id="amount4" for="time">50</output>
- </div>
- </div>
-
- <div class="terminal">
- <input type="button" id="clear_term" value="clear" onclick="clearTerminal();">
- <input type="checkbox" id="scroll" name="scroll" value="scroll">
- <label for="scroll"> autoscroll </label>
- <textarea id="term"> waiting for log messages ... </textarea>
- </div>
-
- </body>
-
- <script src="/input.js"></script>
-
- </html>
|