vincent/crust-craft
1
0
Fork 0
mirror of https://github.com/vincentvdwal/crust-craft.git synced 2026-08-18 17:26:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

switch to svelte and chart.js

Browse Source
This commit is contained in:
Vincent van der Wal
2025-09-11 21:09:23 +02:00
parent e4f93be75e
commit e0fda01f7a
27 changed files with 8000 additions and 1335 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
-48
View File
@@ -8,55 +8,7 @@
</head>
<body>
<div class="nav">
<div class="nav-title">CrustCraft</div>
</div>
<div class="content">
<div class="card-grid">
<div class="card">
<p class="card-title">
Sensor Temperature</p>
<p class="reading"><span id="temperature"></span> &deg;C</p>
</div>
<div class="card relais" id="relais_switch">
<p>Relais</p>
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="relais_switch_input"
tabindex="0">
<label class="onoffswitch-label" for="relais_switch_input">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
<div class="oven" id="oven">
<div class="oven-wrapper">
<div class="oven-img-wrapper">
<img src="/oven_small.png">
</div>
</div>
</div>
<div class="graph">
<div class="plot-wrapper">
<div id="plot"></div>
</div>
</div>
<div class="card-grid settings">
<div class="card">
<p class="card-title">
Target temperature</p>
<p class="reading"><input type="number" min="0" max="600" placeholder="300" id="target_temperature">
</input> <label for="target_temperature">
&deg;C
</p>
</label>
</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>