Découvert chez Antoine à la faveur d’une sérendipité déclenchée par un billet de David puis en parcourant la page en question j’ai cliqué sur tous les liens — comme je le faisais dans le temps à la recherche d’affinités numériques — pour me retrouver sur ce billet en particulier.
Et là je me suis dit qu’on avait de quoi tester ça rapidement avec Dotclear.
J’ai donc basculé vers mon installation de développement, sélectionné Custom theme
comme thème actif, puis sur la page de configuration de ce thème ai copié-collé les quelques lignes qu’Antoine fournit :
body { font: 17px/1.5em serif; margin: 0 auto 3em; padding: 2em 20px; max-width: 800px; color: #030D23; }
nav ul, nav li { margin: 0; padding: 0; list-style-type: none; }
header { margin-bottom: 3em; }
nav { margin: 0 0; max-width: 20em; }
a { color: inherit; }
a:hover { color: inherit; }
pre { color: white; background: #030D23; padding: 1em; white-space: pre-wrap; word-break: keep-all; word-break: break-all; }
pre, code { font: 14px/1.5em monospace; }
h1, h2, h3, h4 { font-size: 18px; font-weight: 600; margin: 1.5em 0 0; }
h1 { font-size: 21px; margin-bottom: 1.5em; }
Validation, puis rafraîchissement de la partie publique et ça donne ça :
Ça fonctionne rudement bien !
Je retourne cliquer sur les autres liens…