stfn.ro
Persönliches Blog und Portfolio mit einer von GATTACA inspirierten Cyberpunk-Terminal-Oberfläche, von Grund auf mit PHP, React und Cockpit CMS gebaut.
Tech Stack
Über dieses Projekt
stfn.ro ist ein persönliches Blog und Portfolio, verpackt in eine fiktive GEN-7-Terminaloberfläche, die vom Film GATTACA inspiriert ist. Rohes, ungefiltertes Schreiben trifft auf eine sorgfältig gestaltete Cyberpunk-Hülle: CRT-Linien, animierte Boot-Sequenzen, DNA-Codon-Overlays und eine interaktive ID-Karte.
Die Seite ist von Grund auf gebaut, mit einem einzigen PHP-Einstiegspunkt, Cockpit CMS für die Inhalte und einer React-Schicht direkt im Browser (per UMD und Babel standalone, ohne Build-Schritt). Jedes Detail, von der chromatischen Aberration über die Klammer-Hover-Effekte bis zum versteckten Space-Invaders-Spiel, existiert, damit sich Lesen und Navigieren wie das Bedienen eines spekulativen Hardware-Stücks anfühlt.
Wichtigste Funktionen
- Eigens gestaltete Terminal-Oberfläche im GATTACA-Stil, mit CRT-Effekten, Scanlinien und chromatischer Aberration
- Zwei Inhalts-Streams: Logs (persönliches Schreiben) und Projects (Experimente und Nebenarbeiten)
- Tag-basiertes Filtern und Slug-Deep-Links, alles über einen einzigen PHP-Einstiegspunkt
- React- und JSX-UI direkt im Browser über UMD und Babel standalone geladen, ohne Build-Pipeline
- Cockpit-CMS-Backend mit sauberem Fallback auf lokale Mock-Daten, wenn offline
- Animierte ID-Karte mit mehreren Porträt-Zuständen und einem versteckten Space-Invaders-Spiel
- Server-seitig gerenderter OpenGraph-Bild-Cache über einen eigens gebauten Thumb-Endpunkt
- Bildschutz: Pointer Events deaktiviert und Drag auf allen Medien blockiert
Für wen ist die Seite
Für alle, die ehrliches, leicht chaotisches persönliches Schreiben in einer Umgebung lesen wollen, die sich ernst genug nimmt, um wie eine Maschine zu wirken, und nicht so ernst, dass der Witz verloren geht.