# Die Standard-Bausteine im Schaufenster Dorfteich bringt fünf Bausteine mit. Dieses Kapitel ist ein Schaufensterbummel: je ein Blick, wofür jeder gut ist — ohne Bedienungsanleitung. (Die Diagramm-Bausteine haben eigene kleine Welten; hier geht es nur darum, dass du weißt, was es gibt.) ## Mermaid-Diagramm — Diagramme aus Text 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-Baustein den Wochenplan auf ihrer Seite [Marathon-Training](https://dorfteich.online/public/nadia-morgenstern/marathon-training). _[Screenshot folgt: das Trainingsplan-Diagramm auf Nadias Seite]_ ## 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. ## Inhaltsverzeichnis — lange Seiten gliedern Der unscheinbarste und vielleicht nützlichste: Der Baustein liest die **Überschriften deiner Seite** und baut daraus ein klickbares Inhaltsverzeichnis. Schreibst du einen neuen Abschnitt, taucht er von selbst darin auf. Nie wieder von Hand pflegen. ## Seitenindex — Unterseiten auflisten Dieser Baustein listet die **Unterseiten** der aktuellen Seite automatisch auf. Perfekt für Übersichts-Seiten wie Nadias [Musik](https://dorfteich.online/public/nadia-morgenstern/musik): Kommt ein neuer Ordner dazu, steht er in der Übersicht — ohne dass jemand daran denken muss. ## Hervorhebungen — Kästen mit Charakter Eine kleine Familie von Schmuck-Blöcken: **Info-Kasten**, **Warnung**, **Hervorhebung**, **Farbige Box**. Damit hebst du das Wichtige 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** (auf deiner längsten Seite) oder ein **Info-Kasten** — und setz ihn über **Block einfügen …** auf eine deiner Seiten. 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)