Colophon
Ce page regroupe les détails techniques de la publication de ce site web.
Design
Des tests de maquettes ont été réalisé sur Penpot pour avoir une base d'échelle typographique, mais le design a été finalisé en faisant des tests sur le prototype directement.
Les espacements reposent sur une échelle typographique. Cette échelle contrôle les espaces et la taille des caractères du design.
Police de caractères
Le corps de texte est composé de la police Paysage par par Anton Moglia (Tunera) sous licence SIL Open Font License, la police des en-têtes est la Bonto par Victor Montet (Blaze Type) (licence personnel pour le web).
Pile logicielle
La génération du site repose sur le CMS Kirby. J'utilise le plugin Staticache pour générer un site statique à partir des pages générées.
Je ne me suis pas reposé sur l'administration de Kirby pour gérer les contenus. L'édition repose sur des fichiers markdown et YAML pour générer les contenus. Les fichiers .txt détermine le modèle de la page (comportement natif de Kirby). Certaines données (liste de projets, tableaux) sont stockés dans des fichiers TSV.
Ce système me permet d'éditer directement le contenu dans VIM et facilitera le passage à un générateur statique par la suite. Cela me permet aussi d'éviter l'installation d'une administration.
La manipulation des fichiers, la maintenance et la mise en ligne se font via des scripts shell. Un Makefile permet de gérer les scripts. J'utilise ce fonctionnement pour remplacer les outils type pré-processuer et builder.
Les pages sont développés en HTML/CSS en suivant les recommandations du W3C et en suivant les principes du WGAC. Le seul script JS utilisé sert pour gérer le mode couleur du site avec localStorage.
Le site est hébergé chez Infomaniak. C'est un choix qui va évoluer pour un prestaire plus engagé voir pour avoir un hébergement plus léger avec un site statique.
Le dépôt git est hébergé chez la forge de Zaclys.
Ce colophon décrit la nouvelle version du site sortie début 2026. Pour plus d'informations sur les raisons de cette refonte, j'ai écrit un article qui explique les enjeux de la refonte.
Remerciements
Je profite de cette page pour remercier des personnes inspirantes par leurs pratiques, leurs idées, leurs conseils (listées par ordre alphabétique) :