schmidtsi76327/ESP8266_Treppenlicht
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Änderung

Browse Source
This commit is contained in:
Pupsmuckel 2021-06-23 17:01:47 +02:00
parent 51bdd6210e
commit a4196bb579
2 changed files with 51 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
data/index.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>ESP8266 Treppenlicht</title> <title>ESP8266 Treppenlicht</title>
<!-- main style sheet --> <!-- main style sheet -->
@ -8,8 +9,7 @@
</head> </head>
<body> <body>
<div class="kopfzeile" <div class="kopfzeile" style="text-align: center;">
style="text-align: center;">
<b>Treppenlicht</b> <b>Treppenlicht</b>
</div> </div>
@ -21,6 +21,14 @@
<input type="range" class="testregler" min="0" max="100"> <input type="range" class="testregler" min="0" max="100">
</div> </div>
</div> </div>
<div class="ueberschrift">
<center>Helligkeit bei Dunkelheit</center>
<div class="slider">
<label id="label_geschwindigkeit">
</label>
<input type="range" class="testregler" min="0" max="100">
</div>
</div>
<br> <br>
<div class="ueberschrift"> <div class="ueberschrift">
<center>Laufgeschwindigkeit</center> <center>Laufgeschwindigkeit</center>
@ -30,6 +38,16 @@
<input type="range" class="testregler" min="0" max="100"> <input type="range" class="testregler" min="0" max="100">
</div> </div>
</div> </div>
<br>
<div class="ueberschrift">
<center>Licht-An-Zeit</center>
<div class="slider">
<label id="label_geschwindigkeit">
</label>
<input type="range" class="testregler" min="0" max="100">
</div>
</div>
</body> </body>

11
data/style.css
View File

@ -26,7 +26,7 @@ html {
.testregler{ .testregler{
-webkit-appearance: none; -webkit-appearance: none;
height: 20px; height: 30px;
width: 98%; width: 98%;
border-radius: 20px; border-radius: 20px;
outline: black; outline: black;
@ -44,12 +44,9 @@ html {
input[type=range]::-webkit-slider-thumb{ input[type=range]::-webkit-slider-thumb{
-webkit-appearance: none; -webkit-appearance: none;
border:none; border:none;
height: 100px; height: 30px;
width: 100px; width: 4%;
background:goldenrod; border-radius: 30px;
margin-top: -15px;
border-radius: o!important;
} }
.kopfzeile{ .kopfzeile{