2021-06-23 00:13:48 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2021-06-23 14:30:27 +00:00
|
|
|
|
2021-06-23 15:01:47 +00: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 09:34:05 +00:00
|
|
|
Helligkeit
|
2021-06-24 11:41:20 +00:00
|
|
|
<!--<label id="label_pwm">
|
2021-06-24 09:34:05 +00:00
|
|
|
</label>-->
|
|
|
|
|
<div class="slider">
|
2021-06-24 11:41:20 +00: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 09:34:05 +00:00
|
|
|
</div>
|
2021-06-24 11:41:20 +00:00
|
|
|
</div>
|
2021-06-23 15:01:47 +00:00
|
|
|
<div class="ueberschrift">
|
2021-06-24 09:34:05 +00:00
|
|
|
Helligkeit bei Dunkelheit
|
2021-06-24 11:41:20 +00:00
|
|
|
<!--<label id="label_pwm_dark">
|
2021-06-24 09:34:05 +00:00
|
|
|
</label>-->
|
|
|
|
|
<div class="slider">
|
2021-06-24 11:41:20 +00: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 15:01:47 +00:00
|
|
|
</div>
|
2021-06-24 09:34:05 +00:00
|
|
|
|
2021-06-24 11:41:20 +00:00
|
|
|
<div class="ueberschrift">
|
|
|
|
|
Laufgeschwindigkeit
|
|
|
|
|
<!--<label id="label_geschwindigkeit">
|
2021-06-24 09:34:05 +00:00
|
|
|
</label>-->
|
2021-06-24 11:41:20 +00: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 09:34:05 +00:00
|
|
|
|
2021-06-24 11:41:20 +00:00
|
|
|
<div class="ueberschrift">
|
|
|
|
|
Licht-An-Zeit
|
|
|
|
|
<!-- <label id="label_time">
|
2021-06-24 09:34:05 +00:00
|
|
|
</label>-->
|
|
|
|
|
<div class="slider">
|
2021-06-24 11:41:20 +00: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 09:34:05 +00:00
|
|
|
</div>
|
2021-06-24 11:41:20 +00:00
|
|
|
</div>
|
2021-06-23 15:01:47 +00:00
|
|
|
|
2021-06-26 08:49:29 +00:00
|
|
|
<div class="terminal">
|
|
|
|
|
<input type="button" id="clear_term" value="clear" onclick="clearTerminal();">
|
2021-06-30 18:33:16 +00:00
|
|
|
<input type="checkbox" id="scroll" name="scroll" value="scroll" checked>
|
2021-06-26 08:49:29 +00:00
|
|
|
<label for="scroll"> autoscroll </label>
|
2021-06-30 18:33:16 +00:00
|
|
|
<textarea id="term">waiting for log messages ... </textarea>
|
2021-06-26 08:49:29 +00:00
|
|
|
</div>
|
|
|
|
|
|
2021-06-23 15:01:47 +00:00
|
|
|
</body>
|
2021-06-23 00:13:48 +00:00
|
|
|
|
2021-06-23 15:01:47 +00:00
|
|
|
<script src="/input.js"></script>
|
2021-06-23 00:13:48 +00:00
|
|
|
|
2021-06-23 15:01:47 +00:00
|
|
|
</html>
|
