12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- <!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>
-
- </body>
-
- <script src="/input.js"></script>
-
- </html>
|