Este sitio es un build estático de Astro en GitHub Pages: colecciones de contenido tipadas, unas pocas islas React para lo que realmente necesita correr en tu navegador, y Tailwind CSS sobre design tokens. El repo es la fuente de verdad — el pipeline hace type-check, corre tests y verifica accesibilidad antes de publicar.
Stack
Astro para el HTML estático y las colecciones de contenido, React solo para islas interactivas (las herramientas del Laboratorio y el contenido protegido), Tailwind CSS 4 sobre variables CSS, Vitest y Playwright para los tests, y GitHub Actions para los deploys.
Tipografía y tema
Switzer para títulos y texto, IBM Plex Mono para etiquetas y código. Light-first, con temas claro y oscuro resilientes basados en tokens, navegación por teclado y regiones semánticas.
Inspiración
La densidad y las esquinas casi rectas, con enfoque de grilla, se inspiran en el Carbon Design System de IBM; la jerarquía tipográfica se apoya en el diseño editorial. La meta es un banco de trabajo de dev, no una página de marketing.
Cómo se clasifican los registros
Cada registro tiene tres estados separados. La visibilidad indica si está publicado. La redacción (madurez) indica qué tan terminado está el texto: inicial, en desarrollo, estable o archivado. El ciclo de vida indica en qué estado está la cosa en sí: una nota es actual, fue reemplazada por otra más reciente o está archivada; un proyecto o una entrada del Laboratorio pasa de prototipo a estable o publicado, y puede archivarse. Una herramienta estable puede tener una redacción inicial, por eso los dos nunca se mezclan.
Privacidad
Las herramientas del Laboratorio corren enteras en tu navegador — nada de lo que escribas se envía a ningún lado. El contenido protegido usa cifrado del lado del cliente como disuasión, no como autorización. La única excepción al "sin terceros" es Google Analytics, que registra qué páginas se leen; el consent mode niega el almacenamiento publicitario, así que mide el archivo, no a ti.