Kolophon
Wie diese Website aufgebaut ist — der Stack, die Schriften, und wie sie am unabhängigen Web teilnimmt.
Stack
Static Site Generator mit Islands-Architektur und Node.js SSR für dynamische Endpunkte.
FrameworkUtility-First-CSS via @tailwindcss/vite — die gesamte Konfiguration liegt in global.css.
StylingComposition API für interaktive Islands — Tools, Suche, Theme-Toggle und mehr.
KomponentenStrict Mode überall — Seiten, Komponenten, Utilities und eine vollständig typisierte i18n-Schicht.
SpracheMarkdown + JSX für Blog-Beiträge mit eingebetteten interaktiven Vue-Komponenten.
Inhalte
Server-seitige Syntaxhervorhebung für Codeblöcke. Kein Client-seitiges JS.
Inhalte
Client-seitige Fuzzy-Suche über Blog-Beiträge, Tools, Projekte und Seiten.
SucheMiddleware-Modus-Adapter — liefert statische Assets und SSR-Endpunkte vom selben Origin.
HostingTypografie
Ag
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? . , ; :
Ag
JetBrains Mono
const greet = (name: string)
=> `Hello, ${name}!`;
0123456789 => </ >
Farben
Zwei Farbskalen bilden die visuelle Sprache der Website — Indigo für interaktive und Akzent-Elemente, Zinc für alle neutralen Flächen, Text und Ränder.
Indigo — Akzent
Zinc — Neutral
Logo
Ein Pixel-Art-Glyph, handgefertigt in Inkscape auf einem 0,265-mm-Pixelraster. Primärfarbe ist Indigo-600 (#4f46e5) mit hellem Umriss — exakt passend zur Akzentpalette der Website.
IndieWeb
Diese Website nimmt über zwei sich ergänzende Identitätsstandards am unabhängigen Web teil.
RelMeAuth
rel="me"-Links auf jeder Seite verweisen auf GitHub, LinkedIn, X und E-Mail. Jedes Profil, das zurück auf diese Domain verlinkt, kann zur Identitätsverifizierung über RelMeAuth-kompatible Login-Flows verwendet werden.
IndieAuth
Autorisierungs- und Token-Endpunkte delegieren an indieauth.com, sodass henrijskons.eu als OAuth-Identitätsanbieter fungiert — ohne serverseitiges Token-Management.