stfn.ro
Blog personal și portofoliu cu o interfață terminal cyberpunk inspirată de GATTACA, construit de la zero cu PHP, React și Cockpit CMS.
Tehnologii
Despre acest proiect
stfn.ro este un blog personal și un portofoliu îmbrăcate într-o interfață de terminal GEN-7 fictivă, inspirată din filmul GATTACA. Combină scris brut, nefiltrat, cu o carcasă cyberpunk lucrată în detaliu: linii CRT, secvențe de boot animate, suprapuneri cu codoni ADN și un card de identificare interactiv.
Site-ul este construit de la zero, cu un singur fișier PHP ca punct de intrare, Cockpit CMS pentru conținut și un strat React în browser (încărcat prin UMD și Babel standalone, fără pas de build). Fiecare detaliu, de la aberația cromatică la efectele de hover cu paranteze și un joc Space Invaders ascuns, există ca să facă cititul și navigarea să se simtă ca utilizarea unei piese speculative de hardware.
Caracteristici principale
- Interfață terminal personalizată în stil GATTACA, cu efecte CRT, linii de scanare și aberație cromatică
- Două fluxuri de conținut: Logs (scris personal) și Projects (experimente și lucrări secundare)
- Filtrare pe etichete și deep linking pe slug, gestionate dintr-un singur fișier PHP
- UI React + JSX încărcat direct în browser prin UMD și Babel standalone, fără pipeline de build
- Backend Cockpit CMS cu fallback elegant pe date locale mock când nu există conexiune
- Card de identificare animat, cu mai multe stări de portret și un joc Space Invaders ascuns
- Cache de imagini OpenGraph generat pe server printr-un endpoint thumb personalizat
- Protecție pentru imagini: pointer events dezactivate și drag blocat pe orice mediu
Pentru cine este
Pentru cei cărora le place să citească scris personal sincer, ușor haotic, într-un mediu care se ia suficient de în serios cât să pară o mașinărie și nu suficient de în serios cât să uite gluma.