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

34
data/index.html
View File

@ -1,15 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<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>
</head>
<body>
<div class="kopfzeile"
style="text-align: center;">
<body>
<div class="kopfzeile" style="text-align: center;">
<b>Treppenlicht</b>
</div>
@ -21,7 +21,15 @@
<input type="range" class="testregler" min="0" max="100">
</div>
</div>
<br>
<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>
<div class="ueberschrift">
<center>Laufgeschwindigkeit</center>
<div class="slider">
@ -30,9 +38,19 @@
<input type="range" class="testregler" min="0" max="100">
</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>
<script src="/input.js"></script>
</body>
<script src="/input.js"></script>
</html>

11
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{