Claude Fable 5
2fe9374f16
All checks were successful
CI / Import/export fidelity gate (pull_request) Successful in 54s
CI / Lint, typecheck, test (pull_request) Successful in 4m25s
CD / Build and push images (push) Successful in 17s
Release / Build release images and notes (push) Successful in 1m18s
CD / Smoke tests against Test (push) Successful in 1m18s
CI / Build container images (push) Has been skipped
CI / Import/export fidelity gate (push) Successful in 59s
CI / Build container images (pull_request) Successful in 3m49s
CI / Auth e2e pack (pull_request) Successful in 6m47s
CD / Deploy to Test (push) Successful in 11s
CD / Promote to Int (push) Successful in 11s
Release / Release-candidate operations QA (push) Successful in 45s
Prod deploy / Deploy the released images to Prod (push) Successful in 15s
CI / Lint, typecheck, test (push) Successful in 4m36s
CI / Auth e2e pack (push) Successful in 6m54s
- Tutorial K19: neue Sektion „Excalidraw — Skizzen wie von Hand" mit
Nadias Bühnenplan-Beispiel (konzerte-live); Intro fünf→sechs Plugins.
- Tutorial K18: fünf→sechs Standard-Plugins.
- Site-Admin-Guide (en+de): Referenzliste + Build-Namensliste +
Build-Hinweis (~16-MiB-ZIP aus npm).
- plugin-architecture.md: Referenz-Eintrag excalidraw (npm-Library-
Spielart des Bundled-App-Pfads, {scene, svg}).
- developer/extending (en+de): Excalidraw als zweite Bundled-App-Variante.
Holt die in #136 zugesagten Doku-Ergänzungen nach. Screenshot für K19
folgt nach dem CSP-Deploy (damit die Handschrift korrekt rendert).
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0155v2aT8AG1kZDQEZiCLBWC
88 lines
3.7 KiB
Markdown
88 lines
3.7 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).
|
|
|
|
|
|
|
|
## 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.
|
|
|
|
|
|
|
|
## 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.
|
|
|
|
## 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.
|
|
|
|
|
|
|
|
## 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)
|