45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Lernklima – Live-Werte</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>Lernklima Vorlesungsraum</h1>
|
||
<p id="status" class="status status-warte">Warte auf Daten …</p>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="kacheln">
|
||
<article class="kachel" id="kachel-temperatur">
|
||
<h2>Temperatur</h2>
|
||
<p class="wert"><span id="wert-temperatur">–</span> <small>°C</small></p>
|
||
</article>
|
||
<article class="kachel" id="kachel-luftfeuchte">
|
||
<h2>Luftfeuchtigkeit</h2>
|
||
<p class="wert"><span id="wert-luftfeuchte">–</span> <small>%</small></p>
|
||
</article>
|
||
<article class="kachel" id="kachel-eco2">
|
||
<h2>CO₂ (eCO₂)</h2>
|
||
<p class="wert"><span id="wert-eco2">–</span> <small>ppm</small></p>
|
||
<p class="hinweis" id="hinweis-eco2" hidden></p>
|
||
</article>
|
||
<article class="kachel" id="kachel-tvoc">
|
||
<h2>TVOC</h2>
|
||
<p class="wert"><span id="wert-tvoc">–</span> <small>ppb</small></p>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="verlauf">
|
||
<h2>Verlauf (letzte Messungen)</h2>
|
||
<canvas id="diagramm" width="800" height="240" aria-label="Verlauf von Temperatur und CO₂"></canvas>
|
||
</section>
|
||
</main>
|
||
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html>
|