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" });
|
section.scrollIntoView({ behavior: "smooth", block: "start" });
|
||||||
}
|
}
|
||||||
$("#nav-tiles").onclick = () => openSection("#tile-section");
|
$("#nav-tiles").onclick = () => openSection("#tile-section");
|
||||||
$("#open-help").onclick = () => openSection("#help");
|
|
||||||
$("#nav-settings").onclick = () => openSection("#general-settings");
|
$("#nav-settings").onclick = () => openSection("#general-settings");
|
||||||
$("#nav-inspector").onclick = () => inspect();
|
$("#nav-inspector").onclick = () => inspect();
|
||||||
async function inspect(entity) {
|
async function inspect(entity) {
|
||||||
|
|||||||
@@ -30,10 +30,6 @@
|
|||||||
><small>Bouwen en installeren via USB of wifi</small></span
|
><small>Bouwen en installeren via USB of wifi</small></span
|
||||||
>
|
>
|
||||||
</button>
|
</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>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
@@ -154,38 +150,6 @@
|
|||||||
</footer>
|
</footer>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</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>
|
</main>
|
||||||
<dialog id="installer">
|
<dialog id="installer">
|
||||||
<form id="install-form">
|
<form id="install-form">
|
||||||
|
|||||||
@@ -520,18 +520,6 @@ body.dragging {
|
|||||||
font-size: 60px;
|
font-size: 60px;
|
||||||
color: #9cafd0;
|
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 {
|
dialog {
|
||||||
border: 1px solid var(--line);
|
border: 1px solid var(--line);
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
@@ -630,9 +618,6 @@ dialog label {
|
|||||||
.columns {
|
.columns {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
.help {
|
|
||||||
margin-left: 178px;
|
|
||||||
}
|
|
||||||
.editor-head {
|
.editor-head {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -676,9 +661,6 @@ dialog label {
|
|||||||
#editor {
|
#editor {
|
||||||
padding: 18px;
|
padding: 18px;
|
||||||
}
|
}
|
||||||
.help {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.savebar {
|
.savebar {
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -716,26 +698,6 @@ textarea {
|
|||||||
margin-bottom: 20px;
|
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 {
|
.screen-settings {
|
||||||
margin: 28px 0 20px;
|
margin: 28px 0 20px;
|
||||||
border-top: 1px solid var(--line);
|
border-top: 1px solid var(--line);
|
||||||
|
|||||||
Reference in New Issue
Block a user