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:
@@ -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) {
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user