Eine Seite, sechs Designs.
Die Inhalte sind überall dieselben: dieselben Projekte, dieselben Texte. Nur die Gestaltung wechselt. Unten rechts sitzt auf jeder Seite der Knopf „Design“.
Die Wahl gilt, solange du durch die Seite klickst: Alle Links bleiben im gewählten Design. Gespeichert wird nichts – wer die Adresse neu aufruft, landet wieder bei der Standardgestaltung. Zum Teilen hat jedes Design eigene Adressen, etwa tim-kruse.com/kundgebung/.
Warum das Ganze
Weil es Spaß macht. Für eine Portfolioseite würde eine einzige, ruhige Gestaltung reichen. Aber denselben Inhalt mal als Baumscheibe, mal als Kapselautomat und mal als Kundgebung zu bauen, hat mich zu sehr gereizt.
Es ist auch ein Spielplatz. Hier probiere ich aus, was mich gerade interessiert. Wie weit komme ich ohne ein einziges Skript? Hält die Idee auf dem Telefon? Und liest man denselben Text anders, wenn er auf einem Pappschild steht? Nicht jedes Design muss jedem gefallen, ich habe jedes gern gebaut.
Die sechs Designs
01Klartext
StandardNur Text, sonst nichts.
02Trainingslog
Startnummer, Splits und Höhenprofil.
03Jahresringe
Eine Baumscheibe, jedes Jahr ein Ring.
04Kundgebung
Pappschilder, Megafon und ein Dino auf dem Karton.
05Kapselautomat
Kurbel drehen, ein Projekt fällt heraus.
06Stadtmusikanten
Die Projekte als Tierturm vor dem Räuberhaus.
So ist es gebaut
- Inhalte einmalProjekte und Texte liegen einmal als Dateien im Repository. Jedes Design ist ein eigener Rahmen und eine eigene Startseite darüber.
- Kein SkriptAusgeliefert wird kein einziges Skript. Den Umschalter öffnet und schließt der Browser selbst (ein HTML-Popover), und die Stadtmusikanten stapeln sich per CSS um.
- StatischAlles wird vorab gebaut und kommt als fertige Dateien von einem eigenen Server in der EU. Schriften inklusive, nichts von fremden Servern.
Wie die Seite entstanden ist, steht im Projekt tim-kruse.com →