pixx/ESP8266-termostat
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

aktualizace stylu - web interface

Browse Source 
resolve #7
This commit is contained in:
David Zálešák
2023-10-30 13:57:32 +01:00
parent 62f8638a8f
commit f912c7bb74
6 changed files with 64 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
data/index.html
View File

@@ -11,38 +11,36 @@
</head>
<body>
<main>
<header>
<div class="logo">
<img src="img/logo.svg" alt="Logo">
<h1>Termo<sub>stat</sub></h1>
<header>
<div class="logo">
<img src="img/logo.svg" alt="Logo">
<h1>Termo<sub>stat</sub></h1>
</div>
<div class="state">
<span>Aktuální stav</span>
<div>
<span id="actual-state">Netopí</span>
<img id="actual-state-img" src="img/netopi.svg" alt="Stav - netopí">
</div>
<div class="state">
<span>Aktuální stav</span>
<div>
<span id="actual-state">Netopí</span>
<img id="actual-state-img" src="img/netopi.svg" alt="Stav - netopí">
</div>
</div>
</header>
<section>
<h2>Požadovaná teplota</h2>
<div class="inputs">
<img id="tempUp" src="img/arrow_up.svg" alt="Zvýšit požadovanou teplotu">
<div id="reqTemp">0</div>
<img id="tempDown" src="img/arrow_down.svg" alt="Snížit požadovanou teplotu">
<span>Offset</span>
<img id="offsetUp" src="img/arrow_up_offset.svg" alt="Zvýšit offset">
<div id="offset">0</div>
<img id="offsetDown" src="img/arrow_down_offset.svg" alt="Snížit offset">
</div>
</section>
<footer>
<h2>Aktuální teplota</h2>
<div id="temp">0</div>
<div class="git"><a href="https://git.microlab.space/pixx/ESP8266-termostat">Git</a></div>
</footer>
</main>
</div>
</header>
<section>
<h2>Požadovaná teplota</h2>
<div class="inputs">
<img id="tempUp" src="img/arrow.svg" alt="Zvýšit teplotu">
<div id="reqTemp">0</div>
<img id="tempDown" src="img/arrow.svg" alt="Snížit teplotu">
<span>Offset</span>
<img id="offsetUp" src="img/arrow.svg" alt="Zvýšit offset">
<div id="offset">0</div>
<img id="offsetDown" src="img/arrow.svg" alt="Snížit offset">
</div>
</section>
<footer>
<h2>Aktuální teplota</h2>
<div id="temp">0</div>
<div class="git"><a href="https://git.microlab.space/pixx/ESP8266-termostat">Git</a></div>
</footer>
<script src="script.js"></script>
</body>