Article

david/2024/01/01/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&nbsp;mois.</p>
 <p>Je me sens prêt, on verra bien où cela me&nbsp;mène.</p>
-<hr />
+<a href="#hr-1" title="Lien vers cette section de la page"><hr id="hr-1" /></a>
 <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&nbsp;retenir.</p>
 
   

david/2024/01/02/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Je finis par tout jeter / ré-interroger et je m’en sors avec&nbsp;6&nbsp;règles.</p>
 <p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07">[archive]</a>&nbsp;— fasse partie intégrante de sa création+diffusion. C’est le texte que je suis en train d’écrire qui <em>est</em> le modèle. Je commence par adoucir les contrastes et à centrer quelques éléments. Puis j’applique cette astuce pour avoir des citations <a data-link-domain="code.larlet.fr" href="https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu">à fond perdu</a> tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&nbsp;publications.</p>
 <p>Je suis satisfait de mon résultat très minimaliste du&nbsp;jour.</p>
-<hr />
+<a href="#hr-2" title="Lien vers cette section de la page"><hr id="hr-2" /></a>
 
 <blockquote>
 <p>Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&nbsp;rêves.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07">[archive]</a></em>, Karl</cite></p>
 </blockquote>
 <p>🧡</p>
-<hr />
+<a href="#hr-3" title="Lien vers cette section de la page"><hr id="hr-3" /></a>
 <p>Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&nbsp;an&nbsp;:</p>
 <figure>
     <a href="/static/david/2024/2024-01-02-ancien-essai.png"

david/2024/01/03/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Au niveau de la taille, j’ai enfin l’occasion de tester un <a data-link-domain="utopia.fyi" href="https://utopia.fyi/blog/css-modular-scales">échelle modulaire</a> et c’est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n’en suis pas encore à cette étape. Je ne comprends pas encore tout à fait la formule et j’arrive à vivre&nbsp;avec.</p>
 <p>Je me rappelle aussi qu’un des intérêts que j’avais trouvé aux <em>CSS&nbsp;layers</em> c’est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l’itération d’hier pour avoir une feuille dédiée dont je commence à documenter les différentes&nbsp;sections.</p>
 <p>Je m’amuse comme un petit fou même si la CSS fait subitement&nbsp;350&nbsp;lignes.</p>
-<hr />
+<a href="#hr-4" title="Lien vers cette section de la page"><hr id="hr-4" /></a>
 
 <blockquote>
 <p><mark>Je crois qu’on écrit pour créer un monde dans lequel on puisse vivre.</mark> Je ne pouvais vivre dans aucun de ceux qui m’étaient proposés&nbsp;: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait créer un monde à moi, comme un climat, un pays, une atmosphère, où je puisse respirer, régner et me régénérer lorsque j’étais détruite par la&nbsp;vie.</p>
 <p><cite><em>Journal 1947-1955</em>, Anaïs&nbsp;Nin</cite></p>
 </blockquote>
 <p>L’introduction de <em>Alors nous irons trouver la beauté ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
-<hr />
+<a href="#hr-5" title="Lien vers cette section de la page"><hr id="hr-5" /></a>
 <p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
 <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
 

david/2024/01/04/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <p>Dans un chalet pour quelques jours. Des randonnées à trois générations. Toujours ces questionnements autour de la propriété. Concilier tous les besoins, accepter de changer de vie, ne pas savoir si on serait finalement entourés d’une culture qui ne nous correspond pas (et qui ne nous attire pas non plus). Trouver le bon&nbsp;tempo.</p>
-<hr />
+<a href="#hr-6" title="Lien vers cette section de la page"><hr id="hr-6" /></a>
 <p>Je me demande s’il serait pertinent <a data-link-domain="blog.stephaniestimac.com" href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/">d’utiliser <code>text-wrap</code></a> <a href="/david/cache/2024/b31ba18e3de1fc479b79f1885043026a/" title="Copie locale au 2024-01-07">[archive]</a> sachant que mes titres ne font qu’un seul mot et que je m’occupe déjà des veuves / orphelines typographiques avec <a data-link-domain="git.larlet.fr" href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/typography.py">un script Python</a> que l’on a fait avec <a data-link-domain="ronan.amicel.net" href="https://ronan.amicel.net/">Ronan</a> à l’époque <a href="/david/2020/05/26/">de MesConseilsCovid / Covidoudou</a>.</p>
 <p>Je tente de rendre les citations explicites car on m’a déjà fait le retour de ne pas tout de suite comprendre une publication qui commence par une citation&nbsp;: <q>Ah je croyais que c’était de toi&#8239;!</q>.</p>
 <pre><code>blockquote::before {

david/2024/01/05/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Voici une autre formulation&nbsp;: «&nbsp;Est-ce que quelqu’un considère la mise en œuvre de cette proposition comme pas assez sûre, sachant que nous pourrons revoir cette décision si elle ne porte pas ses fruits&#8239;?&nbsp;» Ce simple changement de langage peut vous faire gagner beaucoup de temps et alléger considérablement le processus&nbsp;décisionnel.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-7" title="Lien vers cette section de la page"><hr id="hr-7" /></a>
 <p><a data-link-domain="piaille.fr" href="https://piaille.fr/@nicosomb/111696724396676161">Nicolas L.</a> et <a data-link-domain="mamot.fr" href="https://mamot.fr/@nhoizey/111697128068526484">Nicolas H.</a> me font des retours sur le nouveau design en passant par Mastodon. Les choix respectifs de chacun·e de rendre les réponses publiques ou non enlèvent une partie des échanges mais c’est vraiment chouette d’entamer un processus d’amélioration (de libération de tensions&#8239;?) en commun à ce&nbsp;sujet.</p>
 <p>J’essaye de rendre l’épaisseur du soulignement des liens dynamique, lié à la fluidité de la taille du texte&nbsp;🧑‍🔬, peut-être que je devrais rendre la taille des bordures dynamiques aussi&#8239;? Parfois la contrainte technique peut devenir une contrainte éditoriale acceptable. <strong>Cet espace est suffisamment sur-pensé comme&nbsp;ça.</strong></p>
 <p>Je commence un thème sombre qui réagit à celui du système d’exploitation par défaut. Surtout pour un besoin personnel pour l’instant, mes yeux en ont besoin. Cela me pousse à ajouter des variables CSS pour les&nbsp;couleurs.</p>
 <p>Plus tard, <a data-link-domain="mamot.fr" href="https://mamot.fr/@emmanuelc/111700432836997597">Emmanuel</a> m’enlève une épine du pied sur une formule de grille que je ne comprenais pas totalement. J’apprends des choses au passage. Le copier-coller&#8239;? Oui, mais il faudra toujours finir par le&nbsp;décortiquer.</p>
 <p>La CSS progresse, 426&nbsp;lignes ce soir… et un seul <code>breakpoint</code> défini pour forcer une variable maximale sur les grands écrans. J’aime bien cette&nbsp;idée.</p>
-<hr />
+<a href="#hr-8" title="Lien vers cette section de la page"><hr id="hr-8" /></a>
 <p>Randonnée de 8&#8239;km en famille aujourd’hui, parfois je ne me rends plus trop compte des distances —&nbsp;qui plus est sur un sol difficile. Je voulais surtout savoir jusqu’à quels refuges je pouvais envisager des aventures avec l’enfant dans des conditions hivernales. Chaque année, de nouveaux horizons&nbsp;s’ouvrent.</p>
-<hr />
+<a href="#hr-9" title="Lien vers cette section de la page"><hr id="hr-9" /></a>
 
 <blockquote>
 <p>— Comment appelle-t-on un groupe de faisans&#8239;? demande Anna.<br />

david/2024/01/06/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
   </nav>
   
 <p>C’est fou comme le fait de se donner un objectif (sportif) change la donne en terme de motivation. Pour cette année, ce sera la <em>Traversée de Charlevoix</em>. Je vais essayer de documenter le processus de&nbsp;préparation.</p>
-<hr />
+<a href="#hr-10" title="Lien vers cette section de la page"><hr id="hr-10" /></a>
 <p>Au détour d’un vieux&nbsp;chalet&nbsp;:</p>
 <figure>
     <a href="/static/david/2024/2024-01-05-la-recherche-sida.jpg"
     <figcaption>La Recherche, juin 1985. Les mécanismes biologiques autour du SIDA étaient en cours de&nbsp;découverte.</figcaption>
 </figure>
 <p>D’autres temps, d’autres&nbsp;démons.</p>
-<hr />
+<a href="#hr-11" title="Lien vers cette section de la page"><hr id="hr-11" /></a>
 <p>Le dossier spécial sur la voiture électrique se terminait&nbsp;ainsi&nbsp;:</p>
 
 <blockquote>
 <p>Nous sommes loin des anticipations du début des années 1970&nbsp;qui attribuaient au véhicule électrique 7&nbsp;à 10&#8239;% du parc automobile à l’horizon 1990-1995. L’avenir même du véhicule, du moins en ce qui concerne l’étendue de son champ d’utilisation, demeure incertain. Celle-ci sera fonction des progrès qui seront réalisés sur les générateurs électrochimiques. Les filières potentiellement les plus performantes (filières chaudes, filières organiques, piles à combustibles) n’en sont encore qu’au stade de la recherche appliquée ou du développement et quelques-unes au stade de la recherche fondamentale. Mais des progrès sont enregistrés et les raisons profondes de poursuivre l’effort demeurent. <mark>Si une volonté politique s’affirme et parvient à motiver les premiers utilisateurs potentiels</mark> (administrations et grands organismes publics), on peut espérer voir sortir les premières séries industrielles de véhicules au début de la prochaine&nbsp;décennie.</p>
 </blockquote>
 <p>D’autres époques, mêmes utopies. Je vois de plus en plus de gros véhicules électriques, j’ai même croisé une JEEP l’autre fois. Tristesse du rêve&nbsp;américain.</p>
-<hr />
+<a href="#hr-12" title="Lien vers cette section de la page"><hr id="hr-12" /></a>
 
 <blockquote>
 <p>J’aime bien l’expression «&nbsp;sans nom&nbsp;» (genre une galère sans nom, une injustice sans nom)<br />

david/2024/01/07/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>Admirable. C’est la deuxième année que nous arrivons à faire des dons avec Scopyleft et ça me met en joie. Cela m’a même motivé pour en faire à titre&nbsp;personnel.</p>
 <p>Une forme d’impôt volontaire qui ne termine pas / <a href="/david/2024/01/01/" title="Dryear(s)">plus</a> à la <a data-link-domain="saq.com" href="https://www.saq.com/">SAQ</a>.</p>
-<hr />
+<a href="#hr-13" title="Lien vers cette section de la page"><hr id="hr-13" /></a>
 <p>Pensée (genrée) du jour&nbsp;: un bon développeur fait bien la cuisine, un très bon développeur fait la vaisselle après avoir fait la&nbsp;cuisine.</p>
 <p>Il y a une métaphore au niveau du soin, du partage et de la maintenance à peine&nbsp;déguisée.</p>
-<hr />
+<a href="#hr-14" title="Lien vers cette section de la page"><hr id="hr-14" /></a>
 <p>Masto comme un <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111709177849752316">espace de discussion</a>, le blog comme un espace de synthèse&nbsp;: il me faut un sélecteur de thème clair / foncé car c’est utile à plusieurs personnes. C’est faible comme test utilisateur·ice mais c’est déjà ça. Et puis j’ai découvert plein de&nbsp;pratiques&#8239;!</p>
 <p>Je décline le sélecteur de thème que l’<a href="/david/2020/06/25/#paillasse">on avait fait en 2020</a> avec <a data-link-domain="ricaud.me" href="https://ricaud.me/blog/">Anthony</a> mais cette fois sous la forme d’un <em>Web Component</em>. Je me suis pris les pieds dans le tapis car les <em>layers</em> en CSS ajoutent un niveau d’indentation dans la logique (et changent la spécificité mais c’est le&nbsp;but&#8239;!).</p>
 <p>Je ne sais pas encore quel style lui donner. J’en profite pour mettre en place le changement subtil de police pour le thème foncé (plus <em>light</em>, ironiquement). J’ai l’espoir que ce type d’adaptation aide les astigmates… à arriver jusqu’au sélecteur de&nbsp;thème&nbsp;😅.</p>
 <p><em>Bientôt 500&nbsp;lignes de&nbsp;CSS.</em></p>
-<hr />
+<a href="#hr-15" title="Lien vers cette section de la page"><hr id="hr-15" /></a>
 
 <blockquote>
 <p>Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 </blockquote>
 <p>Ce&nbsp;titre&nbsp;:)</p>
 <p>La transcription des <em>podcast</em> serait très importante pour moi car je n’arrive pas à en écouter un plus de 2&nbsp;minutes sans être à la peine (imaginez-moi au téléphone… ou en visio sans vidéo). J’avais fait des <a href="/david/2021/01/18/">essais il y a 3&nbsp;ans</a> déjà qui n’étaient pas concluant mais peut-être que l’IA s’en sort mieux aujourd’hui. En tout cas, ça semble être le cas sur cet essai. Il faut que je prenne le temps de transformer ces murmures en mots, j’ai l’impression de passer à côté de beaucoup de choses&nbsp;inspirantes.</p>
-<hr />
+<a href="#hr-16" title="Lien vers cette section de la page"><hr id="hr-16" /></a>
 
 <blockquote lang="en">
 <p>We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. <mark>Politics finding its way into tech is one of the reason we do not have innovation any&nbsp;more.</mark></p>

david/2024/01/08/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Plus tard, je commence l’implémentation de l’archivage des liens distants. J’ai pas mal d’idées mais je sais qu’il ne faut pas que je prenne trop de retard dans la récupération sinon je ne vais pas avoir l’énergie pour reprendre l’historique. Ce sera probablement l’occasion de faire un autre <em>Web Component</em> dédié. En suivant les recommandations <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111703611010197838">sur masto</a>, je les nomme <code>archive</code> pour le moment et je conserve la date de récupération de l’article car c’est une information importante. J’adapterai le style plus&nbsp;tard.</p>
 <p>Il faut que j’améliore cette automatisation car c’est assez fastidieux pour le moment, beaucoup de retouches manuelles pour obtenir un article lisible selon les sources. Je vais aussi réduire le nombre de liens que j’archive, les sources techniques ont probablement moins d’intérêt dans la&nbsp;durée.</p>
 <p>Chaque lien distant prend une longueur non négligeable suite à ces deux&nbsp;ajouts&nbsp;🤔.</p>
-<hr />
+<a href="#hr-17" title="Lien vers cette section de la page"><hr id="hr-17" /></a>
 
 <blockquote>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&nbsp;blog”.</p>
 <p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07">[archive]</a></em></cite></p>
 </blockquote>
 <p>Note&nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&nbsp;articles.</p>
-<hr />
+<a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
 <p>L’hiver commence maintenant le 7&nbsp;janvier à Montréal. Phénomène météorologique exceptionnel <em>et</em> tendance&nbsp;climatique.</p>
 
   

david/2024/01/09/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>La tristesse de se faire mal au tout début de la saison. Aussi, c’est la pire chose à expérimenter lorsqu’on prépare un <a href="/david/2024/01/06/" title="Objectif">défi sportif</a>…</p>
 <p>Youtube est le plus proche du célèbre <q lang="en">I know kung-fu</q> de Neo, j’ai appris à straper une cheville et j’ai l’espoir de pouvoir aller jusqu’au refuge avec l’enfant dans 2&nbsp;semaines vu que j’ai déjà réservé. Une cheville <em>tape</em>ée devrait pouvoir tenir les 5&#8239;km à skis si j’en prends suffisamment soin d’ici&nbsp;là&nbsp;🤞.</p>
 <p>Ce soir, j’ai besoin d’y&nbsp;croire.</p>
-<hr />
+<a href="#hr-19" title="Lien vers cette section de la page"><hr id="hr-19" /></a>
 <p>Copsaé publie un <a data-link-domain="copsae.fr" href="https://www.copsae.fr/">nouveau site web</a> qui me donne des idées. J’apprécie aussi ce qu’a fait Access42 pour <a data-link-domain="access42.net" href="https://access42.net/">le sien</a>. Ne pas oublier <a data-link-domain="koena.net" href="https://koena.net/">Koena</a> aussi&#8239;! J’ai déjà vu passer des commentaires comme quoi un site accessible était forcément moche, j’apprécie de pouvoir proposer des&nbsp;contre-exemples.</p>
-<hr />
+<a href="#hr-20" title="Lien vers cette section de la page"><hr id="hr-20" /></a>
 
 <blockquote lang="en">
 <p>In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&nbsp;road.</p>

david/2024/01/10/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <li><a data-link-domain="pika.page" href="https://pika.page/">Pika</a> aussi avec une saveur plus&nbsp;humaine.</li>
 </ul>
 <p>Il y a une bonne liste dans <a data-link-domain="mastodon.social" href="https://mastodon.social/@matthiasott/111557355056827064">cette discussion</a> et une autre <a data-link-domain="robertkingett.com" href="https://robertkingett.com/links/">par ici</a> (section <q lang="en">Managed Static site hosts or Blogging platforms</q>).</p>
-<hr />
+<a href="#hr-21" title="Lien vers cette section de la page"><hr id="hr-21" /></a>
 
 <blockquote lang="en">
 <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
 <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
 <p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-22" title="Lien vers cette section de la page"><hr id="hr-22" /></a>
 
 <blockquote lang="en">
 <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
 </blockquote>
 <p><code>npm install lol</code> 🤣</p>
 <p>En <a data-link-domain="jop2024.lol" href="https://jop2024.lol/">parlant de lol</a>…</p>
-<hr />
+<a href="#hr-23" title="Lien vers cette section de la page"><hr id="hr-23" /></a>
 
 <blockquote>
 <p>Si les fictions, celles qu’on s’invente, celles que nous souffle notre inconscient comme celles qu’on lit, ont un rôle majeur à jouer dans la fabrique de notre rapport au monde, alors voilà qui plaide pour redoubler d’ardeur quand il s’agit de nourrir soigneusement nos imaginaires. Quand on voit les déferlements de violence et le virilisme qui caractérisent les héros modernes, on ne peut que s’interroger sur le type de rapport au monde que cela crée. C’est la raison pour laquelle <mark>la bataille culturelle passe aussi par la création de nouvelles utopies,</mark> ni niaises ni naïves, qui puissent donner d’autres matières à rêver qu’un monde dévasté et peuplé de soldats&nbsp;augmentés.</p>
 </blockquote>
 <p>Nous accueillons une nouvelle personne chez Scopyleft, l’occasion de former une <a href="/david/2021/03/17/">nouvelle équipe</a>. Ces <em>ailleurs culturels</em> doivent pouvoir être partagés et inspirer pour réussir à&nbsp;essaimer.</p>
 <p>C’est l’une de mes frustrations à ne plus <a href="/david/2021/01/26/">participer à des regroupements</a>, ne pas partager par ce biais là les expériences menées depuis 11&nbsp;ans en matière d’horizontalité et de travail en&nbsp;commun·s.</p>
-<hr />
+<a href="#hr-24" title="Lien vers cette section de la page"><hr id="hr-24" /></a>
 
 <blockquote lang="en">
 <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>

david/2024/01/11/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p><mark>Customers want software that delivers problem-solving <em>impact</em>.</mark> And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.</p>
 <p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-25" title="Lien vers cette section de la page"><hr id="hr-25" /></a>
 
 <blockquote lang="en">
 <p>You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&nbsp;them.</p>

david/2024/01/12/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its&nbsp;existence.</p>
 <p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-26" title="Lien vers cette section de la page"><hr id="hr-26" /></a>
 
 <blockquote lang="en">
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
 <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 </blockquote>
 <p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11">[archive]</a> après tout. L’écriture en ligne reste une forme d’expression qui s’attend au regard des autres. Si j’entretiens un journal <em>extime</em> depuis tant d’années c’est bien qu’il y a un enjeu à ce niveau&nbsp;là.</p>
-<hr />
+<a href="#hr-27" title="Lien vers cette section de la page"><hr id="hr-27" /></a>
 
 <blockquote lang="en">
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
 <p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11">[archive]</a></cite></p>
 </blockquote>
 <p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11">[archive]</a>. Une autre façon d’être&nbsp;dé·formé.</p>
-<hr />
+<a href="#hr-28" title="Lien vers cette section de la page"><hr id="hr-28" /></a>
 <p>Deux outils autour de la transformation de&nbsp;vidéos&nbsp;:</p>
 <ul>
 <li><a data-link-domain="ybouane.com" href="https://ybouane.com/ffmpeg-ui">FFMPEG&nbsp;UI</a></li>

david/2024/01/13/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13">[archive]</a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13">[archive]</a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13">[archive]</a> mais il sera toujours&nbsp;là.</p>
 <p>Ce <strong>explicite</strong> correspond principalement pour moi à des <em>prompts</em> qui m’aideraient à coder. Je regarde ce qui se fait dans le domaine et j’en vois l’intérêt mais je vois aussi au détriment de tout ce que cela est rendu possible. Des humains-esclaves qui modèrent ce qui est généré d’un côté, des sources d’apprentissage non consenties —&nbsp;voire privées&nbsp;— et des ressources pharaoniques pour réussir à aligner 3&nbsp;fonctions qu’il faut ensuite comprendre et adapter de toute&nbsp;façon.</p>
 <p>Et puis il y a toute cette zone grise, je me sers par exemple de la reconnaissance de caractère intégrée à Photos.app de macOS pour retranscrire les citations depuis des photos de passages de livres. Auparavant, je les recopiais à la main. Est-ce que cela changeait ma manière de les&nbsp;ré-interpréter&#8239;?</p>
-<hr />
+<a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
 
 <blockquote>
 <p>Il nous faut trouver de nouvelles manières littéraires susceptibles de percuter sans chercher à convaincre, et déjouer le didactisme qui veut à tout prix expliquer et instruire. Peut-être faudrait-il aller jusqu’à s’imposer comme contrainte de proscrire l’usage de certains mots afin de renouveler le&nbsp;genre.</p>

david/2024/01/14/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Je crois de plus en plus que nous devons nous entraîner à <em>habiter le trouble</em> comme l’a formulé Donna Haraway, c’est-à-dire à tenir «&nbsp;pour acquis que les modes d’ordre établis se sont effondrés ou sont en voie d’effondrement, et qu’il devient à la fois urgent et possible d’envisager autre chose&nbsp;». Vivre dans un monde en train de disparaître sans savoir ce qui va émerger n’est pas simple, mais <mark>il ne tient qu’à nous de nous ouvrir à d’autres géographies,</mark> d’autres cultures, à toucher aux confins civilisationnels pour imaginer «&nbsp;des façons plus florissantes, plus robustes, moins meurtrières de vivre les uns avec les autres&nbsp;», ailleurs, quand notre propre réalité nous fait&nbsp;défaut.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-30" title="Lien vers cette section de la page"><hr id="hr-30" /></a>
 <p>Je prends le temps de décliner le nouveau style pour les pages d’étiquettes 2024. Il va rester la page d’accueil, la plus difficile. Elle comporte actuellement&nbsp;270&nbsp;liens.</p>
 <p>Quelle éditorialisation proposer pour éviter la surcharge tout en facilitant l’exploration&#8239;? Offrir une boussole sans proposer de&nbsp;cap.</p>
 
 <p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13">[archive]</a></em></cite></p>
 </blockquote>
 <p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13">[archive]</a> par&nbsp;contre.</p>
-<hr />
+<a href="#hr-31" title="Lien vers cette section de la page"><hr id="hr-31" /></a>
 <p>Découvertes culinaires du&nbsp;jour&nbsp;:</p>
 <ul>
 <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes&nbsp;(merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li>

david/2024/01/15/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
   
 <p>J’ai réussi à marcher 6&#8239;km dans la neige avec des bottes de neige assez hautes. Pas pire. On va voir si ça ne tire pas trop dans la nuit. J’ai appris à mettre des bandes de kynésiologie aussi pour un léger soutien sur la rotation interne. Ce n’est pas une entorse classique car généralement deux arbres ne sont pas impliqués donc la torsion est différente. Du moins, c’est ce que mon doctorat express en médecine me laisse à penser… et mes sensations&nbsp;surtout&#8239;!</p>
 <p>Récupération active ou&nbsp;impatience&#8239;?</p>
-<hr />
+<a href="#hr-32" title="Lien vers cette section de la page"><hr id="hr-32" /></a>
 
 <blockquote lang="en">
 <p>The front-end to your dev&nbsp;env.</p>

david/2024/01/16/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
   
 <p>J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (<em>tape</em>ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&nbsp;boitant.</p>
 <p>Cela conclus peut-être mon journal de&nbsp;chialage.</p>
-<hr />
+<a href="#hr-33" title="Lien vers cette section de la page"><hr id="hr-33" /></a>
 <p>Hier soir, je travaillais sur la <a href="/david/">page d’accueil</a> en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&nbsp;chantier).</p>
 <p>Et puis ce matin <a data-link-domain="nicolas-hoizey.com" href="https://nicolas-hoizey.com/">Nicolas H.</a> m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le <em>parsing</em> du contenu HTML (intégrer une <a data-link-domain="validator.w3.org" href="https://validator.w3.org/feed/">validation</a> pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&nbsp;fait.</p>
 <p>Il y a dorénavant 54&nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&nbsp;sourire.</p>
 <p>Je constate au passage que la <a href="/david/recherche/">page de recherche</a> fait 2&#8239;Mo (700&#8239;Ko à télécharger), désindexer des années ou explorer des <a data-link-domain="pagefind.app" href="https://pagefind.app/">alternatives</a>&#8239;? J’aime bien me dire que mes écrits de ces 8&nbsp;dernières années tiennent sur&nbsp;2&nbsp;disquettes.</p>
-<hr />
+<a href="#hr-34" title="Lien vers cette section de la page"><hr id="hr-34" /></a>
 <p>Vidéo du jour&nbsp;: <a data-link-domain="video.blast-info.fr" href="https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6">DRY JANUARY, ÉCOLOGIE&nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&#8239;?</a> (désolé pour les cris, ça semble être le style de&nbsp;BLAST&nbsp;🙃).</p>
-<hr />
+<a href="#hr-35" title="Lien vers cette section de la page"><hr id="hr-35" /></a>
 <p>On creuse les <a data-link-domain="developer.mozilla.org" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap"><code>importmap</code></a> pour <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&nbsp;Baseline™2023.</p>
 <p>Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&#8239;? <em>À&nbsp;méditer.</em></p>
 

david/2024/01/17/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>J’ai souvent ce sentiment (je partage les autres points de l’article aussi). Je ne sais pas du tout ce que ça ferait de retourner dans un bureau mais au-delà de cette hypothèse physique, c’est le côté avec subordination / pyramidal que j’ai l’impression d’avoir dépassé sans vraiment de possibilité de retour en arrière. Il n’y a que dans des collectifs bien spécifiques que j’aurais une chance de trouver une place qui me soit&nbsp;acceptable.</p>
 <p><em>Voir aussi <a data-link-domain="news.ycombinator.com" href="https://news.ycombinator.com/item?id=32961933">cette discussion</a> à ce&nbsp;sujet.</em></p>
-<hr />
+<a href="#hr-36" title="Lien vers cette section de la page"><hr id="hr-36" /></a>
 <p>J’ai de plus en plus de mal avec les légalistes donneurs de leçons qui utilisent le ton le plus anxiogèno-aggressif qui soit. La vieillesse a ceci de bon que je commence à savoir retourner ces situations en interrogeant les intentions et les peurs de ces&nbsp;personnes.</p>
-<hr />
+<a href="#hr-37" title="Lien vers cette section de la page"><hr id="hr-37" /></a>
 
 <blockquote lang="en">
 <p>The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for <em>aren’t going to be based on JavaScript</em>. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is <mark>now implemented in Rust,</mark> not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&nbsp;ecosystems.</p>

david/2024/01/18/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"

david/2024/01/19/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
          title="Aller à la page de recherche"
          rel="search">Recherche</a>
       
+        • <a rel="next"
+            href="/david/2024/01/20/"
+            title="Publication suivante : Extinction">Suivant →</a>
+      
     </p>
   </nav>
   
 </blockquote>
 <p>C’est peu de dire que ce format m’intéresse et je l’ai envisagé à plusieurs reprises en France, notamment autour du Mont-Blanc. J’ai l’impression que la Traversée de Charlevoix serait un chemin assez idéal compte tenu des <a data-link-domain="traverseedecharlevoix.qc.ca" href="https://www.traverseedecharlevoix.qc.ca/services-offerts/">services proposés</a> s’il s’agit de s’en tenir au format décrit (transport des&nbsp;bagages).</p>
 <p>Le faire une première fois de manière rapide en solo cette année m’aiderait certainement —&nbsp;en plus d’en faire la reconnaissance&nbsp;— à l’envisager sur un rythme beaucoup plus doux en étant accompagné par la&nbsp;suite.</p>
-<hr />
+<a href="#hr-38" title="Lien vers cette section de la page"><hr id="hr-38" /></a>
 
 <blockquote lang="en">
 <p>Going forward I plan to version the projects I work on in a way that communicates <em>how much effort I expect a user will need to spend to adopt the new version.</em> I’m going to refer to that scheme as <strong>Intended Effort Versioning (EffVer for short)</strong>.</p>
 <p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18">[archive]</a></em></cite></p>
 </blockquote>
 <p>Il faudrait que je rende explicite ma façon de décompter les crédits (facturés) dans <a href="/david/2022/12/15/">mes journaux</a> car la notion d’effort / pénibilité y est présente, ce n’est pas qu’une question de temps. Ça m’aide notamment à vérifier qu’une journée n’est pas trop intense et n’a pas consommé toutes mes <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Th%C3%A9orie_des_cuill%C3%A8res">cuillères</a>, sociales surtout, ce qui peut avoir des conséquences sur les jours&nbsp;suivants…</p>
-<hr />
+<a href="#hr-39" title="Lien vers cette section de la page"><hr id="hr-39" /></a>
 
 <blockquote>
 <p>il</p>
       
       <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
       
+        • <a rel="next"
+            href="/david/2024/01/20/"
+            title="Publication suivante : Extinction">Suivant →</a>
+      
     </p>
   </nav>
 

david/2024/01/20/index.html

+<!DOCTYPE html><!-- This is a valid HTML5 document. -->
+<!-- Screen readers, SEO, extensions and so on. -->
+<html lang="fr">
+  <!-- Has to be within the first 1024 bytes, hence before the `title` element
+  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
+  <meta charset="utf-8">
+  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
+  <!-- The viewport meta is quite crowded and we are responsible for that.
+  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <!-- Required to make a valid HTML5 document. -->
+  <title>
+    Extinction
+  — David Larlet</title>
+  <meta name="description" content="So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement metrics.">
+  <!-- That good ol' feed, subscribe :). -->
+  <link rel="alternate"
+        type="application/atom+xml"
+        title="Feed"
+        href="/david/log/">
+  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
+  <link rel="apple-touch-icon"
+        sizes="180x180"
+        href="/static/david/icons2/apple-touch-icon.png">
+  <link rel="icon"
+        type="image/png"
+        sizes="32x32"
+        href="/static/david/icons2/favicon-32x32.png">
+  <link rel="icon"
+        type="image/png"
+        sizes="16x16"
+        href="/static/david/icons2/favicon-16x16.png">
+  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
+  <link rel="mask-icon"
+        href="/static/david/icons2/safari-pinned-tab.svg"
+        color="#07486c">
+  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
+  <meta name="msapplication-TileColor" content="#f7f7f7">
+  <meta name="msapplication-config"
+        content="/static/david/icons2/browserconfig.xml">
+  <meta name="theme-color"
+        content="#f7f7f7"
+        media="(prefers-color-scheme: light)">
+  <meta name="theme-color"
+        content="#272727"
+        media="(prefers-color-scheme: dark)">
+  <!-- Is that even respected? Retrospectively? What a shAItshow…
+  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
+  <meta name="robots" content="noai, noimageai">
+  <!-- Documented, feel free to shoot an email. -->
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
+  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: dark)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: dark)"
+        crossorigin>
+  <link rel="preload"
+        href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
+        as="font"
+        type="font/woff2"
+        media="(prefers-color-scheme: dark)"
+        crossorigin>
+  <script>
+    function toggleTheme(themeName) {
+      document.documentElement.classList.toggle(
+        'forced-dark',
+        themeName === 'dark'
+      )
+      document.documentElement.classList.toggle(
+        'forced-light',
+        themeName === 'light'
+      )
+    }
+    const selectedTheme = localStorage.getItem('theme')
+    if (selectedTheme !== 'undefined') {
+      toggleTheme(selectedTheme)
+    }
+  </script>
+  
+  <body data-instant-intensity="viewport-all">
+    <article>
+      
+  <header>
+    <hgroup>
+      <h1>Extinction</h1>
+      <p>Le <time datetime="2024-01-20">20 janvier 2024</time></p>
+    </hgroup>
+  </header>
+  <nav>
+    <p>
+      
+        <a rel="prev"
+           href="/david/2024/01/19/"
+           title="Publication précédente : Marcher">← Précédent</a> •
+      
+      <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
+      •
+      <a href="/david/recherche/"
+         title="Aller à la page de recherche"
+         rel="search">Recherche</a>
+      
+    </p>
+  </nav>
+  
+
+<blockquote lang="en">
+<p>So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&nbsp;metrics.</p>
+<p>One important thing to note; <mark>websites aren’t extinct.</mark> In fact, you’re on one now! Uploading your own words is ancient technology but still&nbsp;works.</p>
+<p><cite><em><a data-link-domain="daverupert.com" href="https://daverupert.com/2024/01/where-have-all-the-websites-gone/">Where have all the flowers gone?</a> <a href="/david/cache/2024/7136e0810bfa42c4a9ca798a55cd2d53/" title="Copie locale au 2024-01-19">[archive]</a></em></cite></p>
+</blockquote>
+<p>En réponse à <q lang="en"><a data-link-domain="fromjason.xyz" href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/">Where have all the websites gone?</a> <a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Copie locale au 2024-01-09">[archive]</a></q> que j’ai <a href="/david/2024/01/10/#hr-24">déjà cité</a>. Peut-être que la capacité à publier est toujours là mais que nous avons <a href="/david/2024/01/12/#hr-27">trop changé</a> pour être capables de perdurer dans cette pratique. 2024&nbsp;pourrait me faire mentir car je vois une certaine effervescence dans mon agrégateur. On va bien voir si ça dure. On va bien voir si <em>je</em>&nbsp;dure.</p>
+<p><em>Guidé par le besoin, je suis en train d’automatiser des ancres sur mes <code>&lt;hr&gt;</code>, fausse bonne idée&#8239;? En affinant un peu le style ça me convient pour&nbsp;l’instant.</em></p>
+<a href="#hr-40" title="Lien vers cette section de la page"><hr id="hr-40" /></a>
+
+<blockquote>
+<p>public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists.  Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML&nbsp;archives.</p>
+<p>public-inbox spawned around three main&nbsp;ideas:</p>
+<ul>
+<li>Publicly accessible and archived communication is essential to Free Software&nbsp;development.</li>
+<li>Contributing to Free Software projects should not require the use of non-Free services or&nbsp;software.</li>
+<li><mark>Graphical user interfaces should not be required for text-based communication.</mark>  Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&nbsp;hardware.</li>
+</ul>
+<p>public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&nbsp;overhead.</p>
+<p><cite><em><a data-link-domain="public-inbox.org" href="https://public-inbox.org/README.html">public-inbox - an &quot;archives first&quot; approach to mailing lists</a> <a href="/david/cache/2024/30b40ff8034212e070dc7daf2b9406e9/" title="Copie locale au 2024-01-19">[archive]</a></em></cite></p>
+</blockquote>
+<p>D’une certaine manière, l’<a data-link-domain="github.com" href="https://github.com/jgm/pandoc/issues/9250">extinction de voix des un·es</a> fait mon bonheur de découverte aujourd’hui. J’espère que le réflexe ne sera pas de passer de <em>Google Groups</em> à <em>Microsoft Github Discussions</em> par&nbsp;commodité.</p>
+<a href="#hr-41" title="Lien vers cette section de la page"><hr id="hr-41" /></a>
+
+<blockquote>
+<p>… ça veut dire qu’en vrai, les droits humains, tu t’en fiches pas&nbsp;mal.</p>
+<p>Et que tu es juste <mark>un peu raciste</mark>.</p>
+<p><cite><em><a data-link-domain="emmaclit.com" href="https://emmaclit.com/2024/01/19/culture-froncaise/">Culture&nbsp;fronçaise</a></em></cite></p>
+</blockquote>
+<p>Voilà.</p>
+<a href="#hr-42" title="Lien vers cette section de la page"><hr id="hr-42" /></a>
+<figure>
+    <a href="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg"
+        title="Cliquer pour une version haute résolution">
+        <img
+            src="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg"
+            width="3024" height="3024"
+            srcset="/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg 3024w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_660x440.jpg 660w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_990x660.jpg 990w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_1320x880.jpg 1320w"
+            sizes="min(100vw, calc(100vh * 3024 / 3024))"
+            loading="lazy"
+            decoding="async"
+            alt="Un enfant de dos dans des traces de ski de fond classique à la tombée du jour">
+    </a>
+    <figcaption>-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après&nbsp;l’école.</figcaption>
+</figure>
+<p>Cette photo est floue, c’est devenu tellement rare avec un téléphone (<em>OK&nbsp;Boomer</em>&nbsp;:p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son&nbsp;chemin.</p>
+
+  
+  <nav>
+    <p>
+      
+        <a rel="prev"
+           href="/david/2024/01/19/"
+           title="Publication précédente : Marcher">← Précédent</a> •
+      
+      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
+      
+    </p>
+  </nav>
+
+      
+        <form action="/david/recherche/" method="get">
+          <fieldset>
+            <legend>Recherche</legend>
+            <label for="input-search">Termes de votre recherche :</label>
+            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
+            <input type="submit" value="Chercher">
+            <p id="indexation-infos">
+              <small>
+                Seuls les contenus de ces 8 dernières années sont indexés.
+              </small>
+            </p>
+          </fieldset>
+        </form>
+      
+      <aside>
+        <theme-toggle></theme-toggle>
+      </aside>
+    </article>
+    <hr>
+    <footer>
+      <p>
+        <a href="/david/" title="Aller à l’accueil">Accueil</a>
+        •
+        <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
+        •
+        <a href="http://larlet.com"
+           title="Go to my English profile"
+           data-instant>Pro</a>
+        •
+        <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
+        •
+        <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
+      </p>
+      <template id="theme-selector">
+        <form>
+          <style type="text/css">
+            fieldset div {
+              text-align: center;
+            }
+          </style>
+          <fieldset>
+            <legend>Thème</legend>
+            <div>
+              <label>
+                <input type="radio" value="auto" name="chosen-color-scheme" checked>
+                Auto
+              </label>
+              <label>
+                <input type="radio" value="dark" name="chosen-color-scheme">
+                Foncé
+              </label>
+              <label>
+                <input type="radio" value="light" name="chosen-color-scheme">
+                Clair
+              </label>
+            </div>
+          </fieldset>
+        </form>
+      </template>
+    </footer>
+    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
+    <script>
+      class ThemeToggle extends HTMLElement {
+        constructor() {
+          super()
+          const themeSelectorTemplate = document.querySelector('#theme-selector')
+          const form = themeSelectorTemplate.content.firstElementChild
+          this.attachShadow({ mode: 'open' })
+          this.shadowRoot.appendChild(form.cloneNode(true))
+        }
+
+        connectedCallback() {
+          const form = this.shadowRoot.querySelector('form')
+          form.addEventListener('change', (e) => {
+            const chosenColorScheme = e.target.value
+            localStorage.setItem('theme', chosenColorScheme)
+            toggleTheme(chosenColorScheme)
+          })
+
+          const selectedTheme = localStorage.getItem('theme')
+          if (selectedTheme && selectedTheme !== 'undefined') {
+            form.querySelector(`[value="${selectedTheme}"]`).checked = true
+          }
+        }
+      }
+
+      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
+      window.addEventListener('load', () => {
+        let colorsLayer = undefined
+        let hasDarkRules = false
+        for (const styleSheet of Array.from(document.styleSheets)) {
+          let mediaRules = []
+          for (const layerRule of styleSheet.cssRules) {
+            if (!(layerRule instanceof CSSLayerBlockRule)) {
+              continue
+            }
+            if (layerRule.name === 'colors') {
+              colorsLayer = layerRule
+            }
+            for (const cssRule of layerRule.cssRules) {
+              if (cssRule.type !== CSSRule.MEDIA_RULE) {
+                continue
+              }
+              // WARNING: Safari does not have/supports `conditionText`.
+              if (cssRule.conditionText) {
+                if (cssRule.conditionText !== prefersColorSchemeDark) {
+                  continue
+                }
+              } else {
+                if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
+                  continue
+                }
+              }
+              mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
+            }
+          }
+
+          // WARNING: do not try to insert a Rule to a styleSheet you are
+          // currently iterating on, otherwise the browser will be stuck
+          // in a infinite loop…
+          for (const mediaRule of mediaRules) {
+            // Safari requires the `0` second parameter (even if default).
+            colorsLayer.insertRule(mediaRule.cssText, 0)
+            hasDarkRules = true
+          }
+        }
+
+        if (hasDarkRules) {
+          if ('customElements' in window && !customElements.get('theme-toggle')) {
+            customElements.define('theme-toggle', ThemeToggle)
+          }
+        }
+      })
+    </script>
+    
+  </body>
+</html>

david/2024/_sources/2024-01-20 - Extinction.md

+# Extinction
+
+> [en] So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement metrics.
+>
+> One important thing to note; ==websites aren’t extinct.== In fact, you’re on one now! Uploading your own words is ancient technology but still works.
+>
+> <cite>*[Where have all the flowers gone?](https://daverupert.com/2024/01/where-have-all-the-websites-gone/)*</cite>
+
+En réponse à <q lang="en">[Where have all the websites gone?](https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/)</q> que j’ai [déjà cité](/david/2024/01/10/#hr-24). Peut-être que la capacité à publier est toujours là mais que nous avons [trop changé](/david/2024/01/12/#hr-27) pour être capables de perdurer dans cette pratique. 2024 pourrait me faire mentir car je vois une certaine effervescence dans mon agrégateur. On va bien voir si ça dure. On va bien voir si _je_ dure.
+
+*Guidé par le besoin, je suis en train d’automatiser des ancres sur mes `<hr>`, fausse bonne idée ? En affinant un peu le style ça me convient pour l’instant.*
+
+---
+
+> public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists.  Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML archives.
+>
+> public-inbox spawned around three main ideas:
+>
+> * Publicly accessible and archived communication is essential to Free Software development.
+> * Contributing to Free Software projects should not require the use of non-Free services or software.
+> * ==Graphical user interfaces should not be required for text-based communication.==  Users may have broken graphics drivers, limited eyesight, or be unable to afford modern hardware.
+>
+> public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal overhead.
+>
+> <cite>*[public-inbox - an "archives first" approach to mailing lists](https://public-inbox.org/README.html)*</cite>
+
+D’une certaine manière, l’[extinction de voix des un·es](https://github.com/jgm/pandoc/issues/9250) fait mon bonheur de découverte aujourd’hui. J’espère que le réflexe ne sera pas de passer de *Google Groups* à *Microsoft Github Discussions* par commodité.
+
+---
+
+> … ça veut dire qu’en vrai, les droits humains, tu t’en fiches pas mal.
+>
+> Et que tu es juste ==un peu raciste==.
+>
+> <cite>*[Culture fronçaise](https://emmaclit.com/2024/01/19/culture-froncaise/)*</cite>
+
+Voilà.
+
+---
+
+![Un enfant de dos dans des traces de ski de fond classique à la tombée du jour](/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg "-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après l’école.")
+
+Cette photo est floue, c’est devenu tellement rare avec un téléphone (*OK Boomer* :p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son chemin.

david/2024/accessibilite/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>La tristesse de se faire mal au tout début de la saison. Aussi, c’est la pire chose à expérimenter lorsqu’on prépare un <a href="/david/2024/01/06/" title="Objectif">défi sportif</a>…</p>
 <p>Youtube est le plus proche du célèbre <q lang="en">I know kung-fu</q> de Neo, j’ai appris à straper une cheville et j’ai l’espoir de pouvoir aller jusqu’au refuge avec l’enfant dans 2&nbsp;semaines vu que j’ai déjà réservé. Une cheville <em>tape</em>ée devrait pouvoir tenir les 5&#8239;km à skis si j’en prends suffisamment soin d’ici&nbsp;là&nbsp;🤞.</p>
 <p>Ce soir, j’ai besoin d’y&nbsp;croire.</p>
-<hr />
+<a href="#hr-19" title="Lien vers cette section de la page"><hr id="hr-19" /></a>
 <p>Copsaé publie un <a data-link-domain="copsae.fr" href="https://www.copsae.fr/">nouveau site web</a> qui me donne des idées. J’apprécie aussi ce qu’a fait Access42 pour <a data-link-domain="access42.net" href="https://access42.net/">le sien</a>. Ne pas oublier <a data-link-domain="koena.net" href="https://koena.net/">Koena</a> aussi&#8239;! J’ai déjà vu passer des commentaires comme quoi un site accessible était forcément moche, j’apprécie de pouvoir proposer des&nbsp;contre-exemples.</p>
-<hr />
+<a href="#hr-20" title="Lien vers cette section de la page"><hr id="hr-20" /></a>
 
 <blockquote lang="en">
 <p>In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&nbsp;road.</p>

david/2024/accompagnement/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>C’est peu de dire que ce format m’intéresse et je l’ai envisagé à plusieurs reprises en France, notamment autour du Mont-Blanc. J’ai l’impression que la Traversée de Charlevoix serait un chemin assez idéal compte tenu des <a data-link-domain="traverseedecharlevoix.qc.ca" href="https://www.traverseedecharlevoix.qc.ca/services-offerts/">services proposés</a> s’il s’agit de s’en tenir au format décrit (transport des&nbsp;bagages).</p>
 <p>Le faire une première fois de manière rapide en solo cette année m’aiderait certainement —&nbsp;en plus d’en faire la reconnaissance&nbsp;— à l’envisager sur un rythme beaucoup plus doux en étant accompagné par la&nbsp;suite.</p>
-<hr />
+<a href="#hr-38" title="Lien vers cette section de la page"><hr id="hr-38" /></a>
 
 <blockquote lang="en">
 <p>Going forward I plan to version the projects I work on in a way that communicates <em>how much effort I expect a user will need to spend to adopt the new version.</em> I’m going to refer to that scheme as <strong>Intended Effort Versioning (EffVer for short)</strong>.</p>
 <p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18">[archive]</a></em></cite></p>
 </blockquote>
 <p>Il faudrait que je rende explicite ma façon de décompter les crédits (facturés) dans <a href="/david/2022/12/15/">mes journaux</a> car la notion d’effort / pénibilité y est présente, ce n’est pas qu’une question de temps. Ça m’aide notamment à vérifier qu’une journée n’est pas trop intense et n’a pas consommé toutes mes <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Th%C3%A9orie_des_cuill%C3%A8res">cuillères</a>, sociales surtout, ce qui peut avoir des conséquences sur les jours&nbsp;suivants…</p>
-<hr />
+<a href="#hr-39" title="Lien vers cette section de la page"><hr id="hr-39" /></a>
 
 <blockquote>
 <p>il</p>
 <p>Au niveau de la taille, j’ai enfin l’occasion de tester un <a data-link-domain="utopia.fyi" href="https://utopia.fyi/blog/css-modular-scales">échelle modulaire</a> et c’est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n’en suis pas encore à cette étape. Je ne comprends pas encore tout à fait la formule et j’arrive à vivre&nbsp;avec.</p>
 <p>Je me rappelle aussi qu’un des intérêts que j’avais trouvé aux <em>CSS&nbsp;layers</em> c’est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l’itération d’hier pour avoir une feuille dédiée dont je commence à documenter les différentes&nbsp;sections.</p>
 <p>Je m’amuse comme un petit fou même si la CSS fait subitement&nbsp;350&nbsp;lignes.</p>
-<hr />
+<a href="#hr-4" title="Lien vers cette section de la page"><hr id="hr-4" /></a>
 
 <blockquote>
 <p><mark>Je crois qu’on écrit pour créer un monde dans lequel on puisse vivre.</mark> Je ne pouvais vivre dans aucun de ceux qui m’étaient proposés&nbsp;: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait créer un monde à moi, comme un climat, un pays, une atmosphère, où je puisse respirer, régner et me régénérer lorsque j’étais détruite par la&nbsp;vie.</p>
 <p><cite><em>Journal 1947-1955</em>, Anaïs&nbsp;Nin</cite></p>
 </blockquote>
 <p>L’introduction de <em>Alors nous irons trouver la beauté ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
-<hr />
+<a href="#hr-5" title="Lien vers cette section de la page"><hr id="hr-5" /></a>
 <p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
 <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
 

david/2024/addiction/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
     
 <p>J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (<em>tape</em>ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&nbsp;boitant.</p>
 <p>Cela conclus peut-être mon journal de&nbsp;chialage.</p>
-<hr />
+<a href="#hr-33" title="Lien vers cette section de la page"><hr id="hr-33" /></a>
 <p>Hier soir, je travaillais sur la <a href="/david/">page d’accueil</a> en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&nbsp;chantier).</p>
 <p>Et puis ce matin <a data-link-domain="nicolas-hoizey.com" href="https://nicolas-hoizey.com/">Nicolas H.</a> m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le <em>parsing</em> du contenu HTML (intégrer une <a data-link-domain="validator.w3.org" href="https://validator.w3.org/feed/">validation</a> pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&nbsp;fait.</p>
 <p>Il y a dorénavant 54&nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&nbsp;sourire.</p>
 <p>Je constate au passage que la <a href="/david/recherche/">page de recherche</a> fait 2&#8239;Mo (700&#8239;Ko à télécharger), désindexer des années ou explorer des <a data-link-domain="pagefind.app" href="https://pagefind.app/">alternatives</a>&#8239;? J’aime bien me dire que mes écrits de ces 8&nbsp;dernières années tiennent sur&nbsp;2&nbsp;disquettes.</p>
-<hr />
+<a href="#hr-34" title="Lien vers cette section de la page"><hr id="hr-34" /></a>
 <p>Vidéo du jour&nbsp;: <a data-link-domain="video.blast-info.fr" href="https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6">DRY JANUARY, ÉCOLOGIE&nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&#8239;?</a> (désolé pour les cris, ça semble être le style de&nbsp;BLAST&nbsp;🙃).</p>
-<hr />
+<a href="#hr-35" title="Lien vers cette section de la page"><hr id="hr-35" /></a>
 <p>On creuse les <a data-link-domain="developer.mozilla.org" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap"><code>importmap</code></a> pour <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&nbsp;Baseline™2023.</p>
 <p>Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&#8239;? <em>À&nbsp;méditer.</em></p>
 
     
 <p>J’ai réussi à marcher 6&#8239;km dans la neige avec des bottes de neige assez hautes. Pas pire. On va voir si ça ne tire pas trop dans la nuit. J’ai appris à mettre des bandes de kynésiologie aussi pour un léger soutien sur la rotation interne. Ce n’est pas une entorse classique car généralement deux arbres ne sont pas impliqués donc la torsion est différente. Du moins, c’est ce que mon doctorat express en médecine me laisse à penser… et mes sensations&nbsp;surtout&#8239;!</p>
 <p>Récupération active ou&nbsp;impatience&#8239;?</p>
-<hr />
+<a href="#hr-32" title="Lien vers cette section de la page"><hr id="hr-32" /></a>
 
 <blockquote lang="en">
 <p>The front-end to your dev&nbsp;env.</p>
     </h2>
     
 <p>C’est fou comme le fait de se donner un objectif (sportif) change la donne en terme de motivation. Pour cette année, ce sera la <em>Traversée de Charlevoix</em>. Je vais essayer de documenter le processus de&nbsp;préparation.</p>
-<hr />
+<a href="#hr-10" title="Lien vers cette section de la page"><hr id="hr-10" /></a>
 <p>Au détour d’un vieux&nbsp;chalet&nbsp;:</p>
 <figure>
     <a href="/static/david/2024/2024-01-05-la-recherche-sida.jpg"
     <figcaption>La Recherche, juin 1985. Les mécanismes biologiques autour du SIDA étaient en cours de&nbsp;découverte.</figcaption>
 </figure>
 <p>D’autres temps, d’autres&nbsp;démons.</p>
-<hr />
+<a href="#hr-11" title="Lien vers cette section de la page"><hr id="hr-11" /></a>
 <p>Le dossier spécial sur la voiture électrique se terminait&nbsp;ainsi&nbsp;:</p>
 
 <blockquote>
 <p>Nous sommes loin des anticipations du début des années 1970&nbsp;qui attribuaient au véhicule électrique 7&nbsp;à 10&#8239;% du parc automobile à l’horizon 1990-1995. L’avenir même du véhicule, du moins en ce qui concerne l’étendue de son champ d’utilisation, demeure incertain. Celle-ci sera fonction des progrès qui seront réalisés sur les générateurs électrochimiques. Les filières potentiellement les plus performantes (filières chaudes, filières organiques, piles à combustibles) n’en sont encore qu’au stade de la recherche appliquée ou du développement et quelques-unes au stade de la recherche fondamentale. Mais des progrès sont enregistrés et les raisons profondes de poursuivre l’effort demeurent. <mark>Si une volonté politique s’affirme et parvient à motiver les premiers utilisateurs potentiels</mark> (administrations et grands organismes publics), on peut espérer voir sortir les premières séries industrielles de véhicules au début de la prochaine&nbsp;décennie.</p>
 </blockquote>
 <p>D’autres époques, mêmes utopies. Je vois de plus en plus de gros véhicules électriques, j’ai même croisé une JEEP l’autre fois. Tristesse du rêve&nbsp;américain.</p>
-<hr />
+<a href="#hr-12" title="Lien vers cette section de la page"><hr id="hr-12" /></a>
 
 <blockquote>
 <p>J’aime bien l’expression «&nbsp;sans nom&nbsp;» (genre une galère sans nom, une injustice sans nom)<br />
 </blockquote>
 <p>Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&nbsp;mois.</p>
 <p>Je me sens prêt, on verra bien où cela me&nbsp;mène.</p>
-<hr />
+<a href="#hr-1" title="Lien vers cette section de la page"><hr id="hr-1" /></a>
 <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&nbsp;retenir.</p>
 
     

david/2024/apprentissage/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <li><a data-link-domain="pika.page" href="https://pika.page/">Pika</a> aussi avec une saveur plus&nbsp;humaine.</li>
 </ul>
 <p>Il y a une bonne liste dans <a data-link-domain="mastodon.social" href="https://mastodon.social/@matthiasott/111557355056827064">cette discussion</a> et une autre <a data-link-domain="robertkingett.com" href="https://robertkingett.com/links/">par ici</a> (section <q lang="en">Managed Static site hosts or Blogging platforms</q>).</p>
-<hr />
+<a href="#hr-21" title="Lien vers cette section de la page"><hr id="hr-21" /></a>
 
 <blockquote lang="en">
 <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
 <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
 <p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-22" title="Lien vers cette section de la page"><hr id="hr-22" /></a>
 
 <blockquote lang="en">
 <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
 </blockquote>
 <p><code>npm install lol</code> 🤣</p>
 <p>En <a data-link-domain="jop2024.lol" href="https://jop2024.lol/">parlant de lol</a>…</p>
-<hr />
+<a href="#hr-23" title="Lien vers cette section de la page"><hr id="hr-23" /></a>
 
 <blockquote>
 <p>Si les fictions, celles qu’on s’invente, celles que nous souffle notre inconscient comme celles qu’on lit, ont un rôle majeur à jouer dans la fabrique de notre rapport au monde, alors voilà qui plaide pour redoubler d’ardeur quand il s’agit de nourrir soigneusement nos imaginaires. Quand on voit les déferlements de violence et le virilisme qui caractérisent les héros modernes, on ne peut que s’interroger sur le type de rapport au monde que cela crée. C’est la raison pour laquelle <mark>la bataille culturelle passe aussi par la création de nouvelles utopies,</mark> ni niaises ni naïves, qui puissent donner d’autres matières à rêver qu’un monde dévasté et peuplé de soldats&nbsp;augmentés.</p>
 </blockquote>
 <p>Nous accueillons une nouvelle personne chez Scopyleft, l’occasion de former une <a href="/david/2021/03/17/">nouvelle équipe</a>. Ces <em>ailleurs culturels</em> doivent pouvoir être partagés et inspirer pour réussir à&nbsp;essaimer.</p>
 <p>C’est l’une de mes frustrations à ne plus <a href="/david/2021/01/26/">participer à des regroupements</a>, ne pas partager par ce biais là les expériences menées depuis 11&nbsp;ans en matière d’horizontalité et de travail en&nbsp;commun·s.</p>
-<hr />
+<a href="#hr-24" title="Lien vers cette section de la page"><hr id="hr-24" /></a>
 
 <blockquote lang="en">
 <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>
 </blockquote>
 <p>Admirable. C’est la deuxième année que nous arrivons à faire des dons avec Scopyleft et ça me met en joie. Cela m’a même motivé pour en faire à titre&nbsp;personnel.</p>
 <p>Une forme d’impôt volontaire qui ne termine pas / <a href="/david/2024/01/01/" title="Dryear(s)">plus</a> à la <a data-link-domain="saq.com" href="https://www.saq.com/">SAQ</a>.</p>
-<hr />
+<a href="#hr-13" title="Lien vers cette section de la page"><hr id="hr-13" /></a>
 <p>Pensée (genrée) du jour&nbsp;: un bon développeur fait bien la cuisine, un très bon développeur fait la vaisselle après avoir fait la&nbsp;cuisine.</p>
 <p>Il y a une métaphore au niveau du soin, du partage et de la maintenance à peine&nbsp;déguisée.</p>
-<hr />
+<a href="#hr-14" title="Lien vers cette section de la page"><hr id="hr-14" /></a>
 <p>Masto comme un <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111709177849752316">espace de discussion</a>, le blog comme un espace de synthèse&nbsp;: il me faut un sélecteur de thème clair / foncé car c’est utile à plusieurs personnes. C’est faible comme test utilisateur·ice mais c’est déjà ça. Et puis j’ai découvert plein de&nbsp;pratiques&#8239;!</p>
 <p>Je décline le sélecteur de thème que l’<a href="/david/2020/06/25/#paillasse">on avait fait en 2020</a> avec <a data-link-domain="ricaud.me" href="https://ricaud.me/blog/">Anthony</a> mais cette fois sous la forme d’un <em>Web Component</em>. Je me suis pris les pieds dans le tapis car les <em>layers</em> en CSS ajoutent un niveau d’indentation dans la logique (et changent la spécificité mais c’est le&nbsp;but&#8239;!).</p>
 <p>Je ne sais pas encore quel style lui donner. J’en profite pour mettre en place le changement subtil de police pour le thème foncé (plus <em>light</em>, ironiquement). J’ai l’espoir que ce type d’adaptation aide les astigmates… à arriver jusqu’au sélecteur de&nbsp;thème&nbsp;😅.</p>
 <p><em>Bientôt 500&nbsp;lignes de&nbsp;CSS.</em></p>
-<hr />
+<a href="#hr-15" title="Lien vers cette section de la page"><hr id="hr-15" /></a>
 
 <blockquote>
 <p>Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 </blockquote>
 <p>Ce&nbsp;titre&nbsp;:)</p>
 <p>La transcription des <em>podcast</em> serait très importante pour moi car je n’arrive pas à en écouter un plus de 2&nbsp;minutes sans être à la peine (imaginez-moi au téléphone… ou en visio sans vidéo). J’avais fait des <a href="/david/2021/01/18/">essais il y a 3&nbsp;ans</a> déjà qui n’étaient pas concluant mais peut-être que l’IA s’en sort mieux aujourd’hui. En tout cas, ça semble être le cas sur cet essai. Il faut que je prenne le temps de transformer ces murmures en mots, j’ai l’impression de passer à côté de beaucoup de choses&nbsp;inspirantes.</p>
-<hr />
+<a href="#hr-16" title="Lien vers cette section de la page"><hr id="hr-16" /></a>
 
 <blockquote lang="en">
 <p>We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. <mark>Politics finding its way into tech is one of the reason we do not have innovation any&nbsp;more.</mark></p>
 <p>Voici une autre formulation&nbsp;: «&nbsp;Est-ce que quelqu’un considère la mise en œuvre de cette proposition comme pas assez sûre, sachant que nous pourrons revoir cette décision si elle ne porte pas ses fruits&#8239;?&nbsp;» Ce simple changement de langage peut vous faire gagner beaucoup de temps et alléger considérablement le processus&nbsp;décisionnel.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-7" title="Lien vers cette section de la page"><hr id="hr-7" /></a>
 <p><a data-link-domain="piaille.fr" href="https://piaille.fr/@nicosomb/111696724396676161">Nicolas L.</a> et <a data-link-domain="mamot.fr" href="https://mamot.fr/@nhoizey/111697128068526484">Nicolas H.</a> me font des retours sur le nouveau design en passant par Mastodon. Les choix respectifs de chacun·e de rendre les réponses publiques ou non enlèvent une partie des échanges mais c’est vraiment chouette d’entamer un processus d’amélioration (de libération de tensions&#8239;?) en commun à ce&nbsp;sujet.</p>
 <p>J’essaye de rendre l’épaisseur du soulignement des liens dynamique, lié à la fluidité de la taille du texte&nbsp;🧑‍🔬, peut-être que je devrais rendre la taille des bordures dynamiques aussi&#8239;? Parfois la contrainte technique peut devenir une contrainte éditoriale acceptable. <strong>Cet espace est suffisamment sur-pensé comme&nbsp;ça.</strong></p>
 <p>Je commence un thème sombre qui réagit à celui du système d’exploitation par défaut. Surtout pour un besoin personnel pour l’instant, mes yeux en ont besoin. Cela me pousse à ajouter des variables CSS pour les&nbsp;couleurs.</p>
 <p>Plus tard, <a data-link-domain="mamot.fr" href="https://mamot.fr/@emmanuelc/111700432836997597">Emmanuel</a> m’enlève une épine du pied sur une formule de grille que je ne comprenais pas totalement. J’apprends des choses au passage. Le copier-coller&#8239;? Oui, mais il faudra toujours finir par le&nbsp;décortiquer.</p>
 <p>La CSS progresse, 426&nbsp;lignes ce soir… et un seul <code>breakpoint</code> défini pour forcer une variable maximale sur les grands écrans. J’aime bien cette&nbsp;idée.</p>
-<hr />
+<a href="#hr-8" title="Lien vers cette section de la page"><hr id="hr-8" /></a>
 <p>Randonnée de 8&#8239;km en famille aujourd’hui, parfois je ne me rends plus trop compte des distances —&nbsp;qui plus est sur un sol difficile. Je voulais surtout savoir jusqu’à quels refuges je pouvais envisager des aventures avec l’enfant dans des conditions hivernales. Chaque année, de nouveaux horizons&nbsp;s’ouvrent.</p>
-<hr />
+<a href="#hr-9" title="Lien vers cette section de la page"><hr id="hr-9" /></a>
 
 <blockquote>
 <p>— Comment appelle-t-on un groupe de faisans&#8239;? demande Anna.<br />

david/2024/commun/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"

david/2024/communaute/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>C’est peu de dire que ce format m’intéresse et je l’ai envisagé à plusieurs reprises en France, notamment autour du Mont-Blanc. J’ai l’impression que la Traversée de Charlevoix serait un chemin assez idéal compte tenu des <a data-link-domain="traverseedecharlevoix.qc.ca" href="https://www.traverseedecharlevoix.qc.ca/services-offerts/">services proposés</a> s’il s’agit de s’en tenir au format décrit (transport des&nbsp;bagages).</p>
 <p>Le faire une première fois de manière rapide en solo cette année m’aiderait certainement —&nbsp;en plus d’en faire la reconnaissance&nbsp;— à l’envisager sur un rythme beaucoup plus doux en étant accompagné par la&nbsp;suite.</p>
-<hr />
+<a href="#hr-38" title="Lien vers cette section de la page"><hr id="hr-38" /></a>
 
 <blockquote lang="en">
 <p>Going forward I plan to version the projects I work on in a way that communicates <em>how much effort I expect a user will need to spend to adopt the new version.</em> I’m going to refer to that scheme as <strong>Intended Effort Versioning (EffVer for short)</strong>.</p>
 <p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18">[archive]</a></em></cite></p>
 </blockquote>
 <p>Il faudrait que je rende explicite ma façon de décompter les crédits (facturés) dans <a href="/david/2022/12/15/">mes journaux</a> car la notion d’effort / pénibilité y est présente, ce n’est pas qu’une question de temps. Ça m’aide notamment à vérifier qu’une journée n’est pas trop intense et n’a pas consommé toutes mes <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Th%C3%A9orie_des_cuill%C3%A8res">cuillères</a>, sociales surtout, ce qui peut avoir des conséquences sur les jours&nbsp;suivants…</p>
-<hr />
+<a href="#hr-39" title="Lien vers cette section de la page"><hr id="hr-39" /></a>
 
 <blockquote>
 <p>il</p>
 </blockquote>
 <p>Admirable. C’est la deuxième année que nous arrivons à faire des dons avec Scopyleft et ça me met en joie. Cela m’a même motivé pour en faire à titre&nbsp;personnel.</p>
 <p>Une forme d’impôt volontaire qui ne termine pas / <a href="/david/2024/01/01/" title="Dryear(s)">plus</a> à la <a data-link-domain="saq.com" href="https://www.saq.com/">SAQ</a>.</p>
-<hr />
+<a href="#hr-13" title="Lien vers cette section de la page"><hr id="hr-13" /></a>
 <p>Pensée (genrée) du jour&nbsp;: un bon développeur fait bien la cuisine, un très bon développeur fait la vaisselle après avoir fait la&nbsp;cuisine.</p>
 <p>Il y a une métaphore au niveau du soin, du partage et de la maintenance à peine&nbsp;déguisée.</p>
-<hr />
+<a href="#hr-14" title="Lien vers cette section de la page"><hr id="hr-14" /></a>
 <p>Masto comme un <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111709177849752316">espace de discussion</a>, le blog comme un espace de synthèse&nbsp;: il me faut un sélecteur de thème clair / foncé car c’est utile à plusieurs personnes. C’est faible comme test utilisateur·ice mais c’est déjà ça. Et puis j’ai découvert plein de&nbsp;pratiques&#8239;!</p>
 <p>Je décline le sélecteur de thème que l’<a href="/david/2020/06/25/#paillasse">on avait fait en 2020</a> avec <a data-link-domain="ricaud.me" href="https://ricaud.me/blog/">Anthony</a> mais cette fois sous la forme d’un <em>Web Component</em>. Je me suis pris les pieds dans le tapis car les <em>layers</em> en CSS ajoutent un niveau d’indentation dans la logique (et changent la spécificité mais c’est le&nbsp;but&#8239;!).</p>
 <p>Je ne sais pas encore quel style lui donner. J’en profite pour mettre en place le changement subtil de police pour le thème foncé (plus <em>light</em>, ironiquement). J’ai l’espoir que ce type d’adaptation aide les astigmates… à arriver jusqu’au sélecteur de&nbsp;thème&nbsp;😅.</p>
 <p><em>Bientôt 500&nbsp;lignes de&nbsp;CSS.</em></p>
-<hr />
+<a href="#hr-15" title="Lien vers cette section de la page"><hr id="hr-15" /></a>
 
 <blockquote>
 <p>Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 </blockquote>
 <p>Ce&nbsp;titre&nbsp;:)</p>
 <p>La transcription des <em>podcast</em> serait très importante pour moi car je n’arrive pas à en écouter un plus de 2&nbsp;minutes sans être à la peine (imaginez-moi au téléphone… ou en visio sans vidéo). J’avais fait des <a href="/david/2021/01/18/">essais il y a 3&nbsp;ans</a> déjà qui n’étaient pas concluant mais peut-être que l’IA s’en sort mieux aujourd’hui. En tout cas, ça semble être le cas sur cet essai. Il faut que je prenne le temps de transformer ces murmures en mots, j’ai l’impression de passer à côté de beaucoup de choses&nbsp;inspirantes.</p>
-<hr />
+<a href="#hr-16" title="Lien vers cette section de la page"><hr id="hr-16" /></a>
 
 <blockquote lang="en">
 <p>We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. <mark>Politics finding its way into tech is one of the reason we do not have innovation any&nbsp;more.</mark></p>

david/2024/decision/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Voici une autre formulation&nbsp;: «&nbsp;Est-ce que quelqu’un considère la mise en œuvre de cette proposition comme pas assez sûre, sachant que nous pourrons revoir cette décision si elle ne porte pas ses fruits&#8239;?&nbsp;» Ce simple changement de langage peut vous faire gagner beaucoup de temps et alléger considérablement le processus&nbsp;décisionnel.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-7" title="Lien vers cette section de la page"><hr id="hr-7" /></a>
 <p><a data-link-domain="piaille.fr" href="https://piaille.fr/@nicosomb/111696724396676161">Nicolas L.</a> et <a data-link-domain="mamot.fr" href="https://mamot.fr/@nhoizey/111697128068526484">Nicolas H.</a> me font des retours sur le nouveau design en passant par Mastodon. Les choix respectifs de chacun·e de rendre les réponses publiques ou non enlèvent une partie des échanges mais c’est vraiment chouette d’entamer un processus d’amélioration (de libération de tensions&#8239;?) en commun à ce&nbsp;sujet.</p>
 <p>J’essaye de rendre l’épaisseur du soulignement des liens dynamique, lié à la fluidité de la taille du texte&nbsp;🧑‍🔬, peut-être que je devrais rendre la taille des bordures dynamiques aussi&#8239;? Parfois la contrainte technique peut devenir une contrainte éditoriale acceptable. <strong>Cet espace est suffisamment sur-pensé comme&nbsp;ça.</strong></p>
 <p>Je commence un thème sombre qui réagit à celui du système d’exploitation par défaut. Surtout pour un besoin personnel pour l’instant, mes yeux en ont besoin. Cela me pousse à ajouter des variables CSS pour les&nbsp;couleurs.</p>
 <p>Plus tard, <a data-link-domain="mamot.fr" href="https://mamot.fr/@emmanuelc/111700432836997597">Emmanuel</a> m’enlève une épine du pied sur une formule de grille que je ne comprenais pas totalement. J’apprends des choses au passage. Le copier-coller&#8239;? Oui, mais il faudra toujours finir par le&nbsp;décortiquer.</p>
 <p>La CSS progresse, 426&nbsp;lignes ce soir… et un seul <code>breakpoint</code> défini pour forcer une variable maximale sur les grands écrans. J’aime bien cette&nbsp;idée.</p>
-<hr />
+<a href="#hr-8" title="Lien vers cette section de la page"><hr id="hr-8" /></a>
 <p>Randonnée de 8&#8239;km en famille aujourd’hui, parfois je ne me rends plus trop compte des distances —&nbsp;qui plus est sur un sol difficile. Je voulais surtout savoir jusqu’à quels refuges je pouvais envisager des aventures avec l’enfant dans des conditions hivernales. Chaque année, de nouveaux horizons&nbsp;s’ouvrent.</p>
-<hr />
+<a href="#hr-9" title="Lien vers cette section de la page"><hr id="hr-9" /></a>
 
 <blockquote>
 <p>— Comment appelle-t-on un groupe de faisans&#8239;? demande Anna.<br />

david/2024/echanges/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>C’est peu de dire que ce format m’intéresse et je l’ai envisagé à plusieurs reprises en France, notamment autour du Mont-Blanc. J’ai l’impression que la Traversée de Charlevoix serait un chemin assez idéal compte tenu des <a data-link-domain="traverseedecharlevoix.qc.ca" href="https://www.traverseedecharlevoix.qc.ca/services-offerts/">services proposés</a> s’il s’agit de s’en tenir au format décrit (transport des&nbsp;bagages).</p>
 <p>Le faire une première fois de manière rapide en solo cette année m’aiderait certainement —&nbsp;en plus d’en faire la reconnaissance&nbsp;— à l’envisager sur un rythme beaucoup plus doux en étant accompagné par la&nbsp;suite.</p>
-<hr />
+<a href="#hr-38" title="Lien vers cette section de la page"><hr id="hr-38" /></a>
 
 <blockquote lang="en">
 <p>Going forward I plan to version the projects I work on in a way that communicates <em>how much effort I expect a user will need to spend to adopt the new version.</em> I’m going to refer to that scheme as <strong>Intended Effort Versioning (EffVer for short)</strong>.</p>
 <p><cite><em><a data-link-domain="jacobtomlinson.dev" href="https://jacobtomlinson.dev/effver/">EffVer: Version your code by the effort required to upgrade</a> <a href="/david/cache/2024/fd6eda56671045e0c1e2d215e07f1a6f/" title="Copie locale au 2024-01-18">[archive]</a></em></cite></p>
 </blockquote>
 <p>Il faudrait que je rende explicite ma façon de décompter les crédits (facturés) dans <a href="/david/2022/12/15/">mes journaux</a> car la notion d’effort / pénibilité y est présente, ce n’est pas qu’une question de temps. Ça m’aide notamment à vérifier qu’une journée n’est pas trop intense et n’a pas consommé toutes mes <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Th%C3%A9orie_des_cuill%C3%A8res">cuillères</a>, sociales surtout, ce qui peut avoir des conséquences sur les jours&nbsp;suivants…</p>
-<hr />
+<a href="#hr-39" title="Lien vers cette section de la page"><hr id="hr-39" /></a>
 
 <blockquote>
 <p>il</p>

david/2024/ecriture/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Je crois de plus en plus que nous devons nous entraîner à <em>habiter le trouble</em> comme l’a formulé Donna Haraway, c’est-à-dire à tenir «&nbsp;pour acquis que les modes d’ordre établis se sont effondrés ou sont en voie d’effondrement, et qu’il devient à la fois urgent et possible d’envisager autre chose&nbsp;». Vivre dans un monde en train de disparaître sans savoir ce qui va émerger n’est pas simple, mais <mark>il ne tient qu’à nous de nous ouvrir à d’autres géographies,</mark> d’autres cultures, à toucher aux confins civilisationnels pour imaginer «&nbsp;des façons plus florissantes, plus robustes, moins meurtrières de vivre les uns avec les autres&nbsp;», ailleurs, quand notre propre réalité nous fait&nbsp;défaut.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-30" title="Lien vers cette section de la page"><hr id="hr-30" /></a>
 <p>Je prends le temps de décliner le nouveau style pour les pages d’étiquettes 2024. Il va rester la page d’accueil, la plus difficile. Elle comporte actuellement&nbsp;270&nbsp;liens.</p>
 <p>Quelle éditorialisation proposer pour éviter la surcharge tout en facilitant l’exploration&#8239;? Offrir une boussole sans proposer de&nbsp;cap.</p>
 
 <p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13">[archive]</a></em></cite></p>
 </blockquote>
 <p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13">[archive]</a> par&nbsp;contre.</p>
-<hr />
+<a href="#hr-31" title="Lien vers cette section de la page"><hr id="hr-31" /></a>
 <p>Découvertes culinaires du&nbsp;jour&nbsp;:</p>
 <ul>
 <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes&nbsp;(merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li>
 <p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13">[archive]</a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13">[archive]</a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13">[archive]</a> mais il sera toujours&nbsp;là.</p>
 <p>Ce <strong>explicite</strong> correspond principalement pour moi à des <em>prompts</em> qui m’aideraient à coder. Je regarde ce qui se fait dans le domaine et j’en vois l’intérêt mais je vois aussi au détriment de tout ce que cela est rendu possible. Des humains-esclaves qui modèrent ce qui est généré d’un côté, des sources d’apprentissage non consenties —&nbsp;voire privées&nbsp;— et des ressources pharaoniques pour réussir à aligner 3&nbsp;fonctions qu’il faut ensuite comprendre et adapter de toute&nbsp;façon.</p>
 <p>Et puis il y a toute cette zone grise, je me sers par exemple de la reconnaissance de caractère intégrée à Photos.app de macOS pour retranscrire les citations depuis des photos de passages de livres. Auparavant, je les recopiais à la main. Est-ce que cela changeait ma manière de les&nbsp;ré-interpréter&#8239;?</p>
-<hr />
+<a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
 
 <blockquote>
 <p>Il nous faut trouver de nouvelles manières littéraires susceptibles de percuter sans chercher à convaincre, et déjouer le didactisme qui veut à tout prix expliquer et instruire. Peut-être faudrait-il aller jusqu’à s’imposer comme contrainte de proscrire l’usage de certains mots afin de renouveler le&nbsp;genre.</p>
 <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its&nbsp;existence.</p>
 <p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-26" title="Lien vers cette section de la page"><hr id="hr-26" /></a>
 
 <blockquote lang="en">
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
 <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 </blockquote>
 <p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11">[archive]</a> après tout. L’écriture en ligne reste une forme d’expression qui s’attend au regard des autres. Si j’entretiens un journal <em>extime</em> depuis tant d’années c’est bien qu’il y a un enjeu à ce niveau&nbsp;là.</p>
-<hr />
+<a href="#hr-27" title="Lien vers cette section de la page"><hr id="hr-27" /></a>
 
 <blockquote lang="en">
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
 <p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11">[archive]</a></cite></p>
 </blockquote>
 <p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11">[archive]</a>. Une autre façon d’être&nbsp;dé·formé.</p>
-<hr />
+<a href="#hr-28" title="Lien vers cette section de la page"><hr id="hr-28" /></a>
 <p>Deux outils autour de la transformation de&nbsp;vidéos&nbsp;:</p>
 <ul>
 <li><a data-link-domain="ybouane.com" href="https://ybouane.com/ffmpeg-ui">FFMPEG&nbsp;UI</a></li>
 <li><a data-link-domain="pika.page" href="https://pika.page/">Pika</a> aussi avec une saveur plus&nbsp;humaine.</li>
 </ul>
 <p>Il y a une bonne liste dans <a data-link-domain="mastodon.social" href="https://mastodon.social/@matthiasott/111557355056827064">cette discussion</a> et une autre <a data-link-domain="robertkingett.com" href="https://robertkingett.com/links/">par ici</a> (section <q lang="en">Managed Static site hosts or Blogging platforms</q>).</p>
-<hr />
+<a href="#hr-21" title="Lien vers cette section de la page"><hr id="hr-21" /></a>
 
 <blockquote lang="en">
 <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
 <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
 <p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-22" title="Lien vers cette section de la page"><hr id="hr-22" /></a>
 
 <blockquote lang="en">
 <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
 </blockquote>
 <p><code>npm install lol</code> 🤣</p>
 <p>En <a data-link-domain="jop2024.lol" href="https://jop2024.lol/">parlant de lol</a>…</p>
-<hr />
+<a href="#hr-23" title="Lien vers cette section de la page"><hr id="hr-23" /></a>
 
 <blockquote>
 <p>Si les fictions, celles qu’on s’invente, celles que nous souffle notre inconscient comme celles qu’on lit, ont un rôle majeur à jouer dans la fabrique de notre rapport au monde, alors voilà qui plaide pour redoubler d’ardeur quand il s’agit de nourrir soigneusement nos imaginaires. Quand on voit les déferlements de violence et le virilisme qui caractérisent les héros modernes, on ne peut que s’interroger sur le type de rapport au monde que cela crée. C’est la raison pour laquelle <mark>la bataille culturelle passe aussi par la création de nouvelles utopies,</mark> ni niaises ni naïves, qui puissent donner d’autres matières à rêver qu’un monde dévasté et peuplé de soldats&nbsp;augmentés.</p>
 </blockquote>
 <p>Nous accueillons une nouvelle personne chez Scopyleft, l’occasion de former une <a href="/david/2021/03/17/">nouvelle équipe</a>. Ces <em>ailleurs culturels</em> doivent pouvoir être partagés et inspirer pour réussir à&nbsp;essaimer.</p>
 <p>C’est l’une de mes frustrations à ne plus <a href="/david/2021/01/26/">participer à des regroupements</a>, ne pas partager par ce biais là les expériences menées depuis 11&nbsp;ans en matière d’horizontalité et de travail en&nbsp;commun·s.</p>
-<hr />
+<a href="#hr-24" title="Lien vers cette section de la page"><hr id="hr-24" /></a>
 
 <blockquote lang="en">
 <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>
 <p>Au niveau de la taille, j’ai enfin l’occasion de tester un <a data-link-domain="utopia.fyi" href="https://utopia.fyi/blog/css-modular-scales">échelle modulaire</a> et c’est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n’en suis pas encore à cette étape. Je ne comprends pas encore tout à fait la formule et j’arrive à vivre&nbsp;avec.</p>
 <p>Je me rappelle aussi qu’un des intérêts que j’avais trouvé aux <em>CSS&nbsp;layers</em> c’est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l’itération d’hier pour avoir une feuille dédiée dont je commence à documenter les différentes&nbsp;sections.</p>
 <p>Je m’amuse comme un petit fou même si la CSS fait subitement&nbsp;350&nbsp;lignes.</p>
-<hr />
+<a href="#hr-4" title="Lien vers cette section de la page"><hr id="hr-4" /></a>
 
 <blockquote>
 <p><mark>Je crois qu’on écrit pour créer un monde dans lequel on puisse vivre.</mark> Je ne pouvais vivre dans aucun de ceux qui m’étaient proposés&nbsp;: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait créer un monde à moi, comme un climat, un pays, une atmosphère, où je puisse respirer, régner et me régénérer lorsque j’étais détruite par la&nbsp;vie.</p>
 <p><cite><em>Journal 1947-1955</em>, Anaïs&nbsp;Nin</cite></p>
 </blockquote>
 <p>L’introduction de <em>Alors nous irons trouver la beauté ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
-<hr />
+<a href="#hr-5" title="Lien vers cette section de la page"><hr id="hr-5" /></a>
 <p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
 <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
 

david/2024/equipe/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Voici une autre formulation&nbsp;: «&nbsp;Est-ce que quelqu’un considère la mise en œuvre de cette proposition comme pas assez sûre, sachant que nous pourrons revoir cette décision si elle ne porte pas ses fruits&#8239;?&nbsp;» Ce simple changement de langage peut vous faire gagner beaucoup de temps et alléger considérablement le processus&nbsp;décisionnel.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-7" title="Lien vers cette section de la page"><hr id="hr-7" /></a>
 <p><a data-link-domain="piaille.fr" href="https://piaille.fr/@nicosomb/111696724396676161">Nicolas L.</a> et <a data-link-domain="mamot.fr" href="https://mamot.fr/@nhoizey/111697128068526484">Nicolas H.</a> me font des retours sur le nouveau design en passant par Mastodon. Les choix respectifs de chacun·e de rendre les réponses publiques ou non enlèvent une partie des échanges mais c’est vraiment chouette d’entamer un processus d’amélioration (de libération de tensions&#8239;?) en commun à ce&nbsp;sujet.</p>
 <p>J’essaye de rendre l’épaisseur du soulignement des liens dynamique, lié à la fluidité de la taille du texte&nbsp;🧑‍🔬, peut-être que je devrais rendre la taille des bordures dynamiques aussi&#8239;? Parfois la contrainte technique peut devenir une contrainte éditoriale acceptable. <strong>Cet espace est suffisamment sur-pensé comme&nbsp;ça.</strong></p>
 <p>Je commence un thème sombre qui réagit à celui du système d’exploitation par défaut. Surtout pour un besoin personnel pour l’instant, mes yeux en ont besoin. Cela me pousse à ajouter des variables CSS pour les&nbsp;couleurs.</p>
 <p>Plus tard, <a data-link-domain="mamot.fr" href="https://mamot.fr/@emmanuelc/111700432836997597">Emmanuel</a> m’enlève une épine du pied sur une formule de grille que je ne comprenais pas totalement. J’apprends des choses au passage. Le copier-coller&#8239;? Oui, mais il faudra toujours finir par le&nbsp;décortiquer.</p>
 <p>La CSS progresse, 426&nbsp;lignes ce soir… et un seul <code>breakpoint</code> défini pour forcer une variable maximale sur les grands écrans. J’aime bien cette&nbsp;idée.</p>
-<hr />
+<a href="#hr-8" title="Lien vers cette section de la page"><hr id="hr-8" /></a>
 <p>Randonnée de 8&#8239;km en famille aujourd’hui, parfois je ne me rends plus trop compte des distances —&nbsp;qui plus est sur un sol difficile. Je voulais surtout savoir jusqu’à quels refuges je pouvais envisager des aventures avec l’enfant dans des conditions hivernales. Chaque année, de nouveaux horizons&nbsp;s’ouvrent.</p>
-<hr />
+<a href="#hr-9" title="Lien vers cette section de la page"><hr id="hr-9" /></a>
 
 <blockquote>
 <p>— Comment appelle-t-on un groupe de faisans&#8239;? demande Anna.<br />

david/2024/evolution/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
     
 <p>J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (<em>tape</em>ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&nbsp;boitant.</p>
 <p>Cela conclus peut-être mon journal de&nbsp;chialage.</p>
-<hr />
+<a href="#hr-33" title="Lien vers cette section de la page"><hr id="hr-33" /></a>
 <p>Hier soir, je travaillais sur la <a href="/david/">page d’accueil</a> en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&nbsp;chantier).</p>
 <p>Et puis ce matin <a data-link-domain="nicolas-hoizey.com" href="https://nicolas-hoizey.com/">Nicolas H.</a> m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le <em>parsing</em> du contenu HTML (intégrer une <a data-link-domain="validator.w3.org" href="https://validator.w3.org/feed/">validation</a> pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&nbsp;fait.</p>
 <p>Il y a dorénavant 54&nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&nbsp;sourire.</p>
 <p>Je constate au passage que la <a href="/david/recherche/">page de recherche</a> fait 2&#8239;Mo (700&#8239;Ko à télécharger), désindexer des années ou explorer des <a data-link-domain="pagefind.app" href="https://pagefind.app/">alternatives</a>&#8239;? J’aime bien me dire que mes écrits de ces 8&nbsp;dernières années tiennent sur&nbsp;2&nbsp;disquettes.</p>
-<hr />
+<a href="#hr-34" title="Lien vers cette section de la page"><hr id="hr-34" /></a>
 <p>Vidéo du jour&nbsp;: <a data-link-domain="video.blast-info.fr" href="https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6">DRY JANUARY, ÉCOLOGIE&nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&#8239;?</a> (désolé pour les cris, ça semble être le style de&nbsp;BLAST&nbsp;🙃).</p>
-<hr />
+<a href="#hr-35" title="Lien vers cette section de la page"><hr id="hr-35" /></a>
 <p>On creuse les <a data-link-domain="developer.mozilla.org" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap"><code>importmap</code></a> pour <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&nbsp;Baseline™2023.</p>
 <p>Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&#8239;? <em>À&nbsp;méditer.</em></p>
 
     
 <p>J’ai réussi à marcher 6&#8239;km dans la neige avec des bottes de neige assez hautes. Pas pire. On va voir si ça ne tire pas trop dans la nuit. J’ai appris à mettre des bandes de kynésiologie aussi pour un léger soutien sur la rotation interne. Ce n’est pas une entorse classique car généralement deux arbres ne sont pas impliqués donc la torsion est différente. Du moins, c’est ce que mon doctorat express en médecine me laisse à penser… et mes sensations&nbsp;surtout&#8239;!</p>
 <p>Récupération active ou&nbsp;impatience&#8239;?</p>
-<hr />
+<a href="#hr-32" title="Lien vers cette section de la page"><hr id="hr-32" /></a>
 
 <blockquote lang="en">
 <p>The front-end to your dev&nbsp;env.</p>
 <p><mark>Customers want software that delivers problem-solving <em>impact</em>.</mark> And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.</p>
 <p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-25" title="Lien vers cette section de la page"><hr id="hr-25" /></a>
 
 <blockquote lang="en">
 <p>You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&nbsp;them.</p>

david/2024/experience/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>J’ai souvent ce sentiment (je partage les autres points de l’article aussi). Je ne sais pas du tout ce que ça ferait de retourner dans un bureau mais au-delà de cette hypothèse physique, c’est le côté avec subordination / pyramidal que j’ai l’impression d’avoir dépassé sans vraiment de possibilité de retour en arrière. Il n’y a que dans des collectifs bien spécifiques que j’aurais une chance de trouver une place qui me soit&nbsp;acceptable.</p>
 <p><em>Voir aussi <a data-link-domain="news.ycombinator.com" href="https://news.ycombinator.com/item?id=32961933">cette discussion</a> à ce&nbsp;sujet.</em></p>
-<hr />
+<a href="#hr-36" title="Lien vers cette section de la page"><hr id="hr-36" /></a>
 <p>J’ai de plus en plus de mal avec les légalistes donneurs de leçons qui utilisent le ton le plus anxiogèno-aggressif qui soit. La vieillesse a ceci de bon que je commence à savoir retourner ces situations en interrogeant les intentions et les peurs de ces&nbsp;personnes.</p>
-<hr />
+<a href="#hr-37" title="Lien vers cette section de la page"><hr id="hr-37" /></a>
 
 <blockquote lang="en">
 <p>The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for <em>aren’t going to be based on JavaScript</em>. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is <mark>now implemented in Rust,</mark> not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&nbsp;ecosystems.</p>
 <p>Je crois de plus en plus que nous devons nous entraîner à <em>habiter le trouble</em> comme l’a formulé Donna Haraway, c’est-à-dire à tenir «&nbsp;pour acquis que les modes d’ordre établis se sont effondrés ou sont en voie d’effondrement, et qu’il devient à la fois urgent et possible d’envisager autre chose&nbsp;». Vivre dans un monde en train de disparaître sans savoir ce qui va émerger n’est pas simple, mais <mark>il ne tient qu’à nous de nous ouvrir à d’autres géographies,</mark> d’autres cultures, à toucher aux confins civilisationnels pour imaginer «&nbsp;des façons plus florissantes, plus robustes, moins meurtrières de vivre les uns avec les autres&nbsp;», ailleurs, quand notre propre réalité nous fait&nbsp;défaut.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-30" title="Lien vers cette section de la page"><hr id="hr-30" /></a>
 <p>Je prends le temps de décliner le nouveau style pour les pages d’étiquettes 2024. Il va rester la page d’accueil, la plus difficile. Elle comporte actuellement&nbsp;270&nbsp;liens.</p>
 <p>Quelle éditorialisation proposer pour éviter la surcharge tout en facilitant l’exploration&#8239;? Offrir une boussole sans proposer de&nbsp;cap.</p>
 
 <p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13">[archive]</a></em></cite></p>
 </blockquote>
 <p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13">[archive]</a> par&nbsp;contre.</p>
-<hr />
+<a href="#hr-31" title="Lien vers cette section de la page"><hr id="hr-31" /></a>
 <p>Découvertes culinaires du&nbsp;jour&nbsp;:</p>
 <ul>
 <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes&nbsp;(merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li>
 <p>Je finis par tout jeter / ré-interroger et je m’en sors avec&nbsp;6&nbsp;règles.</p>
 <p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07">[archive]</a>&nbsp;— fasse partie intégrante de sa création+diffusion. C’est le texte que je suis en train d’écrire qui <em>est</em> le modèle. Je commence par adoucir les contrastes et à centrer quelques éléments. Puis j’applique cette astuce pour avoir des citations <a data-link-domain="code.larlet.fr" href="https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu">à fond perdu</a> tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&nbsp;publications.</p>
 <p>Je suis satisfait de mon résultat très minimaliste du&nbsp;jour.</p>
-<hr />
+<a href="#hr-2" title="Lien vers cette section de la page"><hr id="hr-2" /></a>
 
 <blockquote>
 <p>Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&nbsp;rêves.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07">[archive]</a></em>, Karl</cite></p>
 </blockquote>
 <p>🧡</p>
-<hr />
+<a href="#hr-3" title="Lien vers cette section de la page"><hr id="hr-3" /></a>
 <p>Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&nbsp;an&nbsp;:</p>
 <figure>
     <a href="/static/david/2024/2024-01-02-ancien-essai.png"
 </blockquote>
 <p>Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&nbsp;mois.</p>
 <p>Je me sens prêt, on verra bien où cela me&nbsp;mène.</p>
-<hr />
+<a href="#hr-1" title="Lien vers cette section de la page"><hr id="hr-1" /></a>
 <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&nbsp;retenir.</p>
 
     

david/2024/fediverse/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>Admirable. C’est la deuxième année que nous arrivons à faire des dons avec Scopyleft et ça me met en joie. Cela m’a même motivé pour en faire à titre&nbsp;personnel.</p>
 <p>Une forme d’impôt volontaire qui ne termine pas / <a href="/david/2024/01/01/" title="Dryear(s)">plus</a> à la <a data-link-domain="saq.com" href="https://www.saq.com/">SAQ</a>.</p>
-<hr />
+<a href="#hr-13" title="Lien vers cette section de la page"><hr id="hr-13" /></a>
 <p>Pensée (genrée) du jour&nbsp;: un bon développeur fait bien la cuisine, un très bon développeur fait la vaisselle après avoir fait la&nbsp;cuisine.</p>
 <p>Il y a une métaphore au niveau du soin, du partage et de la maintenance à peine&nbsp;déguisée.</p>
-<hr />
+<a href="#hr-14" title="Lien vers cette section de la page"><hr id="hr-14" /></a>
 <p>Masto comme un <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111709177849752316">espace de discussion</a>, le blog comme un espace de synthèse&nbsp;: il me faut un sélecteur de thème clair / foncé car c’est utile à plusieurs personnes. C’est faible comme test utilisateur·ice mais c’est déjà ça. Et puis j’ai découvert plein de&nbsp;pratiques&#8239;!</p>
 <p>Je décline le sélecteur de thème que l’<a href="/david/2020/06/25/#paillasse">on avait fait en 2020</a> avec <a data-link-domain="ricaud.me" href="https://ricaud.me/blog/">Anthony</a> mais cette fois sous la forme d’un <em>Web Component</em>. Je me suis pris les pieds dans le tapis car les <em>layers</em> en CSS ajoutent un niveau d’indentation dans la logique (et changent la spécificité mais c’est le&nbsp;but&#8239;!).</p>
 <p>Je ne sais pas encore quel style lui donner. J’en profite pour mettre en place le changement subtil de police pour le thème foncé (plus <em>light</em>, ironiquement). J’ai l’espoir que ce type d’adaptation aide les astigmates… à arriver jusqu’au sélecteur de&nbsp;thème&nbsp;😅.</p>
 <p><em>Bientôt 500&nbsp;lignes de&nbsp;CSS.</em></p>
-<hr />
+<a href="#hr-15" title="Lien vers cette section de la page"><hr id="hr-15" /></a>
 
 <blockquote>
 <p>Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).</p>
 </blockquote>
 <p>Ce&nbsp;titre&nbsp;:)</p>
 <p>La transcription des <em>podcast</em> serait très importante pour moi car je n’arrive pas à en écouter un plus de 2&nbsp;minutes sans être à la peine (imaginez-moi au téléphone… ou en visio sans vidéo). J’avais fait des <a href="/david/2021/01/18/">essais il y a 3&nbsp;ans</a> déjà qui n’étaient pas concluant mais peut-être que l’IA s’en sort mieux aujourd’hui. En tout cas, ça semble être le cas sur cet essai. Il faut que je prenne le temps de transformer ces murmures en mots, j’ai l’impression de passer à côté de beaucoup de choses&nbsp;inspirantes.</p>
-<hr />
+<a href="#hr-16" title="Lien vers cette section de la page"><hr id="hr-16" /></a>
 
 <blockquote lang="en">
 <p>We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. <mark>Politics finding its way into tech is one of the reason we do not have innovation any&nbsp;more.</mark></p>

david/2024/ia/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13">[archive]</a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13">[archive]</a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13">[archive]</a> mais il sera toujours&nbsp;là.</p>
 <p>Ce <strong>explicite</strong> correspond principalement pour moi à des <em>prompts</em> qui m’aideraient à coder. Je regarde ce qui se fait dans le domaine et j’en vois l’intérêt mais je vois aussi au détriment de tout ce que cela est rendu possible. Des humains-esclaves qui modèrent ce qui est généré d’un côté, des sources d’apprentissage non consenties —&nbsp;voire privées&nbsp;— et des ressources pharaoniques pour réussir à aligner 3&nbsp;fonctions qu’il faut ensuite comprendre et adapter de toute&nbsp;façon.</p>
 <p>Et puis il y a toute cette zone grise, je me sers par exemple de la reconnaissance de caractère intégrée à Photos.app de macOS pour retranscrire les citations depuis des photos de passages de livres. Auparavant, je les recopiais à la main. Est-ce que cela changeait ma manière de les&nbsp;ré-interpréter&#8239;?</p>
-<hr />
+<a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
 
 <blockquote>
 <p>Il nous faut trouver de nouvelles manières littéraires susceptibles de percuter sans chercher à convaincre, et déjouer le didactisme qui veut à tout prix expliquer et instruire. Peut-être faudrait-il aller jusqu’à s’imposer comme contrainte de proscrire l’usage de certains mots afin de renouveler le&nbsp;genre.</p>
 <li><a data-link-domain="pika.page" href="https://pika.page/">Pika</a> aussi avec une saveur plus&nbsp;humaine.</li>
 </ul>
 <p>Il y a une bonne liste dans <a data-link-domain="mastodon.social" href="https://mastodon.social/@matthiasott/111557355056827064">cette discussion</a> et une autre <a data-link-domain="robertkingett.com" href="https://robertkingett.com/links/">par ici</a> (section <q lang="en">Managed Static site hosts or Blogging platforms</q>).</p>
-<hr />
+<a href="#hr-21" title="Lien vers cette section de la page"><hr id="hr-21" /></a>
 
 <blockquote lang="en">
 <p>Among its suggestions: write a longer headline; split a six-sentence paragraph up because it’s “too long”; and replace “too complex” words like “invariably,” “notoriety,” and “modification.” Dozens of sentences were flagged as being confusing (I disagree) — and it really hated em dashes. I rewrote my prose over and over, but it didn’t seem to satisfy my robot grader. I finally chose one thought per sentence, broke up paragraphs, and replaced words with suggested keywords to get rid of the red dots signaling&nbsp;problems.</p>
 <p>I propose <mark>Data Luddism</mark> as a radical response to the productive power of big data and predictive algorithms. My starting point is not the Romantic neo-Luddism of Kirkpatrick Sale but the historical Luddism of 1811-1816, and the Luddites' own rhetoric regarding their resistance to 'obnoxious&nbsp;machines'.</p>
 <p><cite><em><a data-link-domain="danmcquillan.org" href="https://www.danmcquillan.org/dataluddism.html">Data Luddism</a> <a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-22" title="Lien vers cette section de la page"><hr id="hr-22" /></a>
 
 <blockquote lang="en">
 <p>The <code>everything</code> package and its 3,000+ sub-packages have caused a Denial of Service (DOS) for anyone who installs it. We’re talking about storage space running out and system resource&nbsp;exhaustion.</p>
 </blockquote>
 <p><code>npm install lol</code> 🤣</p>
 <p>En <a data-link-domain="jop2024.lol" href="https://jop2024.lol/">parlant de lol</a>…</p>
-<hr />
+<a href="#hr-23" title="Lien vers cette section de la page"><hr id="hr-23" /></a>
 
 <blockquote>
 <p>Si les fictions, celles qu’on s’invente, celles que nous souffle notre inconscient comme celles qu’on lit, ont un rôle majeur à jouer dans la fabrique de notre rapport au monde, alors voilà qui plaide pour redoubler d’ardeur quand il s’agit de nourrir soigneusement nos imaginaires. Quand on voit les déferlements de violence et le virilisme qui caractérisent les héros modernes, on ne peut que s’interroger sur le type de rapport au monde que cela crée. C’est la raison pour laquelle <mark>la bataille culturelle passe aussi par la création de nouvelles utopies,</mark> ni niaises ni naïves, qui puissent donner d’autres matières à rêver qu’un monde dévasté et peuplé de soldats&nbsp;augmentés.</p>
 </blockquote>
 <p>Nous accueillons une nouvelle personne chez Scopyleft, l’occasion de former une <a href="/david/2021/03/17/">nouvelle équipe</a>. Ces <em>ailleurs culturels</em> doivent pouvoir être partagés et inspirer pour réussir à&nbsp;essaimer.</p>
 <p>C’est l’une de mes frustrations à ne plus <a href="/david/2021/01/26/">participer à des regroupements</a>, ne pas partager par ce biais là les expériences menées depuis 11&nbsp;ans en matière d’horizontalité et de travail en&nbsp;commun·s.</p>
-<hr />
+<a href="#hr-24" title="Lien vers cette section de la page"><hr id="hr-24" /></a>
 
 <blockquote lang="en">
 <p>So when we wonder where all the websites have gone, know it’s the <em>curators</em> we’re nostalgic for because the curators showed us the best the web had to offer once upon a time. And the curators— the tenders, aggregators, collectors, and connectors— can bring us back to something better. Because it’s still out there, we just have to find&nbsp;it.</p>

david/2024/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
       <a href="/david/2024/01/16/">Endorphines</a>, 
       <a href="/david/2024/01/17/">Vieillesse</a>, 
       <a href="/david/2024/01/18/">Open-source</a>, 
-      <a href="/david/2024/01/19/">Marcher</a>.
+      <a href="/david/2024/01/19/">Marcher</a>, 
+      <a href="/david/2024/01/20/">Extinction</a>.
       
     </p>
   

david/2024/opensource/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"

david/2024/parvenir/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Cette année encore, ce sera pour moi le <em>non-usage</em> de l’<a data-link-domain="simonwillison.net" href="https://simonwillison.net/2024/Jan/7/call-it-ai/">intelligence artificielle</a> <a href="/david/cache/2024/3ea27fca4fabb81676fc1b98264f3bd8/" title="Copie locale au 2024-01-13">[archive]</a> explicite qui sera mon <em>wuwei</em>. Je précise le <q lang="fr">explicite</q> car il y en a déjà plein partout dans mon téléphone et ailleurs. J’ai peut-être une des dernières générations d’appareil photo qui ne va pas adapter l’image à une norme / culture apprise. Je suis curieux d’observer le nivellement (au sens moyenne, pas forcément par le bas) que vont provoquer les <abbr title="Large Language Model">LLM</abbr> dans le domaine, peut-être deviendra-t-il plus imperceptible qu’une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/3/13/23637401/samsung-fake-moon-photos-ai-galaxy-s21-s23-ultra">lune</a> <a href="/david/cache/2024/e990536ed88823f047296ea25a6b7933/" title="Copie locale au 2024-01-13">[archive]</a> ou une <a data-link-domain="theverge.com" href="https://www.theverge.com/2023/12/2/23985299/iphone-bridal-photo-three-poses-explanation-panorama-photoshop-generative-ai">mariée</a> <a href="/david/cache/2024/668d0f82ae65b0e94ea76145057759a7/" title="Copie locale au 2024-01-13">[archive]</a> mais il sera toujours&nbsp;là.</p>
 <p>Ce <strong>explicite</strong> correspond principalement pour moi à des <em>prompts</em> qui m’aideraient à coder. Je regarde ce qui se fait dans le domaine et j’en vois l’intérêt mais je vois aussi au détriment de tout ce que cela est rendu possible. Des humains-esclaves qui modèrent ce qui est généré d’un côté, des sources d’apprentissage non consenties —&nbsp;voire privées&nbsp;— et des ressources pharaoniques pour réussir à aligner 3&nbsp;fonctions qu’il faut ensuite comprendre et adapter de toute&nbsp;façon.</p>
 <p>Et puis il y a toute cette zone grise, je me sers par exemple de la reconnaissance de caractère intégrée à Photos.app de macOS pour retranscrire les citations depuis des photos de passages de livres. Auparavant, je les recopiais à la main. Est-ce que cela changeait ma manière de les&nbsp;ré-interpréter&#8239;?</p>
-<hr />
+<a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
 
 <blockquote>
 <p>Il nous faut trouver de nouvelles manières littéraires susceptibles de percuter sans chercher à convaincre, et déjouer le didactisme qui veut à tout prix expliquer et instruire. Peut-être faudrait-il aller jusqu’à s’imposer comme contrainte de proscrire l’usage de certains mots afin de renouveler le&nbsp;genre.</p>

david/2024/processus/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its&nbsp;existence.</p>
 <p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-26" title="Lien vers cette section de la page"><hr id="hr-26" /></a>
 
 <blockquote lang="en">
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
 <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 </blockquote>
 <p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11">[archive]</a> après tout. L’écriture en ligne reste une forme d’expression qui s’attend au regard des autres. Si j’entretiens un journal <em>extime</em> depuis tant d’années c’est bien qu’il y a un enjeu à ce niveau&nbsp;là.</p>
-<hr />
+<a href="#hr-27" title="Lien vers cette section de la page"><hr id="hr-27" /></a>
 
 <blockquote lang="en">
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
 <p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11">[archive]</a></cite></p>
 </blockquote>
 <p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11">[archive]</a>. Une autre façon d’être&nbsp;dé·formé.</p>
-<hr />
+<a href="#hr-28" title="Lien vers cette section de la page"><hr id="hr-28" /></a>
 <p>Deux outils autour de la transformation de&nbsp;vidéos&nbsp;:</p>
 <ul>
 <li><a data-link-domain="ybouane.com" href="https://ybouane.com/ffmpeg-ui">FFMPEG&nbsp;UI</a></li>
 <p>Plus tard, je commence l’implémentation de l’archivage des liens distants. J’ai pas mal d’idées mais je sais qu’il ne faut pas que je prenne trop de retard dans la récupération sinon je ne vais pas avoir l’énergie pour reprendre l’historique. Ce sera probablement l’occasion de faire un autre <em>Web Component</em> dédié. En suivant les recommandations <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111703611010197838">sur masto</a>, je les nomme <code>archive</code> pour le moment et je conserve la date de récupération de l’article car c’est une information importante. J’adapterai le style plus&nbsp;tard.</p>
 <p>Il faut que j’améliore cette automatisation car c’est assez fastidieux pour le moment, beaucoup de retouches manuelles pour obtenir un article lisible selon les sources. Je vais aussi réduire le nombre de liens que j’archive, les sources techniques ont probablement moins d’intérêt dans la&nbsp;durée.</p>
 <p>Chaque lien distant prend une longueur non négligeable suite à ces deux&nbsp;ajouts&nbsp;🤔.</p>
-<hr />
+<a href="#hr-17" title="Lien vers cette section de la page"><hr id="hr-17" /></a>
 
 <blockquote>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&nbsp;blog”.</p>
 <p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07">[archive]</a></em></cite></p>
 </blockquote>
 <p>Note&nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&nbsp;articles.</p>
-<hr />
+<a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
 <p>L’hiver commence maintenant le 7&nbsp;janvier à Montréal. Phénomène météorologique exceptionnel <em>et</em> tendance&nbsp;climatique.</p>
 
     
     </h2>
     
 <p>C’est fou comme le fait de se donner un objectif (sportif) change la donne en terme de motivation. Pour cette année, ce sera la <em>Traversée de Charlevoix</em>. Je vais essayer de documenter le processus de&nbsp;préparation.</p>
-<hr />
+<a href="#hr-10" title="Lien vers cette section de la page"><hr id="hr-10" /></a>
 <p>Au détour d’un vieux&nbsp;chalet&nbsp;:</p>
 <figure>
     <a href="/static/david/2024/2024-01-05-la-recherche-sida.jpg"
     <figcaption>La Recherche, juin 1985. Les mécanismes biologiques autour du SIDA étaient en cours de&nbsp;découverte.</figcaption>
 </figure>
 <p>D’autres temps, d’autres&nbsp;démons.</p>
-<hr />
+<a href="#hr-11" title="Lien vers cette section de la page"><hr id="hr-11" /></a>
 <p>Le dossier spécial sur la voiture électrique se terminait&nbsp;ainsi&nbsp;:</p>
 
 <blockquote>
 <p>Nous sommes loin des anticipations du début des années 1970&nbsp;qui attribuaient au véhicule électrique 7&nbsp;à 10&#8239;% du parc automobile à l’horizon 1990-1995. L’avenir même du véhicule, du moins en ce qui concerne l’étendue de son champ d’utilisation, demeure incertain. Celle-ci sera fonction des progrès qui seront réalisés sur les générateurs électrochimiques. Les filières potentiellement les plus performantes (filières chaudes, filières organiques, piles à combustibles) n’en sont encore qu’au stade de la recherche appliquée ou du développement et quelques-unes au stade de la recherche fondamentale. Mais des progrès sont enregistrés et les raisons profondes de poursuivre l’effort demeurent. <mark>Si une volonté politique s’affirme et parvient à motiver les premiers utilisateurs potentiels</mark> (administrations et grands organismes publics), on peut espérer voir sortir les premières séries industrielles de véhicules au début de la prochaine&nbsp;décennie.</p>
 </blockquote>
 <p>D’autres époques, mêmes utopies. Je vois de plus en plus de gros véhicules électriques, j’ai même croisé une JEEP l’autre fois. Tristesse du rêve&nbsp;américain.</p>
-<hr />
+<a href="#hr-12" title="Lien vers cette section de la page"><hr id="hr-12" /></a>
 
 <blockquote>
 <p>J’aime bien l’expression «&nbsp;sans nom&nbsp;» (genre une galère sans nom, une injustice sans nom)<br />

david/2024/protopie/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Je crois de plus en plus que nous devons nous entraîner à <em>habiter le trouble</em> comme l’a formulé Donna Haraway, c’est-à-dire à tenir «&nbsp;pour acquis que les modes d’ordre établis se sont effondrés ou sont en voie d’effondrement, et qu’il devient à la fois urgent et possible d’envisager autre chose&nbsp;». Vivre dans un monde en train de disparaître sans savoir ce qui va émerger n’est pas simple, mais <mark>il ne tient qu’à nous de nous ouvrir à d’autres géographies,</mark> d’autres cultures, à toucher aux confins civilisationnels pour imaginer «&nbsp;des façons plus florissantes, plus robustes, moins meurtrières de vivre les uns avec les autres&nbsp;», ailleurs, quand notre propre réalité nous fait&nbsp;défaut.</p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-30" title="Lien vers cette section de la page"><hr id="hr-30" /></a>
 <p>Je prends le temps de décliner le nouveau style pour les pages d’étiquettes 2024. Il va rester la page d’accueil, la plus difficile. Elle comporte actuellement&nbsp;270&nbsp;liens.</p>
 <p>Quelle éditorialisation proposer pour éviter la surcharge tout en facilitant l’exploration&#8239;? Offrir une boussole sans proposer de&nbsp;cap.</p>
 
 <p><cite><em><a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2036">Until the Right Design Emerges…</a> <a href="/david/cache/2024/84f8caf3e7f7b3de9e18281749c3687f/" title="Copie locale au 2024-01-13">[archive]</a></em></cite></p>
 </blockquote>
 <p><a href="/david/2024/01/13/" title="Wuwei">Non</a>, pas <a data-link-domain="lukew.com" href="https://lukew.com/ff/entry.asp?2008">cette direction</a> <a href="/david/cache/2024/ea2cfc9aa425a6967d2cacd9f96ceb9e/" title="Copie locale au 2024-01-13">[archive]</a> par&nbsp;contre.</p>
-<hr />
+<a href="#hr-31" title="Lien vers cette section de la page"><hr id="hr-31" /></a>
 <p>Découvertes culinaires du&nbsp;jour&nbsp;:</p>
 <ul>
 <li><a data-link-domain="cooked.wiki" href="https://cooked.wiki/">cooked.wiki</a> pour préfixer les recettes&nbsp;(merci <a data-link-domain="mastodon.tetaneutral.net" href="https://mastodon.tetaneutral.net/@newick/111749530608709450">@newick</a>)</li>
 </blockquote>
 <p>Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&nbsp;mois.</p>
 <p>Je me sens prêt, on verra bien où cela me&nbsp;mène.</p>
-<hr />
+<a href="#hr-1" title="Lien vers cette section de la page"><hr id="hr-1" /></a>
 <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&nbsp;retenir.</p>
 
     

david/2024/psychologie/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>[…] instead of “building an audience,” build a world. <mark>build a digital garden-ecosystem, that exists</mark> — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its&nbsp;existence.</p>
 <p><cite><em><a data-link-domain="keningzhu.com" href="https://keningzhu.com/journal/build-a-world-not-an-audience">build a world, not an audience</a> <a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-26" title="Lien vers cette section de la page"><hr id="hr-26" /></a>
 
 <blockquote lang="en">
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but <mark>we all have different ways of being&nbsp;ourselves.</mark></p>
 <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/the-personality-of-a-personal-website">The personality of a personal website</a> <a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 </blockquote>
 <p>Je m’interroge souvent sur ce que j’essaye de cacher ici. Ce que cela raconte de ma personnalité, si l’image retournée est <a data-link-domain="thom4.net" href="https://thom4.net/2023/02/01/carnets/">vraiment fidèle</a> <a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Copie locale au 2024-01-11">[archive]</a> après tout. L’écriture en ligne reste une forme d’expression qui s’attend au regard des autres. Si j’entretiens un journal <em>extime</em> depuis tant d’années c’est bien qu’il y a un enjeu à ce niveau&nbsp;là.</p>
-<hr />
+<a href="#hr-27" title="Lien vers cette section de la page"><hr id="hr-27" /></a>
 
 <blockquote lang="en">
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second <mark>are not the&nbsp;same.</mark></p>
 <p><cite><a data-link-domain="erinkissane.com" href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">Tomorrow &amp; Tomorrow &amp; Tomorrow</a> <a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Copie locale au 2024-01-11">[archive]</a></cite></p>
 </blockquote>
 <p>En rebond de la <a data-link-domain="quaternum.net" href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/">découverte d’Antoine</a> <a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Copie locale au 2024-01-11">[archive]</a>. Une autre façon d’être&nbsp;dé·formé.</p>
-<hr />
+<a href="#hr-28" title="Lien vers cette section de la page"><hr id="hr-28" /></a>
 <p>Deux outils autour de la transformation de&nbsp;vidéos&nbsp;:</p>
 <ul>
 <li><a data-link-domain="ybouane.com" href="https://ybouane.com/ffmpeg-ui">FFMPEG&nbsp;UI</a></li>

david/2024/solastalgia/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 <p>Plus tard, je commence l’implémentation de l’archivage des liens distants. J’ai pas mal d’idées mais je sais qu’il ne faut pas que je prenne trop de retard dans la récupération sinon je ne vais pas avoir l’énergie pour reprendre l’historique. Ce sera probablement l’occasion de faire un autre <em>Web Component</em> dédié. En suivant les recommandations <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111703611010197838">sur masto</a>, je les nomme <code>archive</code> pour le moment et je conserve la date de récupération de l’article car c’est une information importante. J’adapterai le style plus&nbsp;tard.</p>
 <p>Il faut que j’améliore cette automatisation car c’est assez fastidieux pour le moment, beaucoup de retouches manuelles pour obtenir un article lisible selon les sources. Je vais aussi réduire le nombre de liens que j’archive, les sources techniques ont probablement moins d’intérêt dans la&nbsp;durée.</p>
 <p>Chaque lien distant prend une longueur non négligeable suite à ces deux&nbsp;ajouts&nbsp;🤔.</p>
-<hr />
+<a href="#hr-17" title="Lien vers cette section de la page"><hr id="hr-17" /></a>
 
 <blockquote>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&nbsp;blog”.</p>
 <p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07">[archive]</a></em></cite></p>
 </blockquote>
 <p>Note&nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&nbsp;articles.</p>
-<hr />
+<a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
 <p>L’hiver commence maintenant le 7&nbsp;janvier à Montréal. Phénomène météorologique exceptionnel <em>et</em> tendance&nbsp;climatique.</p>
 
     

david/2024/sport/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
     
 <p>J’ai réussi à marcher 6&#8239;km dans la neige avec des bottes de neige assez hautes. Pas pire. On va voir si ça ne tire pas trop dans la nuit. J’ai appris à mettre des bandes de kynésiologie aussi pour un léger soutien sur la rotation interne. Ce n’est pas une entorse classique car généralement deux arbres ne sont pas impliqués donc la torsion est différente. Du moins, c’est ce que mon doctorat express en médecine me laisse à penser… et mes sensations&nbsp;surtout&#8239;!</p>
 <p>Récupération active ou&nbsp;impatience&#8239;?</p>
-<hr />
+<a href="#hr-32" title="Lien vers cette section de la page"><hr id="hr-32" /></a>
 
 <blockquote lang="en">
 <p>The front-end to your dev&nbsp;env.</p>
 <p>La tristesse de se faire mal au tout début de la saison. Aussi, c’est la pire chose à expérimenter lorsqu’on prépare un <a href="/david/2024/01/06/" title="Objectif">défi sportif</a>…</p>
 <p>Youtube est le plus proche du célèbre <q lang="en">I know kung-fu</q> de Neo, j’ai appris à straper une cheville et j’ai l’espoir de pouvoir aller jusqu’au refuge avec l’enfant dans 2&nbsp;semaines vu que j’ai déjà réservé. Une cheville <em>tape</em>ée devrait pouvoir tenir les 5&#8239;km à skis si j’en prends suffisamment soin d’ici&nbsp;là&nbsp;🤞.</p>
 <p>Ce soir, j’ai besoin d’y&nbsp;croire.</p>
-<hr />
+<a href="#hr-19" title="Lien vers cette section de la page"><hr id="hr-19" /></a>
 <p>Copsaé publie un <a data-link-domain="copsae.fr" href="https://www.copsae.fr/">nouveau site web</a> qui me donne des idées. J’apprécie aussi ce qu’a fait Access42 pour <a data-link-domain="access42.net" href="https://access42.net/">le sien</a>. Ne pas oublier <a data-link-domain="koena.net" href="https://koena.net/">Koena</a> aussi&#8239;! J’ai déjà vu passer des commentaires comme quoi un site accessible était forcément moche, j’apprécie de pouvoir proposer des&nbsp;contre-exemples.</p>
-<hr />
+<a href="#hr-20" title="Lien vers cette section de la page"><hr id="hr-20" /></a>
 
 <blockquote lang="en">
 <p>In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&nbsp;road.</p>
     </h2>
     
 <p>C’est fou comme le fait de se donner un objectif (sportif) change la donne en terme de motivation. Pour cette année, ce sera la <em>Traversée de Charlevoix</em>. Je vais essayer de documenter le processus de&nbsp;préparation.</p>
-<hr />
+<a href="#hr-10" title="Lien vers cette section de la page"><hr id="hr-10" /></a>
 <p>Au détour d’un vieux&nbsp;chalet&nbsp;:</p>
 <figure>
     <a href="/static/david/2024/2024-01-05-la-recherche-sida.jpg"
     <figcaption>La Recherche, juin 1985. Les mécanismes biologiques autour du SIDA étaient en cours de&nbsp;découverte.</figcaption>
 </figure>
 <p>D’autres temps, d’autres&nbsp;démons.</p>
-<hr />
+<a href="#hr-11" title="Lien vers cette section de la page"><hr id="hr-11" /></a>
 <p>Le dossier spécial sur la voiture électrique se terminait&nbsp;ainsi&nbsp;:</p>
 
 <blockquote>
 <p>Nous sommes loin des anticipations du début des années 1970&nbsp;qui attribuaient au véhicule électrique 7&nbsp;à 10&#8239;% du parc automobile à l’horizon 1990-1995. L’avenir même du véhicule, du moins en ce qui concerne l’étendue de son champ d’utilisation, demeure incertain. Celle-ci sera fonction des progrès qui seront réalisés sur les générateurs électrochimiques. Les filières potentiellement les plus performantes (filières chaudes, filières organiques, piles à combustibles) n’en sont encore qu’au stade de la recherche appliquée ou du développement et quelques-unes au stade de la recherche fondamentale. Mais des progrès sont enregistrés et les raisons profondes de poursuivre l’effort demeurent. <mark>Si une volonté politique s’affirme et parvient à motiver les premiers utilisateurs potentiels</mark> (administrations et grands organismes publics), on peut espérer voir sortir les premières séries industrielles de véhicules au début de la prochaine&nbsp;décennie.</p>
 </blockquote>
 <p>D’autres époques, mêmes utopies. Je vois de plus en plus de gros véhicules électriques, j’ai même croisé une JEEP l’autre fois. Tristesse du rêve&nbsp;américain.</p>
-<hr />
+<a href="#hr-12" title="Lien vers cette section de la page"><hr id="hr-12" /></a>
 
 <blockquote>
 <p>J’aime bien l’expression «&nbsp;sans nom&nbsp;» (genre une galère sans nom, une injustice sans nom)<br />

david/2024/technique/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>J’ai souvent ce sentiment (je partage les autres points de l’article aussi). Je ne sais pas du tout ce que ça ferait de retourner dans un bureau mais au-delà de cette hypothèse physique, c’est le côté avec subordination / pyramidal que j’ai l’impression d’avoir dépassé sans vraiment de possibilité de retour en arrière. Il n’y a que dans des collectifs bien spécifiques que j’aurais une chance de trouver une place qui me soit&nbsp;acceptable.</p>
 <p><em>Voir aussi <a data-link-domain="news.ycombinator.com" href="https://news.ycombinator.com/item?id=32961933">cette discussion</a> à ce&nbsp;sujet.</em></p>
-<hr />
+<a href="#hr-36" title="Lien vers cette section de la page"><hr id="hr-36" /></a>
 <p>J’ai de plus en plus de mal avec les légalistes donneurs de leçons qui utilisent le ton le plus anxiogèno-aggressif qui soit. La vieillesse a ceci de bon que je commence à savoir retourner ces situations en interrogeant les intentions et les peurs de ces&nbsp;personnes.</p>
-<hr />
+<a href="#hr-37" title="Lien vers cette section de la page"><hr id="hr-37" /></a>
 
 <blockquote lang="en">
 <p>The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for <em>aren’t going to be based on JavaScript</em>. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is <mark>now implemented in Rust,</mark> not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&nbsp;ecosystems.</p>
     
 <p>J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (<em>tape</em>ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&nbsp;boitant.</p>
 <p>Cela conclus peut-être mon journal de&nbsp;chialage.</p>
-<hr />
+<a href="#hr-33" title="Lien vers cette section de la page"><hr id="hr-33" /></a>
 <p>Hier soir, je travaillais sur la <a href="/david/">page d’accueil</a> en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&nbsp;chantier).</p>
 <p>Et puis ce matin <a data-link-domain="nicolas-hoizey.com" href="https://nicolas-hoizey.com/">Nicolas H.</a> m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le <em>parsing</em> du contenu HTML (intégrer une <a data-link-domain="validator.w3.org" href="https://validator.w3.org/feed/">validation</a> pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&nbsp;fait.</p>
 <p>Il y a dorénavant 54&nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&nbsp;sourire.</p>
 <p>Je constate au passage que la <a href="/david/recherche/">page de recherche</a> fait 2&#8239;Mo (700&#8239;Ko à télécharger), désindexer des années ou explorer des <a data-link-domain="pagefind.app" href="https://pagefind.app/">alternatives</a>&#8239;? J’aime bien me dire que mes écrits de ces 8&nbsp;dernières années tiennent sur&nbsp;2&nbsp;disquettes.</p>
-<hr />
+<a href="#hr-34" title="Lien vers cette section de la page"><hr id="hr-34" /></a>
 <p>Vidéo du jour&nbsp;: <a data-link-domain="video.blast-info.fr" href="https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6">DRY JANUARY, ÉCOLOGIE&nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&#8239;?</a> (désolé pour les cris, ça semble être le style de&nbsp;BLAST&nbsp;🙃).</p>
-<hr />
+<a href="#hr-35" title="Lien vers cette section de la page"><hr id="hr-35" /></a>
 <p>On creuse les <a data-link-domain="developer.mozilla.org" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap"><code>importmap</code></a> pour <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&nbsp;Baseline™2023.</p>
 <p>Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&#8239;? <em>À&nbsp;méditer.</em></p>
 
 <p><mark>Customers want software that delivers problem-solving <em>impact</em>.</mark> And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.</p>
 <p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-25" title="Lien vers cette section de la page"><hr id="hr-25" /></a>
 
 <blockquote lang="en">
 <p>You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&nbsp;them.</p>
 <p>La tristesse de se faire mal au tout début de la saison. Aussi, c’est la pire chose à expérimenter lorsqu’on prépare un <a href="/david/2024/01/06/" title="Objectif">défi sportif</a>…</p>
 <p>Youtube est le plus proche du célèbre <q lang="en">I know kung-fu</q> de Neo, j’ai appris à straper une cheville et j’ai l’espoir de pouvoir aller jusqu’au refuge avec l’enfant dans 2&nbsp;semaines vu que j’ai déjà réservé. Une cheville <em>tape</em>ée devrait pouvoir tenir les 5&#8239;km à skis si j’en prends suffisamment soin d’ici&nbsp;là&nbsp;🤞.</p>
 <p>Ce soir, j’ai besoin d’y&nbsp;croire.</p>
-<hr />
+<a href="#hr-19" title="Lien vers cette section de la page"><hr id="hr-19" /></a>
 <p>Copsaé publie un <a data-link-domain="copsae.fr" href="https://www.copsae.fr/">nouveau site web</a> qui me donne des idées. J’apprécie aussi ce qu’a fait Access42 pour <a data-link-domain="access42.net" href="https://access42.net/">le sien</a>. Ne pas oublier <a data-link-domain="koena.net" href="https://koena.net/">Koena</a> aussi&#8239;! J’ai déjà vu passer des commentaires comme quoi un site accessible était forcément moche, j’apprécie de pouvoir proposer des&nbsp;contre-exemples.</p>
-<hr />
+<a href="#hr-20" title="Lien vers cette section de la page"><hr id="hr-20" /></a>
 
 <blockquote lang="en">
 <p>In short, building with accessible semantics from the get-go can give you expressive, meaningful style hooks for free. Leaning on those style hooks in your CSS selectors lets you reduce the number of moving parts in your site or application, and it can prevent accessibility bugs from creeping in down the&nbsp;road.</p>
 <p>Plus tard, je commence l’implémentation de l’archivage des liens distants. J’ai pas mal d’idées mais je sais qu’il ne faut pas que je prenne trop de retard dans la récupération sinon je ne vais pas avoir l’énergie pour reprendre l’historique. Ce sera probablement l’occasion de faire un autre <em>Web Component</em> dédié. En suivant les recommandations <a data-link-domain="fedi.larlet.fr" href="https://fedi.larlet.fr/@david/111703611010197838">sur masto</a>, je les nomme <code>archive</code> pour le moment et je conserve la date de récupération de l’article car c’est une information importante. J’adapterai le style plus&nbsp;tard.</p>
 <p>Il faut que j’améliore cette automatisation car c’est assez fastidieux pour le moment, beaucoup de retouches manuelles pour obtenir un article lisible selon les sources. Je vais aussi réduire le nombre de liens que j’archive, les sources techniques ont probablement moins d’intérêt dans la&nbsp;durée.</p>
 <p>Chaque lien distant prend une longueur non négligeable suite à ces deux&nbsp;ajouts&nbsp;🤔.</p>
-<hr />
+<a href="#hr-17" title="Lien vers cette section de la page"><hr id="hr-17" /></a>
 
 <blockquote>
 <p>Ce billet illustre la loi qui dit “Moins un blog est mis à jour, plus il y a de probabilité que ce qui y est publié a pour sujet les aspects techniques dudit&nbsp;blog”.</p>
 <p><cite><em><a data-link-domain="frantic.im" href="https://frantic.im/opening-mail/">Opening Mail</a> <a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Copie locale au 2024-01-07">[archive]</a></em></cite></p>
 </blockquote>
 <p>Note&nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&nbsp;articles.</p>
-<hr />
+<a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
 <p>L’hiver commence maintenant le 7&nbsp;janvier à Montréal. Phénomène météorologique exceptionnel <em>et</em> tendance&nbsp;climatique.</p>
 
     
 <p>Je finis par tout jeter / ré-interroger et je m’en sors avec&nbsp;6&nbsp;règles.</p>
 <p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07">[archive]</a>&nbsp;— fasse partie intégrante de sa création+diffusion. C’est le texte que je suis en train d’écrire qui <em>est</em> le modèle. Je commence par adoucir les contrastes et à centrer quelques éléments. Puis j’applique cette astuce pour avoir des citations <a data-link-domain="code.larlet.fr" href="https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu">à fond perdu</a> tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&nbsp;publications.</p>
 <p>Je suis satisfait de mon résultat très minimaliste du&nbsp;jour.</p>
-<hr />
+<a href="#hr-2" title="Lien vers cette section de la page"><hr id="hr-2" /></a>
 
 <blockquote>
 <p>Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&nbsp;rêves.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07">[archive]</a></em>, Karl</cite></p>
 </blockquote>
 <p>🧡</p>
-<hr />
+<a href="#hr-3" title="Lien vers cette section de la page"><hr id="hr-3" /></a>
 <p>Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&nbsp;an&nbsp;:</p>
 <figure>
     <a href="/static/david/2024/2024-01-02-ancien-essai.png"

david/2024/web/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
 </blockquote>
 <p>J’ai souvent ce sentiment (je partage les autres points de l’article aussi). Je ne sais pas du tout ce que ça ferait de retourner dans un bureau mais au-delà de cette hypothèse physique, c’est le côté avec subordination / pyramidal que j’ai l’impression d’avoir dépassé sans vraiment de possibilité de retour en arrière. Il n’y a que dans des collectifs bien spécifiques que j’aurais une chance de trouver une place qui me soit&nbsp;acceptable.</p>
 <p><em>Voir aussi <a data-link-domain="news.ycombinator.com" href="https://news.ycombinator.com/item?id=32961933">cette discussion</a> à ce&nbsp;sujet.</em></p>
-<hr />
+<a href="#hr-36" title="Lien vers cette section de la page"><hr id="hr-36" /></a>
 <p>J’ai de plus en plus de mal avec les légalistes donneurs de leçons qui utilisent le ton le plus anxiogèno-aggressif qui soit. La vieillesse a ceci de bon que je commence à savoir retourner ces situations en interrogeant les intentions et les peurs de ces&nbsp;personnes.</p>
-<hr />
+<a href="#hr-37" title="Lien vers cette section de la page"><hr id="hr-37" /></a>
 
 <blockquote lang="en">
 <p>The big one is that the logical alternatives to Node – the “no Node” work environments developers are likely to reach for <em>aren’t going to be based on JavaScript</em>. Import maps mean that browsers effectively have an API surface that non-JS projects can use to build a dependency management system. Much of the tooling surrounding JavaScript is <mark>now implemented in Rust,</mark> not JS – much of it driven by Deno itself – and that makes it more easily accessible outside both the Node and Deno&nbsp;ecosystems.</p>
 <p><mark>Customers want software that delivers problem-solving <em>impact</em>.</mark> And at the early stage, which is all the way until you’ve reached product-market fit, they’re almost certainly not getting enough, fast enough. You should be spending as much time as you can at this level of the stack, The Product: thinking, building, learning.</p>
 <p><cite><em><a data-link-domain="hoho.com" href="https://hoho.com/posts/your-stack-is-not-the-product/">Your tech stack is not the product</a> <a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 </blockquote>
-<hr />
+<a href="#hr-25" title="Lien vers cette section de la page"><hr id="hr-25" /></a>
 
 <blockquote lang="en">
 <p>You can’t make an article on a UX topic without showcasing a practical example. Let’s explore examples that I spotted on the web and how to fix&nbsp;them.</p>
 <p>Au niveau de la taille, j’ai enfin l’occasion de tester un <a data-link-domain="utopia.fyi" href="https://utopia.fyi/blog/css-modular-scales">échelle modulaire</a> et c’est suffisamment adaptatif pour le moment. Il faudra que je retravaille certains espacements mais je n’en suis pas encore à cette étape. Je ne comprends pas encore tout à fait la formule et j’arrive à vivre&nbsp;avec.</p>
 <p>Je me rappelle aussi qu’un des intérêts que j’avais trouvé aux <em>CSS&nbsp;layers</em> c’est de pouvoir mieux documenter la CSS alors je sors les styles en ligne de l’itération d’hier pour avoir une feuille dédiée dont je commence à documenter les différentes&nbsp;sections.</p>
 <p>Je m’amuse comme un petit fou même si la CSS fait subitement&nbsp;350&nbsp;lignes.</p>
-<hr />
+<a href="#hr-4" title="Lien vers cette section de la page"><hr id="hr-4" /></a>
 
 <blockquote>
 <p><mark>Je crois qu’on écrit pour créer un monde dans lequel on puisse vivre.</mark> Je ne pouvais vivre dans aucun de ceux qui m’étaient proposés&nbsp;: le monde de mes parents, le monde de la guerre, le monde de la politique. Il me fallait créer un monde à moi, comme un climat, un pays, une atmosphère, où je puisse respirer, régner et me régénérer lorsque j’étais détruite par la&nbsp;vie.</p>
 <p><cite><em>Journal 1947-1955</em>, Anaïs&nbsp;Nin</cite></p>
 </blockquote>
 <p>L’introduction de <em>Alors nous irons trouver la beauté ailleurs</em> par Corinne Morel Darleux m’aura suffit pour&nbsp;aujourd’hui&nbsp;🙂.</p>
-<hr />
+<a href="#hr-5" title="Lien vers cette section de la page"><hr id="hr-5" /></a>
 <p>On a couru 10&#8239;km avec l’enfant. À ce rythme là, je ne sais pas si je vais pouvoir suivre longtemps&#8239;! La récompense a été de croiser un renard urbain de vraiment très près, moins de 5&nbsp;mètres, que l’on a bien eu le temps d’observer vu qu’il courrait vers nous. Par contre un flasque de plus de 10&nbsp;ans s’est percée dans ma poche pendant la course, j’étais bien trempé avec du vent. Il faisait&nbsp;-6°C.</p>
 <p>Tout ça pour aller chercher un bidon d’huile pour la transmission de la&nbsp;voiture.</p>
 
 <p>Je finis par tout jeter / ré-interroger et je m’en sors avec&nbsp;6&nbsp;règles.</p>
 <p>J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&nbsp;<a data-link-domain="quaternum.net" href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</a> <a href="/david/cache/2024/55477786fc56b6fc37bb97231b634d90/" title="Copie locale au 2024-01-07">[archive]</a>&nbsp;— fasse partie intégrante de sa création+diffusion. C’est le texte que je suis en train d’écrire qui <em>est</em> le modèle. Je commence par adoucir les contrastes et à centrer quelques éléments. Puis j’applique cette astuce pour avoir des citations <a data-link-domain="code.larlet.fr" href="https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu">à fond perdu</a> tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&nbsp;publications.</p>
 <p>Je suis satisfait de mon résultat très minimaliste du&nbsp;jour.</p>
-<hr />
+<a href="#hr-2" title="Lien vers cette section de la page"><hr id="hr-2" /></a>
 
 <blockquote>
 <p>Le long trajet est essentiel. Surtout ne pas se laisser tenter par un livre, un ordinateur de poche, ou autres artifices. L’ennui permet l’étincelle des rêveries, tout comme la nuit la profondeur des&nbsp;rêves.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> <a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Copie locale au 2024-01-07">[archive]</a></em>, Karl</cite></p>
 </blockquote>
 <p>🧡</p>
-<hr />
+<a href="#hr-3" title="Lien vers cette section de la page"><hr id="hr-3" /></a>
 <p>Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&nbsp;an&nbsp;:</p>
 <figure>
     <a href="/static/david/2024/2024-01-02-ancien-essai.png"

david/blogroll/index.html

     </nav>
     <p>N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.</p>
     <h2>Leurs dernières publications</h2>
+    <dl>
+        <dt>
+          <a href="https://emmaclit.com/2024/01/19/culture-froncaise/">Culture fronçaise</a>,
+          19-01-2024
+        </dt>
+        <dd>
+          Appel à manifester contre la loi dimanche 21 Janvier dans toute la France https://www.humanite.fr/politique/loi-immigration-darmanin/201-personnalites-appellent-a-marcher-contre-la-loi-immigration
+          — <a href="https://emmaclit.com/">Emma</a>
+        </dd>
+      </dl>
     <dl>
         <dt>
           <a href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a>,
       </dl>
     <dl>
         <dt>
-          <a href="https://www.la-grange.net/2024/01/17/pixel">pixel polaire</a>,
-          17-01-2024
+          <a href="https://www.la-grange.net/2024/01/18/flocons">autour des flocons</a>,
+          18-01-2024
         </dt>
         <dd>
-          Komagome, Japon, 17 janvier 2024 Il semblait quasi réel. Je scrutai le paysage à la recherche d'une langue de terre. — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059 Mes pixels sont polaires. Un mouvement de doigt involontaire sur le bouton photo de l'appareil numérique. L'objectif collé à l'écran du laptop. Quel étrange moment, cette banquise pixelisée. Je dirige mon doigt vers…
+          Ginza, Japon, 14 janvier 2024 Je m'interroge souvent à propos de cet endroit, l'ai-je vraiment rêvé, ou seulement imaginé à partir d'une photo dans un magazine, ou, pire encore, peut-être en ai-je effacé le souvenir après l'avoir vu réellement. — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059 La Grange sous la neige, nous parlons de Duras, des personnes qui ont pu écrire à propos…
           — <a href="https://www.la-grange.net/">Karl Dubost</a>
         </dd>
       </dl>
     <dl>
         <dt>
-          <a href="https://www.quaternum.net/2024/01/17/avis-de-soutenance-de-these/">Avis de soutenance de thèse</a>,
+          <a href="https://www.la-grange.net/2024/01/17/pixel">pixel polaire</a>,
           17-01-2024
         </dt>
         <dd>
-          Lundi 22 janvier 2024 à 9h (UTC-5) je soutiens publiquement ma thèse de doctorat en littérature (option Humanités numériques) à Montréal et à distance, thèse déjà disponible en ligne dans une version préliminaire (https://these.quaternum.net). La thèse, intitulée “Fabriquer des éditions, éditer des fabriques : reconfiguration des processus techniques éditoriaux et nouveaux modèles…
-          — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
+          Komagome, Japon, 17 janvier 2024 Il semblait quasi réel. Je scrutai le paysage à la recherche d'une langue de terre. — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059 Mes pixels sont polaires. Un mouvement de doigt involontaire sur le bouton photo de l'appareil numérique. L'objectif collé à l'écran du laptop. Quel étrange moment, cette banquise pixelisée. Je dirige mon doigt vers…
+          — <a href="https://www.la-grange.net/">Karl Dubost</a>
         </dd>
       </dl>
     <dl>
         <dt>
-          <a href="https://www.la-grange.net/2024/01/16/lieux">lieux anonymes</a>,
-          16-01-2024
+          <a href="https://www.quaternum.net/2024/01/17/avis-de-soutenance-de-these/">Avis de soutenance de thèse</a>,
+          17-01-2024
         </dt>
         <dd>
-          Takinogawa, Japon, 16 janvier 2024 Elle donait des copeaux de crayon à manger aux plumes qu'elle conservait entre les pages des livres. — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059 Les ruelles n'ont pas de nom. Elles sont ce qui séparent les blocs des quartiers qui eux sont numérotés et nommés. Les blocs de quartier en France n'ont pas de nom. Ils sont encerclés par les rues…
-          — <a href="https://www.la-grange.net/">Karl Dubost</a>
+          Lundi 22 janvier 2024 à 9h (UTC-5) je soutiens publiquement ma thèse de doctorat en littérature (option Humanités numériques) à Montréal et à distance, thèse déjà disponible en ligne dans une version préliminaire (https://these.quaternum.net). La thèse, intitulée “Fabriquer des éditions, éditer des fabriques : reconfiguration des processus techniques éditoriaux et nouveaux modèles…
+          — <a href="https://www.quaternum.net/">Antoine Fauchié</a>
         </dd>
       </dl>
     <dl>
           — <a href="https://www.maiwann.net/">Maïtané Lenoir</a>
         </dd>
       </dl>
-    <dl>
-        <dt>
-          <a href="https://emmaclit.com/2023/09/08/medias-et-tdah-la-fatigue/">Médias et TDAH, LA FATIGUE</a>,
-          08-09-2023
-        </dt>
-        <dd>
-          Pour un contenu plus complet : https://emmaclit.com/2020/11/26/lucine-et-enzo/
-          — <a href="https://emmaclit.com/">Emma</a>
-        </dd>
-      </dl>
     <dl>
         <dt>
           <a href="https://lalunemauve.fr/perlimpinpin/">Où je crache ma pastille Valda à propos d’Instagram</a>,

david/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
   <h2>Publications 2024</h2>
   <p>Liste des publications récentes en ordre anté-chronologique :</p>
   <p>
+    <a href="/david/2024/01/20/">Extinction</a>,
     <a href="/david/2024/01/19/">Marcher</a>,
     <a href="/david/2024/01/18/">Open-source</a>,
     <a href="/david/2024/01/17/">Vieillesse</a>,

david/log/index.xml

     <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
     <link href="https://larlet.fr/david/log/" rel="self" />
     <id>https://larlet.fr/david/</id>
-    <updated>2024-01-19T12:00:00+01:00</updated>
+    <updated>2024-01-20T12:00:00+01:00</updated>
     <author>
         <name>David Larlet</name>
         <uri>https://larlet.fr/david/</uri>
     </author>
     <rights>Copyright (c) 2004-2024, David Larlet</rights>
     
+        <entry xml:lang="fr">
+            <title type="html">Extinction</title>
+            <link href="https://larlet.fr/david/2024/01/20/" rel="alternate" type="text/html" />
+            <updated>2024-01-20T12:00:00+01:00</updated>
+            <id>https://larlet.fr/david/2024/01/20/</id>
+            <summary type="html">
+
+&lt;blockquote lang=&quot;en&quot;&gt;
+&lt;p&gt;So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement&amp;nbsp;metrics.&lt;/p&gt;
+&lt;p&gt;One important thing to note; &lt;mark&gt;websites aren’t extinct.&lt;/mark&gt; In fact, you’re on one now! Uploading your own words is ancient technology but still&amp;nbsp;works.&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://daverupert.com/2024/01/where-have-all-the-websites-gone/&quot;&gt;Where have all the flowers&amp;nbsp;gone?&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;En réponse à &lt;q lang=&quot;en&quot;&gt;&lt;a href=&quot;https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/&quot;&gt;Where have all the websites gone?&lt;/a&gt;&lt;/q&gt; que j’ai &lt;a href=&quot;https://larlet.fr/david/2024/01/10/#hr-24&quot;&gt;déjà cité&lt;/a&gt;. Peut-être que la capacité à publier est toujours là mais que nous avons &lt;a href=&quot;https://larlet.fr/david/2024/01/12/#hr-27&quot;&gt;trop changé&lt;/a&gt; pour être capables de perdurer dans cette pratique. 2024&amp;nbsp;pourrait me faire mentir car je vois une certaine effervescence dans mon agrégateur. On va bien voir si ça dure. On va bien voir si &lt;em&gt;je&lt;/em&gt;&amp;nbsp;dure.&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;Guidé par le besoin, je suis en train d’automatiser des ancres sur mes &lt;code&gt;&amp;lt;hr&amp;gt;&lt;/code&gt;, fausse bonne idée&amp;#8239;? En affinant un peu le style ça me convient pour&amp;nbsp;l’instant.&lt;/em&gt;&lt;/p&gt;
+&lt;hr /&gt;
+
+&lt;blockquote&gt;
+&lt;p&gt;public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists.  Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML&amp;nbsp;archives.&lt;/p&gt;
+&lt;p&gt;public-inbox spawned around three main&amp;nbsp;ideas:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Publicly accessible and archived communication is essential to Free Software&amp;nbsp;development.&lt;/li&gt;
+&lt;li&gt;Contributing to Free Software projects should not require the use of non-Free services or&amp;nbsp;software.&lt;/li&gt;
+&lt;li&gt;&lt;mark&gt;Graphical user interfaces should not be required for text-based communication.&lt;/mark&gt;  Users may have broken graphics drivers, limited eyesight, or be unable to afford modern&amp;nbsp;hardware.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal&amp;nbsp;overhead.&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://public-inbox.org/README.html&quot;&gt;public-inbox - an &amp;quot;archives first&amp;quot; approach to mailing&amp;nbsp;lists&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;D’une certaine manière, l’&lt;a href=&quot;https://github.com/jgm/pandoc/issues/9250&quot;&gt;extinction de voix des un·es&lt;/a&gt; fait mon bonheur de découverte aujourd’hui. J’espère que le réflexe ne sera pas de passer de &lt;em&gt;Google Groups&lt;/em&gt; à &lt;em&gt;Microsoft Github Discussions&lt;/em&gt; par&amp;nbsp;commodité.&lt;/p&gt;
+&lt;hr /&gt;
+
+&lt;blockquote&gt;
+&lt;p&gt;… ça veut dire qu’en vrai, les droits humains, tu t’en fiches pas&amp;nbsp;mal.&lt;/p&gt;
+&lt;p&gt;Et que tu es juste &lt;mark&gt;un peu raciste&lt;/mark&gt;.&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://emmaclit.com/2024/01/19/culture-froncaise/&quot;&gt;Culture&amp;nbsp;fronçaise&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Voilà.&lt;/p&gt;
+&lt;hr /&gt;
+&lt;figure&gt;
+    &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg&quot;
+        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
+        &lt;img
+            src=&quot;https://larlet.fr/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg&quot;
+            width=&quot;3024&quot; height=&quot;3024&quot;
+            srcset=&quot;/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg 3024w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_660x440.jpg 660w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_990x660.jpg 990w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_1320x880.jpg 1320w&quot;
+            sizes=&quot;min(100vw, calc(100vh * 3024 / 3024))&quot;
+            loading=&quot;lazy&quot;
+            decoding=&quot;async&quot;
+            alt=&quot;Un enfant de dos dans des traces de ski de fond classique à la tombée du jour&quot;&gt;
+    &lt;/a&gt;
+    &lt;figcaption&gt;-16°C, rien de mieux pour démarrer une fin de semaine qu’une sortie ski dans notre jardin après&amp;nbsp;l’école.&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;p&gt;Cette photo est floue, c’est devenu tellement rare avec un téléphone (&lt;em&gt;OK&amp;nbsp;Boomer&lt;/em&gt;&amp;nbsp;:p). Les couleurs étaient superbes et une fois les mains réchauffées c’était une ambiance très agréable. On n’a pas croisé grand monde. La rééducation active continue tranquillement son&amp;nbsp;chemin.&lt;/p&gt;
+&lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
+        </entry>
+    
         <entry xml:lang="fr">
             <title type="html">Marcher</title>
             <link href="https://larlet.fr/david/2024/01/19/" rel="alternate" type="text/html" />

david/recherche/index.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
     </template>
     
     <script id="search-index" type="application/json">[
+  {
+    "title": "Extinction",
+    "url": "/david/2024/01/20/",
+    "date": "2024-01-20",
+    "content": "So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement\u00a0metrics. One important thing to note; websites aren\u2019t extinct. In fact, you\u2019re on one now! Uploading your own words is ancient technology but still\u00a0works. Where have all the flowers\u00a0gone? En r\u00e9ponse \u00e0 Where have all the websites gone? que j\u2019ai d\u00e9j\u00e0 cit\u00e9. Peut-\u00eatre que la capacit\u00e9 \u00e0 publier est toujours l\u00e0 mais que nous avons trop chang\u00e9 pour \u00eatre capables de perdurer dans cette pratique. 2024\u00a0pourrait me faire mentir car je vois une certaine effervescence dans mon agr\u00e9gateur. On va bien voir si \u00e7a dure. On va bien voir si je\u00a0dure. Guid\u00e9 par le besoin, je suis en train d\u2019automatiser des ancres sur mes <hr>, fausse bonne id\u00e9e\u202f? En affinant un peu le style \u00e7a me convient pour\u00a0l\u2019instant. public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists. Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML\u00a0archives. public-inbox spawned around three main\u00a0ideas: Publicly accessible and archived communication is essential to Free Software\u00a0development. Contributing to Free Software projects should not require the use of non-Free services or\u00a0software. Graphical user interfaces should not be required for text-based communication. Users may have broken graphics drivers, limited eyesight, or be unable to afford modern\u00a0hardware. public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal\u00a0overhead. public-inbox - an \"archives first\" approach to mailing\u00a0lists D\u2019une certaine mani\u00e8re, l\u2019extinction de voix des un\u00b7es fait mon bonheur de d\u00e9couverte aujourd\u2019hui. J\u2019esp\u00e8re que le r\u00e9flexe ne sera pas de passer de Google Groups \u00e0 Microsoft Github Discussions par\u00a0commodit\u00e9. \u2026 \u00e7a veut dire qu\u2019en vrai, les droits humains, tu t\u2019en fiches pas\u00a0mal. Et que tu es juste un peu raciste. Culture\u00a0fron\u00e7aise Voil\u00e0. <a href=\"/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg\" title=\"Cliquer pour une version haute r\u00e9solution\"> <img src=\"/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg\" width=\"3024\" height=\"3024\" srcset=\"/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg 3024w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_660x440.jpg 660w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_990x660.jpg 990w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_1320x880.jpg 1320w\" sizes=\"min(100vw, calc(100vh * 3024 / 3024))\" loading=\"lazy\" decoding=\"async\" alt=\"Un enfant de dos dans des traces de ski de fond classique \u00e0 la tomb\u00e9e du jour\"> -16\u00b0C, rien de mieux pour d\u00e9marrer une fin de semaine qu\u2019une sortie ski dans notre jardin apr\u00e8s\u00a0l\u2019\u00e9cole. Cette photo est floue, c\u2019est devenu tellement rare avec un t\u00e9l\u00e9phone (OK\u00a0Boomer\u00a0:p). Les couleurs \u00e9taient superbes et une fois les mains r\u00e9chauff\u00e9es c\u2019\u00e9tait une ambiance tr\u00e8s agr\u00e9able. On n\u2019a pas crois\u00e9 grand monde. La r\u00e9\u00e9ducation active continue tranquillement son\u00a0chemin."
+  },
   {
     "title": "Marcher",
     "url": "/david/2024/01/19/",
     "date": "2024-01-01",
     "content": "33\u202f% de 44\u00a0millions de consommateurs vont faire le Dry January 22\u202f% des consommateurs ont une conso excessive, c\u2019est-\u00e0-dire 10\u00a0verres/semaine max et plus de deux\u00a0verres/jour. Les seniors sont aussi tr\u00e8s touch\u00e9\u00b7es. L\u2019alcool est une drogue.. On peut faire la f\u00eate sans alcool et\u00a0s\u2019\u00e9clater. Quand on arr\u00eate\u00a0: bienfaits sur le foie, la peau, le coeur, etc\u2026 Pb\u00a0: m\u00e9moire, troubles cognitifs, responsable de cancer, pb sommeil, d\u00e9compensation de maladie psy,\u2026 41000\u00a0d\u00e9c\u00e8s par an en\u00a0France. Les cinq sympt\u00f4mes d\u00e9finissent un probl\u00e8me de\u00a0d\u00e9pendance\u00a0: Perte de\u00a0contr\u00f4le Usage\u00a0compulsif Envie\u00a0r\u00e9pressive Usage\u00a0chronique Cons\u00e9quences psychiques, physiques, sociales,\u2026 Bon Dry J. pour celleux qui le font\u202f! Moi j\u2019en\u00a0suis\u202f! @Air@framapiaf.org Dans mon entourage, de plus en plus de personnes que j\u2019estime ne boivent pas d\u2019alcool, de plus en plus de personnes qui vieillissent en deviennent d\u00e9pendantes. Je suis davantage attir\u00e9 par la premi\u00e8re option\u2026 et pas pour un seul\u00a0mois. Je me sens pr\u00eat, on verra bien o\u00f9 cela me\u00a0m\u00e8ne. Grosse envie de reprendre la CSS par ici en ce d\u00e9but d\u2019ann\u00e9e. Avec le dilemme de faire chuter cette motivation si je publie d\u00e8s maintenant avec l\u2019ancienne (qui restera effective sur les anciens articles). Je vais essayer de me\u00a0retenir."
   },
+  {
+    "title": "Extinction",
+    "url": "/david/2024/01/20/",
+    "date": "2024-01-20",
+    "content": "So where have all the websites gone? Well, the people who make them have all gone to war for the capitalist machine. They grew up and got jobs. A natural part of growing up. Silos came and plucked their voices. Invasive memes and short form content grew in their place. Hustle overtook leisure. Harassment overtook openness. Influence overtook creativity. An economy of interestingness replaced by one of followers, likes, and engagement\u00a0metrics. One important thing to note; websites aren\u2019t extinct. In fact, you\u2019re on one now! Uploading your own words is ancient technology but still\u00a0works. Where have all the flowers\u00a0gone? En r\u00e9ponse \u00e0 Where have all the websites gone? que j\u2019ai d\u00e9j\u00e0 cit\u00e9. Peut-\u00eatre que la capacit\u00e9 \u00e0 publier est toujours l\u00e0 mais que nous avons trop chang\u00e9 pour \u00eatre capables de perdurer dans cette pratique. 2024\u00a0pourrait me faire mentir car je vois une certaine effervescence dans mon agr\u00e9gateur. On va bien voir si \u00e7a dure. On va bien voir si je\u00a0dure. Guid\u00e9 par le besoin, je suis en train d\u2019automatiser des ancres sur mes <hr>, fausse bonne id\u00e9e\u202f? En affinant un peu le style \u00e7a me convient pour\u00a0l\u2019instant. public-inbox implements the sharing of an email inbox via git to complement or replace traditional mailing lists. Readers may read via NNTP, IMAP, POP3, Atom feeds or HTML\u00a0archives. public-inbox spawned around three main\u00a0ideas: Publicly accessible and archived communication is essential to Free Software\u00a0development. Contributing to Free Software projects should not require the use of non-Free services or\u00a0software. Graphical user interfaces should not be required for text-based communication. Users may have broken graphics drivers, limited eyesight, or be unable to afford modern\u00a0hardware. public-inbox aims to be easy-to-deploy and manage; encouraging projects to run their own instances with minimal\u00a0overhead. public-inbox - an \"archives first\" approach to mailing\u00a0lists D\u2019une certaine mani\u00e8re, l\u2019extinction de voix des un\u00b7es fait mon bonheur de d\u00e9couverte aujourd\u2019hui. J\u2019esp\u00e8re que le r\u00e9flexe ne sera pas de passer de Google Groups \u00e0 Microsoft Github Discussions par\u00a0commodit\u00e9. \u2026 \u00e7a veut dire qu\u2019en vrai, les droits humains, tu t\u2019en fiches pas\u00a0mal. Et que tu es juste un peu raciste. Culture\u00a0fron\u00e7aise Voil\u00e0. <a href=\"/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg\" title=\"Cliquer pour une version haute r\u00e9solution\"> <img src=\"/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg\" width=\"3024\" height=\"3024\" srcset=\"/static/david/2024/2024-01-19-ski-de-fond-nocturne.jpg 3024w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_660x440.jpg 660w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_990x660.jpg 990w, /static/david/2024/2024-01-19-ski-de-fond-nocturne_1320x880.jpg 1320w\" sizes=\"min(100vw, calc(100vh * 3024 / 3024))\" loading=\"lazy\" decoding=\"async\" alt=\"Un enfant de dos dans des traces de ski de fond classique \u00e0 la tomb\u00e9e du jour\"> -16\u00b0C, rien de mieux pour d\u00e9marrer une fin de semaine qu\u2019une sortie ski dans notre jardin apr\u00e8s\u00a0l\u2019\u00e9cole. Cette photo est floue, c\u2019est devenu tellement rare avec un t\u00e9l\u00e9phone (OK\u00a0Boomer\u00a0:p). Les couleurs \u00e9taient superbes et une fois les mains r\u00e9chauff\u00e9es c\u2019\u00e9tait une ambiance tr\u00e8s agr\u00e9able. On n\u2019a pas crois\u00e9 grand monde. La r\u00e9\u00e9ducation active continue tranquillement son\u00a0chemin."
+  },
   {
     "title": "Marcher",
     "url": "/david/2024/01/19/",

david/templates/base_2024.html

   https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
   <meta name="robots" content="noai, noimageai">
   <!-- Documented, feel free to shoot an email. -->
-  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
+  <link rel="stylesheet" href="/static/david/css/style_2024-01-19.css">
   <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
   <link rel="preload"
         href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"

site.py

         )
 
 
-class H2AnchorsRenderer(CustomLinkAttributesRenderer, ImgsWithSizesRenderer):
-    """Custom renderer for H2 titles with anchors."""
+class AnchorsRenderer(CustomLinkAttributesRenderer, ImgsWithSizesRenderer):
+    """Custom renderer for H2 titles and HR with anchors."""
+
+    # This is fragile to say the least…
+    global_counter = 0
 
     def heading(self, text, level):
         if level == 2:
         else:
             return super().heading(text, level)
 
+    def thematic_break(self) -> str:
+        self.global_counter += 1
+        id = f"hr-{self.global_counter}"
+        return (
+            f'<a href="#{id}" title="Lien vers cette section de la page">'
+            f'<hr id="{id}" />'
+            "</a>\n"
+        )
+
 
 # We want a custom renderer to create a hash/link for each H2 headings.
-markdown_with_h2_anchors = mistune.Markdown(
-    renderer=H2AnchorsRenderer(escape=False),
+markdown_with_anchors = mistune.Markdown(
+    renderer=AnchorsRenderer(escape=False),
     plugins=[mark, strikethrough],
 )
 # The second markdown is pertinent to generate articles for the feed,
         return self.date < other.date
 
     @staticmethod
-    def all(source: Path, only_published=True, with_h2_anchors=True):
+    def all(source: Path, only_published=True, with_anchors=True):
         """Retrieve all pages sorted by desc."""
         page_list = []
-        md = markdown_with_h2_anchors if with_h2_anchors else markdown_with_img_sizes
+        md = markdown_with_anchors if with_anchors else markdown_with_img_sizes
         for file_path in sorted(each_file_from(source, pattern="*.md")):
             result, state = md.read(file_path)
             result = widont(result, html=True)
     """Build the static search page with custom index."""
     template = environment.get_template("recherche_2024.html")
     page_list_2024 = Page.all(
-        source=SOURCES_PATH, only_published=True, with_h2_anchors=False
+        source=SOURCES_PATH, only_published=True, with_anchors=False
     )
     page_list_2023 = Page.all(
-        source=SOURCES_PATH, only_published=True, with_h2_anchors=False
+        source=SOURCES_PATH, only_published=True, with_anchors=False
     )
     page_list_2022 = Page.all(
-        source=DAVID / "2022" / "_sources", only_published=True, with_h2_anchors=False
+        source=DAVID / "2022" / "_sources", only_published=True, with_anchors=False
     )
     page_list_2021 = Page.all(
-        source=DAVID / "2021" / "sources", only_published=True, with_h2_anchors=False
+        source=DAVID / "2021" / "sources", only_published=True, with_anchors=False
     )
     page_list_2020 = Page.all(
-        source=DAVID / "2020", only_published=True, with_h2_anchors=False
+        source=DAVID / "2020", only_published=True, with_anchors=False
     )
     blog_page_list_2019 = BlogPage.all(source=DAVID / "blog" / "2019")
     blog_page_list_2018 = BlogPage.all(source=DAVID / "blog" / "2018")
 def feed():
     """Generate a feed from last published items."""
     template = environment.get_template("feed.xml")
-    page_list = Page.all(source=SOURCES_PATH, with_h2_anchors=False)
+    page_list = Page.all(source=SOURCES_PATH, with_anchors=False)
     content = template.render(
         page_list=page_list[:NB_ITEMS_IN_FEED],
         current_dt=TODAY.strftime(NORMALIZED_STRFTIME),