stfn.ro
Blog personnel et portfolio en forme de terminal inspiré de GATTACA. Sur grand écran, il tourne sur la vitre d'un moniteur CRT en 3D ; sur mobile, en site CRT.
Stack technique
Captures d'écran
À propos de ce projet
stfn.ro est un blog personnel et un portfolio déguisés en terminal du film GATTACA. C'est un mini blog pour le narrateur peu fiable : une écriture honnête et sans filtre, dans une machine qui se prend assez au sérieux pour paraître réelle, mais pas assez pour oublier la blague.
La refonte d'octobre 2026 place tout le site dans GEN-7, un moniteur CRT beige dessiné en 3D avec three.js. Sur un grand écran, le site démarre sur la vitre du moniteur, avec le scintillement de l'allumage, un tube bombé, des reflets sur la vitre, du grain de film et un clavier sur le bureau. Les boutons sous l'écran fonctionnent : HOME et ARCHIVE naviguent, RESET redémarre le terminal, et les petits afficheurs montrent l'heure et une séquence d'ADN qui défile. Téléphones et tablettes reçoivent le même terminal en site CRT, sans le moniteur.
Fonctionnalités principales
- Boîtier GEN-7 : un moniteur CRT et un bureau en 3D rendus en temps réel, avec profondeur de champ, reflets sur la vitre et image bombée
- Une séquence de démarrage à chaque visite, après un fondu depuis le noir
- Un shell qui fonctionne : tapez
helppour les commandes, des blagues et d'un dossier sur le film jusqu'à un Space Invaders caché - Logs (écriture personnelle) et Projets, avec filtres par tags et une archive
- Un profil d'agent, des statistiques de mission et un classement pour le jeu
- Une qualité qui s'adapte à la carte graphique du visiteur, pour rester fluide sur les portables
- Pas d'étape de build : React et JSX tournent directement dans le navigateur, et le contenu vient de Cockpit CMS
- SEO par page, sitemap et cartes de partage rendues depuis la scène 3D
Pour qui
Pour tous ceux qui aiment l'écriture personnelle honnête et un peu chaotique, et pour ceux à qui les ordinateurs beiges manquent.