Demo
Übersicht aller Markdown-Elemente und Content-Komponenten von hautuu.
Diese Seite zeigt Markdown und die Content-Komponenten aus der Sveltia-Toolbar. Parent ist Features; URL: /features/demo/.
Markdown: Text und Inline
Normaler Absatz mit fett, kursiv, beidem und inline code. Interner Link zum Glossar, externer Link zu GitHub.
Blockzitat: so sieht ein Zitat im Fließtext aus.
Aufzählungen
- Ungeordnet Punkt eins
- Punkt zwei mit Link
- Punkt drei
- Geordnet erster Schritt
- Zweiter Schritt
- Dritter Schritt
Codeblock
const greeting = "Hallo hautuu";
console.log(greeting);Tabelle (Markdown)
| Spalte A | Spalte B |
|---|---|
| Zeile 1 | Wert |
| Zeile 2 | Wert |
Überschriften H2 bis H6
H3 Unterabschnitt
H4 Unterabschnitt
H5 Unterabschnitt
H6 Unterabschnitt
Text unter H6.
Bild
Buttons
Button-Gruppe
Nebeneinander, auf schmalen Viewports untereinander (layout="stack-mobile"):
Immer untereinander, zentriert:
Mit voller Breite auf Mobile (fullWidthMobile="true"):
Logo
Trennlinie und Abstand
Trennlinie mit Logo (links)
Trennlinie mit Logo (mittig)
Trennlinie mit Logo (mittig, kurz & dick)
Trennlinie mit Logo (rechts)
Trennlinie mit Favicon (links)
Trennlinie mit Favicon (mittig)
Trennlinie mit Favicon (rechts)
Kontakt-E-Mail
Repo-Dokument
Baustein
Stack-Übersicht
Listings
Artikel-Listing
Artikel-Listing mit Vorschaubild (oben, mit Rand)
Artikel-Listing mit Vorschaubild (oben, randlos)
Artikel-Listing mit Vorschaubild (unten, mit Rand)
Artikel-Listing mit Vorschaubild (unten, randlos)
Artikel-Listing mit Vorschaubild (links, mit Rand)
Artikel-Listing mit Vorschaubild (links, randlos)
Artikel-Listing mit Vorschaubild (rechts, mit Rand)
Artikel-Listing mit Vorschaubild (rechts, randlos)
Kategorie-Listing
- Cursor
Folgen zu Cursor: Modi, Chats, Abo und Alltag mit dem Agenten im Projekt.
3 Artikel - Deploy & Hosting
Cloudflare Pages, Branches, Domains und der Weg von Commit zum Live-Deploy.
5 Artikel - Git & GitHub
Git-Workflow, Issues, Pull Requests, SSH und Zusammenarbeit auf GitHub.
5 Artikel - Screencasts
Die Screencast-Reihe von hautuu: Folgen als Artikel mit Transkript und Kontext.
23 Artikel
Tag-Listing
Tagwolke
Autoren-Listing
Glossar-Listing
Alt-Text
Kurzbeschreibung eines Bildes für Screenreader und wenn das Bild nicht lädt.
Ask, Agent und Plan
Drei Cursor-Modi: nur fragen, direkt umsetzen oder erst Plan, dann bauen.
Astro
Framework für schnelle, inhaltsorientierte Websites, oft mit wenig Client-JavaScript.
Backend
Alles hinter der sichtbaren Website: Speicher, Schnittstellen und kleine Server-Logik, nicht die HTML-Seiten selbst.
Video
Consent-Facade (YouTube-Beispiel, Big Buck Bunny):
Video-Freischaltung widerrufen
Nach dem Abspielen speichert der Browser die Einwilligung lokal (localStorage). Mit dem Button darunter kannst du sie wieder löschen; danach erscheint die Consent-Facade erneut.