2021-06-23 02:13:48 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2021-06-23 16:30:27 +02:00
|
|
|
|
2021-06-23 17:01:47 +02:00
|
|
|
<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">
|
2021-06-24 11:34:05 +02:00
|
|
|
Helligkeit
|
2021-06-24 13:41:20 +02:00
|
|
|
<!--<label id="label_pwm">
|
2021-06-24 11:34:05 +02:00
|
|
|
</label>-->
|
|
|
|
|
<div class="slider">
|
2021-06-24 13:41:20 +02:00
|
|
|
<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>
|
2021-06-24 11:34:05 +02:00
|
|
|
</div>
|
2021-06-24 13:41:20 +02:00
|
|
|
</div>
|
2021-06-23 17:01:47 +02:00
|
|
|
<div class="ueberschrift">
|
2021-06-24 11:34:05 +02:00
|
|
|
Helligkeit bei Dunkelheit
|
2021-06-24 13:41:20 +02:00
|
|
|
<!--<label id="label_pwm_dark">
|
2021-06-24 11:34:05 +02:00
|
|
|
</label>-->
|
|
|
|
|
<div class="slider">
|
2021-06-24 13:41:20 +02:00
|
|
|
<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>
|
2021-06-23 17:01:47 +02:00
|
|
|
</div>
|
2021-06-24 11:34:05 +02:00
|
|
|
|
2021-06-24 13:41:20 +02:00
|
|
|
<div class="ueberschrift">
|
|
|
|
|
Laufgeschwindigkeit
|
|
|
|
|
<!--<label id="label_geschwindigkeit">
|
2021-06-24 11:34:05 +02:00
|
|
|
</label>-->
|
2021-06-24 13:41:20 +02:00
|
|
|
<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>
|
2021-06-24 11:34:05 +02:00
|
|
|
|
2021-06-24 13:41:20 +02:00
|
|
|
<div class="ueberschrift">
|
|
|
|
|
Licht-An-Zeit
|
|
|
|
|
<!-- <label id="label_time">
|
2021-06-24 11:34:05 +02:00
|
|
|
</label>-->
|
|
|
|
|
<div class="slider">
|
2021-06-24 13:41:20 +02:00
|
|
|
<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>
|
2021-06-24 11:34:05 +02:00
|
|
|
</div>
|
2021-06-24 13:41:20 +02:00
|
|
|
</div>
|
2021-06-23 17:01:47 +02:00
|
|
|
|
|
|
|
|
</body>
|
2021-06-23 02:13:48 +02:00
|
|
|
|
2021-06-23 17:01:47 +02:00
|
|
|
<script src="/input.js"></script>
|
2021-06-23 02:13:48 +02:00
|
|
|
|
2021-06-23 17:01:47 +02:00
|
|
|
</html>
|
