Ein Spaßprojekt

Diese Seite dient meinem persönlichen Einstieg ins KI-Coding und als Beispiel für Herrn Gretzinger

Fundament

Entscheidungen, die schon getroffen sind

Damit du mit dem Gestalten anfangen kannst, statt mit dem Aufsetzen.

Design-Tokens statt Farbcodes
Alle Farben laufen über semantische Variablen in einer einzigen CSS-Datei. Ein neues Farbklima ist eine Zeile Arbeit, kein Suchen-und-Ersetzen.
Dark Mode ohne Aufblitzen
Die Farbwahl wird vor dem ersten Rendern gesetzt und im Browser gespeichert. Standard ist die Systemeinstellung.
Inhalte mit Schema
Blogbeiträge sind Markdown-Dateien mit geprüftem Frontmatter. Fehlt ein Feld, meldet sich der Build – nicht der Besucher.
Schrift wird mitgeliefert
Astro lädt Inter und JetBrains Mono beim Build herunter und hostet sie selbst. Kein Google-Request im Browser.
SEO ab Zeile eins
Canonical-Links, Open Graph, Sitemap und robots.txt sind angelegt und ziehen sich ihre Werte aus der zentralen Konfiguration.
Barrierearm gebaut
Skip-Link, sichtbarer Fokus, echte Landmarks und eine Tastatur-taugliche Navigation sind eingebaut, nicht nachgerüstet.

Blog

Drei Beispieltexte, die gleichzeitig erklären, wie das Gerüst funktioniert.