stfn.ro
Persönlicher Blog und Portfolio als Terminal im Stil von GATTACA. Auf großen Bildschirmen läuft er auf dem Glas eines 3D-Röhrenmonitors, auf dem Handy als CRT-Seite.
Tech Stack
Screenshots
Über dieses Projekt
stfn.ro ist ein persönlicher Blog und ein Portfolio, verkleidet als Terminal aus dem Film GATTACA. Ein Mini-Blog für den unzuverlässigen Erzähler: ehrliches, ungefiltertes Schreiben in einer Maschine, die sich ernst genug nimmt, um echt zu wirken, aber nicht so ernst, dass sie den Witz vergisst.
Das Redesign vom Oktober 2026 steckt die ganze Seite in GEN-7, einen beigen Röhrenmonitor, in 3D mit three.js gezeichnet. Auf einem großen Bildschirm bootet die Seite auf dem Glas des Monitors, mit Einschaltflackern, gewölbter Röhre, Spiegelungen im Glas, Filmkorn und einer Tastatur auf dem Schreibtisch. Die Knöpfe unter dem Bildschirm funktionieren: HOME und ARCHIVE navigieren, RESET startet das Terminal neu, und die kleinen Anzeigen zeigen die Uhrzeit und eine laufende DNA-Sequenz. Handys und Tablets bekommen dasselbe Terminal als CRT-Seite, ohne Monitor.
Wichtigste Funktionen
- GEN-7-Gehäuse: ein Röhrenmonitor und ein Schreibtisch in Echtzeit-3D, mit Tiefenschärfe, Spiegelungen im Glas und gewölbtem Bild
- Eine Bootsequenz bei jedem Besuch, nach einer Einblendung aus dem Schwarz
- Eine funktionierende Shell: Tippe
helpfür die Befehle, von Witzen und einem Dossier über den Film bis zu einem versteckten Space Invaders - Logs (persönliche Texte) und Projekte, mit Tag-Filtern und einem Archiv
- Ein Agentenprofil, Missionsstatistiken und eine Bestenliste für das Spiel
- Eine Qualität, die sich an die Grafikkarte anpasst, damit es auch auf Laptops flüssig läuft
- Kein Build-Schritt: React und JSX laufen direkt im Browser, und die Inhalte kommen aus Cockpit CMS
- SEO pro Seite, eine Sitemap und Social Cards, gerendert aus der 3D-Szene
Für wen
Für alle, die ehrliches, leicht chaotisches persönliches Schreiben mögen, und für alle, die beige Computer vermissen.