Commits

Noche de rediseño: la web estrena portada, secciones propias y asistente terminal

Noche de rediseño completo: CI desbloqueada, portada y secciones con diseño propio, el asistente convertido en terminal y el método de comparación bloque a bloque que lo ha hecho posible sin romper nada.

La noche ha sido de las grandes: rediseño completo de la web, bloque a bloque, con un método nuevo que es, seguramente, la razón por la que no se ha roto nada por el camino.

Primero, desbloquear la CI

Dos pushes de hacía dos días caían en GitHub Actions antes incluso de construir la imagen: un as const sobre un ternario en la página de capacidades que el check en local no había cazado. Anotación de retorno plana, run en verde e imagen publicada. Recordatorio del proceso: el push solo publica la imagen; el dominio no se mueve hasta que el servidor hace el pull de la web pública, y este paso aún está pendiente.

Rediseño por comparación

Para rediseñar la portada sin riesgo hemos montado una página interna con cada bloque en dos versiones, la actual y la propuesta, etiquetadas y con anclas. Comparar, decidir, promocionar la elegida y borrar la página de comparación. Los textos han acabado en un fichero compartido, el componente se ha partido en bloques reutilizables y un diff normalizado ha demostrado que el HTML no cambiaba durante el refactor.

La pasada general

La portada estrena un hero con revelado por líneas y un mapa de constelación donde el núcleo emite pulsos de datos por cada disciplina; el manifiesto, con stack en 3D, y el método como línea temporal. La cabecera gana subrayados animados, idiomas compactos y plegado al hacer scroll; el pie, un correo protagonista y columnas con etiquetas. El perfil suma un retrato revelado con clip-path y una línea temporal numerada; capacidades, un panel de disciplinas que rotan en 3D con un glifo animado por fila. Contacto queda sin formulario: titular gigante que se revela letra a letra y un diagrama con dos pulsos viajando en sentidos opuestos entre "tú" y "escandell". El portafolio deja la cuadrícula uniforme por un índice tipográfico donde la portada flota en un marco con tilt al pasar el ratón; las notas se convierten en un cuaderno con la última entrada escribiéndose sola; y commits, la última sección sin diseño propio, ya es un git log vivo: terminal con los últimos commits en streaming y línea temporal con nodos coloreados por tipo.

El chat que tenía que ser una terminal

El asistente por secciones ha acabado siendo una terminal de bash de verdad: sesión real, líneas de arranque, orden con eco y respuestas como salida de consola con fuentes numeradas. Ha sido la tercera iteración: las dos primeras aún eran un chat disfrazado. Cuando se pide una metáfora, hay que retirar las affordances del paradigma anterior, no maquillarlas.

Los sustos de la noche

Un wrapper nuevo dejó la cabecera sin sticky; una animación SVG sin transform-box envió las esferas del diagrama de contacto hacia el horizonte; el carrusel de disciplinas hacía coincidir dos palabras en el mismo hueco; un heredoc dejó comillas escapadas en las tres fichas. Y la familia de bugs que se repite: contenedores con altura fija que asumían texto corto, cuando en el panel hay frases enteras. Diseñar para el texto largo desde el primer día.

Cómo se cierra cada cambio

Regla nueva del proyecto: ningún cambio se da por cerrado sin check, tests y build completos. La CI, que ha cazado lo que el local no veía, ha puesto las razones.