Drop the firmware hint, the how-it-works section and its Uitleg button

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Max Gramser
2026-09-14 12:25:21 +02:00
parent 5d24a770a4
commit 6cdd6468c5
3 changed files with 0 additions and 75 deletions
-1
View File
@@ -1409,7 +1409,6 @@ function openSection(id) {
section.scrollIntoView({ behavior: "smooth", block: "start" });
}
$("#nav-tiles").onclick = () => openSection("#tile-section");
$("#open-help").onclick = () => openSection("#help");
$("#nav-settings").onclick = () => openSection("#general-settings");
$("#nav-inspector").onclick = () => inspect();
async function inspect(entity) {
-36
View File
@@ -30,10 +30,6 @@
><small>Bouwen en installeren via USB of wifi</small></span
>
</button>
<button id="open-help" class="tool">
<span class="tool-icon" aria-hidden="true">?</span>
<span class="tool-text"><b>Uitleg</b><small>Hoe werkt het</small></span>
</button>
</nav>
</header>
<main>
@@ -154,38 +150,6 @@
</footer>
</section>
</div>
<p class="firmware-link">
Een bestaand profiel opnieuw bouwen of via USB of wifi installeren kan
via <b>Firmware & USB</b> bovenaan. Je eigen YAML en secrets blijven
bewaard.
</p>
<details class="help" id="help">
<summary>Hoe werkt het dagelijks?</summary>
<p>
Zoek een entiteit, voeg deze toe en klik op
<b>Opslaan & naar scherm</b>. De app houdt de status bij. Voor een
kleurenlamp: houd de tegel ingedrukt voor kleur, temperatuur en
helderheid. Climate, vacuum en cover openen hun kaart direct. Sensoren
openen hun HA-geschiedenis met één tik. Per tegel kies je een grote
waarde, mini-schuif of klikgedrag.
</p>
<p>
Speciale kaarten: de <b>Klok</b> staat bovenaan de kiezer; een
weerentiteit toont de vijfdaagse voorspelling, <code>sun.sun</code>
de zonnebaan, een sensor een trendgrafiek, een <code>timer</code>
telt live af en een <code>person</code> toont thuis/weg. Zet een
tegel op <b>Dubbelbreed</b> voor meer ruimte.
</p>
<p>
Een nieuw scherm installeer je via <b>Nieuw scherm</b>: het profiel
met eigen sleutels, ontbrekende wifi in ESPHome secrets.yaml, de build
en de USB-flash gebeuren in één venster, met de API-sleutel voor de
koppeling aan het eind. Nieuwe firmware voor bestaande schermen komt
via <b>Bijwerken</b> in de lijst, of handmatig via
<b>Firmware & USB</b>. Je tegels blijven in deze app bewaard; een
offline scherm krijgt de wijzigingen zodra het terug is.
</p>
</details>
</main>
<dialog id="installer">
<form id="install-form">
-38
View File
@@ -520,18 +520,6 @@ body.dragging {
font-size: 60px;
color: #9cafd0;
}
.help {
margin: 26px 0 0 238px;
color: var(--muted);
font-size: 13px;
}
.help summary {
cursor: pointer;
font-weight: 600;
}
.help p {
margin-top: 15px;
}
dialog {
border: 1px solid var(--line);
border-radius: 20px;
@@ -630,9 +618,6 @@ dialog label {
.columns {
grid-template-columns: 1fr;
}
.help {
margin-left: 178px;
}
.editor-head {
display: block;
}
@@ -676,9 +661,6 @@ dialog label {
#editor {
padding: 18px;
}
.help {
margin-left: 0;
}
.savebar {
align-items: stretch;
flex-direction: column;
@@ -716,26 +698,6 @@ textarea {
margin-bottom: 20px;
}
.firmware-link {
margin: 26px 0 0 238px;
font-size: 13px;
}
.firmware-link a {
color: var(--accent);
text-decoration: none;
font-weight: 600;
}
@media (max-width: 1000px) {
.firmware-link {
margin-left: 178px;
}
}
@media (max-width: 620px) {
.firmware-link {
margin-left: 0;
}
}
.screen-settings {
margin: 28px 0 20px;
border-top: 1px solid var(--line);