stfn.ro
Blog personal y portfolio con forma de terminal inspirada en GATTACA. En pantallas grandes funciona sobre el cristal de un monitor CRT en 3D; en el móvil, como web CRT.
Stack tecnológico
Capturas de pantalla
Sobre este proyecto
stfn.ro es un blog personal y un portfolio disfrazados de terminal de la película GATTACA. Es un mini blog para el narrador poco fiable: escritura honesta y sin filtros dentro de una máquina que se toma lo bastante en serio como para parecer real, pero no tanto como para olvidar la broma.
El rediseño de octubre de 2026 mete todo el sitio en GEN-7, un monitor CRT beis dibujado en 3D con three.js. En una pantalla grande, la web arranca sobre el cristal del monitor, con el parpadeo del encendido, un tubo curvo, reflejos en el cristal, grano de película y un teclado sobre la mesa. Los botones bajo la pantalla funcionan: HOME y ARCHIVE navegan, RESET reinicia la terminal y las pequeñas pantallas muestran la hora y una secuencia de ADN en marcha. Móviles y tabletas reciben la misma terminal como web CRT, sin el monitor.
Funciones principales
- Carcasa GEN-7: un monitor CRT y un escritorio en 3D renderizados en tiempo real, con profundidad de campo, reflejos en el cristal e imagen curva
- Una secuencia de arranque en cada visita, tras un fundido desde negro
- Un shell que funciona: escribe
helppara ver los comandos, desde chistes y un dosier sobre la película hasta un Space Invaders oculto - Logs (escritura personal) y Proyectos, con filtros por etiquetas y un archivo
- Un perfil de agente, estadísticas de misión y una clasificación para el juego
- Una calidad que se adapta a la tarjeta gráfica del visitante, para que también vaya fluido en portátiles
- Sin paso de compilación: React y JSX se ejecutan directamente en el navegador y el contenido viene de Cockpit CMS
- SEO por página, sitemap y tarjetas para redes renderizadas desde la escena 3D
Para quién es
Para quien disfrute de la escritura personal honesta y algo caótica, y para quien eche de menos los ordenadores beis.