41 lines
1.0 KiB
HTML
41 lines
1.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>ESP8266 Treppenlicht</title>
|
||
|
|
<!-- main style sheet -->
|
||
|
|
<link href="/favicon.png" rel="icon" type="image/png" sizes="16x16">
|
||
|
|
<link href="/style.css" rel="stylesheet" type="text/css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="topbar">
|
||
|
|
ESP8266 Treppenlicht Controller
|
||
|
|
</div>
|
||
|
|
<div class="control">
|
||
|
|
<div class="brightness">
|
||
|
|
</div>
|
||
|
|
<div class="onoff">
|
||
|
|
toggle all
|
||
|
|
<label id="l_onoff"></label>
|
||
|
|
<label class="switch">
|
||
|
|
<input type="checkbox">
|
||
|
|
<span class="slider round"></span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="pwm">
|
||
|
|
<label id="label_pwm"></label>
|
||
|
|
<input type="range" min="1" max="100" value="50" class="rangeslider" id="range1">
|
||
|
|
</div>
|
||
|
|
<div class="timer">
|
||
|
|
<label id="label_timer"></label>
|
||
|
|
<input type="range" min="1" max="100" value="50" class="rangeslider" id="timer_range">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<script src="/input.js"></script>
|
||
|
|
|
||
|
|
</html>
|