/* TEAM */ Criterio, decisiones y contenido: Ángel Valera Código: un agente de IA (Claude Code), dirigido y revisado por Ángel Lugar: Alicante, España Contacto: info@angelvalera.es LinkedIn: https://www.linkedin.com/in/angelvalerab /* SITE */ Última versión: 2026-10-30 Idiomas: español (/) e inglés (/en/) Estándares: HTML, CSS y JavaScript. Nada más. /* BAJO EL CAPÓ */ Un solo archivo HTML con su CSS y su JavaScript, escrito por un agente de IA con criterio humano en cada decisión: qué construir, qué no y qué rechazar. Sin frameworks, sin librerías en el navegador, sin pipeline de activos. Prerenderizado: un script de Node carga la página en jsdom, deja que el JavaScript la pinte y guarda el HTML. Por eso se lee entera sin JavaScript. CSS y JavaScript se minifican con esbuild al construir; en el repositorio están legibles. Hosting: Vercel, desplegado con cada push a main. Rutas antiguas con 301, cabeceras de seguridad, service worker que solo cachea fuentes e imágenes. Formulario: una función que envía por SMTP desde un buzón de este dominio. Ningún tercero ve los mensajes. Honeypot, límite por IP y validación. Analítica: GA4 en Consent Mode con todo denegado: cuenta visitas sin cookies, así que no hay banner. La librería se carga después de la página, no antes. Tipografías: Bricolage Grotesque y JetBrains Mono (Open Font License), servidas desde este dominio, solo los subconjuntos latin y latin-ext. Imágenes: WebP, todas con sus medidas declaradas para que nada salte. CSS que merece la pena mirar: container queries en las tarjetas, View Transitions en el cambio de tema (un círculo desde el botón), light-dark() para los colores, animation-timeline: view() para las entradas, text-wrap: balance en los títulos. Peso: unos 256 KiB con fuentes. Lighthouse móvil: 98 / 100 / 100 / 100. Y sí, hay un juego de magia en «Quién soy». Cómo funciona no se cuenta: un mago nunca revela sus secretos. Pero deja pistas. Esta web tiene doble fondo: siete estaciones y una palabra de paso para salir. /* SEGUNDA PISTA */ Vuelve a la web. En cualquier parte, sin ningún campo de texto seleccionado, escribe la palabra que lo explica todo. Cinco letras. Empieza por M. En el móvil no hay teclado para eso: mantén pulsada esa palabra donde la leas en la cabecera. /* GRACIAS */ A Juan Tamariz (1942-2026), por el violín que no existía. A quien lee humans.txt. Sois pocos y sois los míos.