Pupsmuckel
2 years ago
2 changed files with 51 additions and 36 deletions
+ 47
- 29
data/index.html
View File
| @@ -1,38 +1,56 @@ | |||
| <!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"> | |||
| <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"> | |||
| <center>Helligkeit</center> | |||
| <div class="slider"> | |||
| <label id="label_pwm"> | |||
| </label> | |||
| <input type="range" class="testregler" min="0" max="100"> | |||
| </div> | |||
| <div class="slider"> | |||
| <label id="label_pwm"> | |||
| </label> | |||
| <input type="range" class="testregler" min="0" max="100"> | |||
| </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> | |||
| <br> | |||
| <div class="ueberschrift"> | |||
| </div> | |||
| <br> | |||
| <div class="ueberschrift"> | |||
| <center>Laufgeschwindigkeit</center> | |||
| <div class="slider"> | |||
| <label id="label_geschwindigkeit"> | |||
| </label> | |||
| <input type="range" class="testregler" min="0" max="100"> | |||
| </div> | |||
| <div class="slider"> | |||
| <label id="label_geschwindigkeit"> | |||
| </label> | |||
| <input type="range" class="testregler" min="0" max="100"> | |||
| </div> | |||
| </body> | |||
| </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> | |||
| <script src="/input.js"></script> | |||
| <script src="/input.js"></script> | |||
| </html> | |||
| </html> | |||
+ 4
- 7
data/style.css
View File
| @@ -26,7 +26,7 @@ html { | |||
| .testregler{ | |||
| -webkit-appearance: none; | |||
| height: 20px; | |||
| height: 30px; | |||
| width: 98%; | |||
| border-radius: 20px; | |||
| outline: black; | |||
| @@ -44,12 +44,9 @@ html { | |||
| input[type=range]::-webkit-slider-thumb{ | |||
| -webkit-appearance: none; | |||
| border:none; | |||
| height: 100px; | |||
| width: 100px; | |||
| background:goldenrod; | |||
| margin-top: -15px; | |||
| border-radius: o!important; | |||
| height: 30px; | |||
| width: 4%; | |||
| border-radius: 30px; | |||
| } | |||
| .kopfzeile{ | |||
Loading…