Einfuehrung fuer Einsteiger: Folien mit echten Aufnahmen und Markierungen

Neue Seite "Einfuehrung" im Menue: 31 Folien in zwei Teilen - Bedienen im
Alltag (Grundriss, Raum, Rollos, Heizung, Licht, Zeitleiste, Solar, Auto,
Heizstab und Wasser, Statistik, Historie, Heizung, Wetter, Fahrzeug, Hilfe)
und Einrichten und Verwalten (Preise, Grundriss, Kacheln, Geraete,
Automatik anlegen in Wenn/Wann/Dann, Ketten, Fahrzeugschluessel,
Protokolle).

- Bilder sind echte Aufnahmen der Oberflaeche mit Livewerten, Handy- und
  Desktopgroesse. tools/einfuehrung/aufnehmen.ps1 steuert Edge ohne
  Fenster ueber das DevTools-Protokoll nach plan.json und schreibt zu jedem
  Bild die Lage der markierten Elemente; daraus sitzen die nummerierten
  Punkte. Wetterort und Schluesselendungen werden vor der Aufnahme
  abgedeckt.
- Blaettern per Knopf, Pfeiltaste oder Wischen; Kapitelsprung; die Folie
  steht in der Adresse (#folie-7). Erklaerung und Punkt heben sich
  gegenseitig hervor.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

README.md

@@ -48,7 +48,8 @@ smart/
 ├── restricted/            Vorlagen (was man sieht) und Modelle (was es weiß)
 │   ├── header.php footer.php     Rahmen jeder Seite, Menü, Skript-Einbindung
 │   ├── home.php solar.php heat.php history.php
-│   ├── skoda.php weather.php settings.php logs.php     ← die acht Seitenvorlagen
+│   ├── skoda.php weather.php settings.php logs.php
+│   ├── einfuehrung.php                                  ← die neun Seitenvorlagen
 │   ├── rooms.php                 Etagen und Räume lesen (homeMesh), Kachelvorgabe, Symbole
 │   ├── grundriss.php             Etagen, Räume, Kachelpositionen, Bilder ändern (Reiter Grundriss)
 │   ├── zeitleiste.php            Automatiken eines Tages: Lage, Bahn, ob dran, Läufe
@@ -190,6 +191,7 @@ genau die Topics, die auf den Kacheln stehen (`tileTopics()` in `rooms.php`).
 | `weather` | `weather.php` | `weatherMQTT.js` | nichts — das Meteogramm ist ein fremdes Dokument im `<iframe>` (`js/meteogram.js`) | `weatherStation/#` |
 | `settings` | `settings.php` | `settings.js`, `grundriss.js` | `settings.php?action=…` | — |
 | `logs` | `logs.php` | `logs.js` | `logs.php?action=…` | — |
+| `einfuehrung` | `einfuehrung.php` | `einfuehrung.js` | nichts — Folien und Bilder stehen in der Seite | — |
 
 Und dasselbe als Abhängigkeitsbild — von der Seite bis in den Speicher:
 
@@ -851,6 +853,23 @@ und das Skript lädt und `window.fetch` durch eine Attrappe mit echten Daten
 ersetzt. Damit lässt sich das Zeichnen prüfen, ohne angemeldet zu sein und
 ohne etwas zu speichern.
 
+**Die Einführung** (Menü → Einführung) sind Folien für Einsteiger in zwei
+Teilen: Bedienen im Alltag, Einrichten und Verwalten. Die Texte stehen in
+`einfuehrungFolien()` in `restricted/einfuehrung.php`, die Bilder sind echte
+Aufnahmen unter `assets/img/einfuehrung`. Ändert sich die Oberfläche, nimmt
+`tools/einfuehrung/aufnehmen.ps1` sie auf dem Arbeitsrechner neu auf — Edge
+ohne Fenster über das DevTools-Protokoll, mit echten Wartezeiten für die
+Livewerte, Klicks und Scrollen laut `plan.json`:
+
+```powershell
+powershell -ExecutionPolicy Bypass -File tools\einfuehrung\aufnehmen.ps1 -Plan tools\einfuehrung\plan.json -Ausgabe assets\img\einfuehrung
+```
+
+Zu jedem Bild schreibt es eine `.json` mit der Lage der markierten Elemente;
+daraus setzt die Seite ihre nummerierten Punkte, sie wandern also mit. Ort und
+Koordinaten im Wetterkopf sowie die Endungen der Fahrzeugschlüssel deckt der
+Plan vor der Aufnahme ab. Die Seite muss dafür im Heimnetz erreichbar sein.
+
 Zwei Repositories, beide auf Gitea (`gitea.nas.el-wa.org`):
 
 | Repo | Ort | Inhalt |