stfn.ro
Blog personale e portfolio con un'interfaccia terminale cyberpunk ispirata a GATTACA, costruito da zero con PHP, React e Cockpit CMS.
Stack tecnologico
Info sul progetto
stfn.ro è un blog personale e un portfolio avvolti in un'interfaccia terminale GEN-7 immaginaria, ispirata al film GATTACA. Mette insieme scrittura cruda e senza filtri e un guscio cyberpunk curato: linee CRT, sequenze di boot animate, sovrapposizioni di codoni di DNA e una scheda identificativa interattiva.
Il sito è costruito da zero, con un unico punto d'ingresso in PHP, Cockpit CMS per i contenuti e uno strato React caricato direttamente nel browser (via UMD e Babel standalone, senza passaggio di build). Ogni dettaglio, dall'aberrazione cromatica agli effetti di hover con parentesi fino a un gioco Space Invaders nascosto, esiste perché leggere e navigare somiglino all'uso di un pezzo speculativo di hardware.
Caratteristiche principali
- Interfaccia terminale su misura in stile GATTACA, con effetti CRT, linee di scansione e aberrazione cromatica
- Due flussi di contenuto: Logs (scrittura personale) e Projects (esperimenti e lavori secondari)
- Filtri per tag e deep link basati sullo slug, gestiti da un unico punto d'ingresso PHP
- UI React + JSX caricata direttamente nel browser via UMD e Babel standalone, senza pipeline di build
- Backend Cockpit CMS con fallback elegante a dati locali mock quando non c'è connessione
- Scheda identificativa animata con più stati del ritratto e un gioco Space Invaders nascosto
- Cache delle immagini OpenGraph generata lato server tramite un endpoint thumb su misura
- Protezione delle immagini: pointer events disabilitati e drag bloccato su tutti i media
A chi è rivolto
A chi ha voglia di leggere scrittura personale sincera, leggermente caotica, dentro un ambiente che si prende abbastanza sul serio da sembrare una macchina e non così tanto da dimenticare la battuta.