stfn.ro

stfn.ro es un blog personal y un portfolio envueltos en una interfaz de terminal GEN-7 ficticia, inspirada en la película GATTACA. Combina escritura cruda y sin filtros con un caparazón cyberpunk muy cuidado: líneas CRT, secuencias de arranque animadas, superposiciones con codones de ADN y una tarjeta de identificación interactiva.

El sitio está construido desde cero, con un único punto de entrada en PHP, Cockpit CMS para los contenidos y una capa React cargada en el navegador (vía UMD y Babel standalone, sin paso de build). Cada detalle, desde la aberración cromática hasta los efectos de hover con corchetes y un juego oculto de Space Invaders, existe para que leer y navegar se sienta como manejar una pieza especulativa de hardware.

Características principales

• Interfaz de terminal personalizada con estética GATTACA, con efectos CRT, líneas de escaneo y aberración cromática
• Dos flujos de contenido: Logs (escritura personal) y Projects (experimentos y trabajos secundarios)
• Filtrado por etiquetas y enlaces directos por slug, todo gestionado desde un único archivo PHP
• UI React + JSX cargada directamente en el navegador con UMD y Babel standalone, sin pipeline de build
• Backend Cockpit CMS con fallback elegante a datos locales mock cuando no hay conexión
• Tarjeta de identificación animada, con varios estados de retrato y un juego oculto de Space Invaders
• Caché de imágenes OpenGraph generado en el servidor mediante un endpoint thumb a medida
• Protección de imágenes: pointer events desactivados y drag bloqueado en todos los elementos

Para quién es

Para quienes disfrutan leer escritura personal sincera, ligeramente caótica, dentro de un entorno que se toma lo bastante en serio como para parecer una máquina y no tan en serio como para olvidar la broma.