Tim KruseSoftware Developer
Projekte tim-kruse.com

tim-kruse.com

Live →

Statische Seite mit meinen Projekten, in sechs Designs. Die Schriften liefert sie selbst aus, ohne fremden Server.

Die Startseite in allen sechs Designs nebeneinander.
Zeitraum
2022 – heute
Rolle
Allein, Konzept bis Betrieb
Zustand
Code
Repository privat

Ende 2022 habe ich hier eine Visitenkarte hingestellt: eine Profilkarte mit Links, gebaut als Vue-App. Für meine Projekte und die Entscheidungen dahinter war darin kein Platz, und für ein paar Seiten, die sich nie ändern, hat sie ein ganzes JavaScript-Bündel ausgeliefert.

Seit 2026 ist es eine statische Astro-Seite in zwei Sprachen. Jede Seite ist eine fertige HTML-Datei, und die Auslieferung verbietet Skripte per Content-Security-Policy. Die Datenschutzerklärung muss deshalb nichts behaupten, was sie nicht belegen kann.

Dann kamen die Designs dazu, weil es mir Spaß macht: derselbe Inhalt in sechs komplett verschiedenen Gestaltungen, jede mit eigener Metapher und eigenem Rahmen. Der Knopf „Design“ unten rechts wechselt, und gemerkt wird nichts – jeder Link bleibt in der Gestaltung, in der du gerade bist.

Stack
AstroTypeScriptDockernginxGitHub Actions

Entscheidungen

ADR 0002

Kein Skript, auch nicht für den Umschalter

Eine Datenschutzerklärung, die sagt, dass diese Seite kein Skript lädt, lässt sich beweisen. Deshalb gibt es keins, auch nicht für den Design-Umschalter: der ist ein HTML-Popover.

ADR 0007

Komplette Designs statt Theming, höchstens sechs

Andere Farben auf demselben Markup wechseln den Anstrich, nicht die Wirkung. Jedes Design hat deshalb eigenen Rahmen und eigene Startseite, die Inhalte gibt es trotzdem nur einmal. Mehr als sechs werden es nicht: ein neues verdrängt ein altes.

ADR 0008

Nichts merken

Eine normale Adresse zeigt immer die Standardgestaltung, ein Design hat seine eigenen Adressen. Die gewählte Gestaltung im Browser zu speichern war schon gebaut und flog wieder raus: wer tim-kruse.com teilt, soll nicht davon abhängen, was der Empfänger zuletzt angeklickt hat.

ADR 0003

Bilder nur freigegeben

Fast jedes Projekt läuft mit echten Daten von echten Leuten. Ein Bildschirmfoto kommt nur auf die Seite, wenn es entschärft und freigegeben ist, sonst steht dort eine gezeichnete Marke.

ADR 0004

Das Warum ohne Landkarte

Die Projektseiten erklären, warum etwas so gebaut ist, aber nicht, wo es angreifbar ist: keine offenen Endpunkte, kein Berechtigungsmodell im Detail, keine Produktnamen sicherheitsrelevanter Teile.

Die ganze Seite in einem anderen Design

Gleiche Inhalte, andere Gestaltung. Es geht auf der Startseite los, alle Links bleiben im gewählten Design.

Was ist das? Über diese Seite →