Aller au contenu
Martin Poiroux
Langue : English
Projets · CodeCode · Produits · 2026

Ce site

Le site que vous lisez : Astro et Tailwind, deux langues tenues par des tests, un CV et un lecteur de partition rendus depuis le même contenu.

Un portfolio est un projet comme un autre, et celui-ci a fini par en devenir un vrai. Il est écrit en Astro et Tailwind, rendu entièrement à la construction et déployé sur Vercel. Chaque projet est une fiche Markdown en deux langues ; le reste du site en découle.

L’accueil : une photo, et en haut le réglage du son, coupé à la première visite.

Le parti pris qui a le plus servi : les règles éditoriales sont écrites en tests plutôt qu’affichées quelque part. Les faits doivent concorder entre le français et l’anglais, les espaces insécables sont posées automatiquement et vérifiées ensuite, une fiche déclarée brouillon disparaît du site public et du plan du site, et une technologie citée par une fiche mais absente du référentiel fait échouer la construction. Une règle qu’il faut se souvenir d’appliquer finit par ne plus l’être.

Une fiche de projet et sa galerie : les vues défilent, un clic ouvre la visionneuse.

Deux sorties partent du même contenu. Le CV est une page du site, imprimée en PDF par un script qui simule d’abord la pagination dans le navigateur pour connaître le nombre de pages et le taux de remplissage de la dernière ; la coupe à deux pages est une règle de sélection, pas un accident. Et la page musique fait défiler une partition gravée en ruban continu, synchronisée sur l’audio, à partir du fichier MuseScore de la pièce.

Le lecteur de partition : la partition défile avec le son, le curseur suit la mesure jouée.

Le reste est de l’entretien mesuré plutôt que déclaré : les images des fiches sont capturées par un script, pour qu’une nouvelle capture six mois plus tard garde le même cadrage ; les contrastes sont mesurés sur les vraies images et pas sur la maquette ; les performances et l’accessibilité sont auditées page par page.

Le CV, rendu depuis le même contenu que les fiches, et téléchargeable en PDF.

Les outils, au complet. Astro 7 et Tailwind 4 en TypeScript, des polices auto-hébergées (Cinzel, Marcellus SC, Sorts Mill Goudy) ; Vitest pour les règles éditoriales ; Playwright pour tout ce qui passe par un vrai navigateur, les captures des fiches, le PDF du CV, la mesure des contrastes ; sharp pour la chaîne d’images ; MuseScore pour la gravure, le rendu audio et l’horodatage des mesures ; Vercel pour l’hébergement. Les illustrations qui ne sont ni des captures ni des photos, les couvertures des domaines et les fiches sans logiciel à montrer, sont générées en local par local-factory : ComfyUI et FLUX.1 dev sur la carte graphique de la machine, une graine notée par image pour pouvoir la refaire. Les plus anciennes viennent de Gemini. Le code est écrit avec Claude Code, dans la boucle de relecture décrite sur la page du développement assisté.