dorfteich/docs/de/tutorial/19-standard-bausteine.md
Claude Fable 5 8d1172154b
All checks were successful
CI / Lint, typecheck, test (pull_request) Successful in 4m55s
CI / Build container images (pull_request) Successful in 1m5s
CI / Auth e2e pack (pull_request) Successful in 6m52s
CI / Import/export fidelity gate (pull_request) Successful in 53s
CD / Build and push images (push) Successful in 16s
CD / Deploy to Test (push) Successful in 16s
Release / Build release images and notes (push) Successful in 1m17s
CD / Smoke tests against Test (push) Successful in 1m15s
Release / Release-candidate operations QA (push) Successful in 49s
CD / Promote to Int (push) Successful in 11s
Prod deploy / Deploy the released images to Prod (push) Successful in 15s
CI / Lint, typecheck, test (push) Successful in 4m36s
CI / Build container images (push) Has been skipped
CI / Auth e2e pack (push) Successful in 6m46s
CI / Import/export fidelity gate (push) Successful in 54s
Tutorial K19: Screenshot von Nadias Bühnenplan (Excalidraw) ergänzt
Aufgenommen auf Prod (v0.9.1, Handschrift-Fonts nach dem CSP-Fix aktiv)
auf der öffentlichen Seite konzerte-live — vervollständigt die neue
Excalidraw-Sektion analog zu den Mermaid-/drawio-Beispielbildern.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0155v2aT8AG1kZDQEZiCLBWC
2026-07-19 22:48:50 +02:00

90 lines
3.8 KiB
Markdown

# Die Standard-Bausteine im Schaufenster
Dorfteich bringt sechs Plugins mit. Dieses Kapitel ist ein
Schaufensterbummel: je ein Blick, wofür jeder Baustein gut ist — ohne
Bedienungsanleitung. (Die Diagramm- und Zeichen-Bausteine haben eigene
kleine Welten; hier geht es nur darum, dass du weißt, was es gibt.)
## Mermaid-Diagramm — Diagramme aus Text
Ein **Block** für die Seitenmitte: Du beschreibst in Textform, was
zusammenhängt („A führt zu B, B führt zu C") — der Baustein zeichnet
daraus ein sauberes Diagramm: Ablaufpläne, Zeitleisten, Organigramme.
Ideal, wenn das Diagramm mit dem Inhalt mitwachsen soll: Text ändern,
Zeichnung folgt.
In Nadias Teich zeichnet ein Mermaid-Block den Wochenplan auf ihrer
Seite
[Marathon-Training](https://dorfteich.online/public/nadia-morgenstern/marathon-training).
![Der Mermaid-Trainingsplan auf Nadias Marathon-Seite](img/19-mermaid-marathon.png)
## draw.io-Diagramm — frei zeichnen
Das Gegenstück für alle, die lieber **zeichnen statt beschreiben**: Ein
vollwertiges Zeichenprogramm öffnet sich im Vollbild — Kästen, Pfeile,
Formen, alles frei platzierbar. Gut für Skizzen, Lagepläne,
Schaubilder. Beim Schließen landet die Zeichnung als Bild in der Seite;
zum Weiterzeichnen öffnest du sie einfach wieder.
Nadia hat damit die Route ihrer liebsten Schotterrunde auf der Seite
[Gravel](https://dorfteich.online/public/nadia-morgenstern/gravel)
skizziert.
![Nadias Routen-Skizze aus dem draw.io-Baustein](img/19-drawio-gravel.png)
## Excalidraw — Skizzen wie von Hand
Der dritte Zeichen-Baustein, und der lockerste: **Excalidraw** öffnet
sich ebenfalls im Vollbild, zeichnet aber im Handschrift-Look — Kästen
wirken hingeworfen, Beschriftungen wie mit dem Stift geschrieben.
Perfekt für schnelle Ideen, Lagepläne und alles, was bewusst nach
Entwurf aussehen soll statt nach fertigem Diagramm.
Nadia hat damit auf ihrer Seite
[Konzerte & Live](https://dorfteich.online/public/nadia-morgenstern/konzerte-live)
den Bühnenplan fürs nächste Open-Air gekritzelt — samt Merker, wo der
beste Platz ist.
![Nadias handgezeichneter Bühnenplan aus dem Excalidraw-Baustein](img/19-excalidraw-buehnenplan.png)
## Inhaltsverzeichnis — lange Seiten gliedern
Ein **Seiten-Werkzeug**: Es sitzt hinter dem Werkzeug-Symbol in der
Kopfleiste, liest die Überschriften der geöffneten Seite und zeigt ein
klickbares Inhaltsverzeichnis — ohne dass du irgendetwas in den Text
einbauen musst. Schreibst du einen neuen Abschnitt, ist er beim
nächsten Öffnen einfach da. Probier es auf Nadias Seite
[Konzert-Notizen](https://dorfteich.online/public/nadia-morgenstern/konzert-notizen),
die mit ihren Zwischenüberschriften genau dafür gebaut ist.
![Das Inhaltsverzeichnis als Seiten-Werkzeug auf den Konzert-Notizen](img/19-inhaltsverzeichnis.png)
## Seitenindex — den Teich auflisten
Das zweite **Seiten-Werkzeug**: eine automatisch aktuelle Liste der
Seiten des Teichs, nach Wunsch nach Label gefiltert. Praktisch, wenn
die Sammlung groß wird und du eine lebende Übersicht willst, die
niemand von Hand pflegen muss.
## Abschnitts-Stile — Kästen mit Charakter
Eine kleine Familie von Gestaltungen für die Werkzeugleiste:
**Info-Kasten**, **Warnung**, **Hervorhebung**, **Farbige Box**. Damit
hebst du im Bearbeitungsmodus ganze Absätze vom Beiläufigen ab — der
Hinweis, der nicht überlesen werden soll, bekommt einen farbigen
Rahmen.
## Probier es aus
Such dir **einen** Baustein aus diesem Schaufenster aus — für den
Anfang empfehlen sich das **Inhaltsverzeichnis** (öffne es über das
Werkzeug-Symbol auf deiner längsten Seite) oder ein **Info-Kasten** aus
den Abschnitts-Stilen. Mehr als einen brauchst du heute nicht; die
anderen laufen dir wieder über den Weg, wenn du sie brauchst.
---
Weiter: [Kapitel 20 — Dein Profil und deine Einstellungen](20-profil-einstellungen.md)
· [Zum Überblick](README.md)