Design
Des tests de maquettes ont été réalisés 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 Anton Moglia (Tunera) sous licence SIL Open Font License, la police des en-têtes est la Bonto par Victor Montet (Blaze Type) (licence personnelle 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éterminent le modèle de la page (comportement natif de Kirby). Certaines données (liste de projets, tableaux) sont stockées 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é-processeur et builder.
Les pages sont développées en HTML/CSS en suivant les recommandations du W3C et en suivant les principes du WCAG. 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 prestataire plus engagé voire 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) :