Commits
Disseny fi, visor de PDF i el roadmap tancat
Dimarts d''arreglar detalls: tipografia real a tot el site, contenidors,
Dimarts de polir. Cap funcionalitat nova de pes: tipografia, contenidors, paginació i un parell de coses que es veien malament. El tipus de dia que no surt a les demos però que decideix si una web sembla acabada o no.
Tipografia real i tot al seu lloc
El site ja fa servir Inter i Instrument Serif a tot arreu, com deia el disseny, i l'hero de la home ha perdut l'overflow. Amb el mateix esperit: el header d'escriptori cap en una sola línia (tall de 1200px), els <main> de compte i butlletins ara tenen el contenidor .wrap, les seccions de la home limiten l'ample al mateix contenidor que el menú superior, i la CTA de la home ja no treu el padding del contenidor. Abans, cada bloc estirava com volia.
L'error més xiquet del dia, a /butlletins en mòbil: tretze píxels d'overflow. .sub-form__row sense flex-wrap. Tretze píxels no són res i són tot: obligaven a fer scroll lateral.
La paginació, amb finestra de pàgines i el·lipsis: quan un llistat té moltes pàgines, ja no pinta trenta números seguits. I el bloc .pagination estava duplicat al CSS; deduplicat de passada.
El 404 que no era
Les entrevistes de la home apuntaven a /entrevistes/<id>, però la fitxa resol per slug. Resultat: 404 segur. El canvi és petit:
const entSlug = d.slug ?? String((d as { id: unknown }).id);
return { href: `/entrevistes/${entSlug}`, /* ... */ };
Slug quan n'hi ha, id de salvavides quan no. Els enllaços de la home ja arriben.
Consells i articles amb PDF a la pàgina
Nou component PdfEmbed: un <iframe> natiu, zero JavaScript de client i cap llibreria externa. Chrome, Firefox i Safari porten visor de PDF propi; si algú el té desactivat, el figcaption guarda l'enllaç de descàrrega. Les portades i els adjunts PDF dels consells i dels articles es llegeixen dins de la pròpia pàgina.
El roadmap, tancat per escrit
AGENTS.md i el resum del projecte: el roadmap queda tancat i tot queda a punt per la sessió de revisió de disseny. Fases de la 0 a la 8 escrites, atòmiques i revisables. Ara toca que el disseny passi la revisió amb el site en marxa, no amb maquetes.
Dia de policia fina. Quan el gruix és fet, els detalls es veuen.