9ヶ月前 · 1da67e79c7
--- a/david/2024/01/01/index.html
+++ b/david/2024/01/01/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/02/index.html
+++ b/david/2024/01/02/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,13 +142,33 @@
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a data-link-domain="caniuse.com" href="https://caniuse.com/css-cascade-layers">Baseline™ 2022</a>. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. <mark>Au pire, cette page nue est consultable</mark> et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des <a data-link-domain="css-tricks.com" href="https://css-tricks.com/css-cascade-layers/">CSS layers</a> mais quand je fais une refonte de cet espace je ne suis pas <em>que</em> sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. <strong>Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.</strong> Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&nbsp;colon.</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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em>, Karl</cite></p>
 </blockquote>
 <p>🧡</p>
 <a href="#hr-3" title="Lien vers cette section de la page"><hr id="hr-3" /></a>
--- a/david/2024/01/03/index.html
+++ b/david/2024/01/03/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/04/index.html
+++ b/david/2024/01/04/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -139,7 +139,17 @@
 </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>
 <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 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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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 {
    content: &quot;citation&quot;;
--- a/david/2024/01/05/index.html
+++ b/david/2024/01/05/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/06/index.html
+++ b/david/2024/01/06/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/07/index.html
+++ b/david/2024/01/07/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -154,7 +154,17 @@
 <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>
 <p>Je suis&nbsp;impressionné.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">[archive]</a></em>, Karl</cite></p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em>, Karl</cite></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>
@@ -163,10 +173,30 @@
 <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>We are primarily in the business of search and we’d like to stay focused on&nbsp;that.</p>
 <p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">[archive]</a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 <p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 </blockquote>
 <p>À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&nbsp;terrible.</p>
 <p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">[archive]</a> est ma nouvelle&nbsp;cryptonite.</p>
 <p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> est ma nouvelle&nbsp;cryptonite.</p>

  
    <nav>
--- a/david/2024/01/08/index.html
+++ b/david/2024/01/08/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -167,14 +167,34 @@ a::before {

 <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="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>J’ai ri. Je n’ai jamais fait une telle page car je sais que je n’arriverais pas à la maintenir à jour. Je galère déjà avec mon <a data-link-domain="larlet.com" href="https://larlet.com/">profil pro</a>.</p>

 <blockquote lang="en">
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this&nbsp;too).</p>
 <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&nbsp;change”.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Note&nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&nbsp;articles.</p>
 <a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
--- a/david/2024/01/09/index.html
+++ b/david/2024/01/09/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,13 +142,33 @@

 <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><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>C’est ce que j’essaye de faire depuis plusieurs années déjà et non seulement ça me permet d’améliorer le couple sémantique HTML/CSS mais ça rend mon JS plus résilient&nbsp;aussi&#8239;!</p>

 <blockquote lang="en">
 <p>Recently I decided to stop using the word <em>semantics</em>. Instead I talk about the <abbr title="User eXperience">UX</abbr> of <abbr title="HyperText Markup Language">HTML</abbr>. And all of a sudden my students are not allergic to <abbr>HTML</abbr> anymore but really interested. Instead of explaining the meaning of a certain element, I show them <em>what it does</em>. So we look at <em>what happens</em> when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a <em>label</em>, the hover state of the connected <em>input</em> is shown. My students <em>love</em> stuff like that. They care about <abbr>UX</abbr>.</p>
 <p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>

  
--- a/david/2024/01/10/index.html
+++ b/david/2024/01/10/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -138,7 +138,17 @@
 <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
 <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
 <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
 <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Quelques étoiles dans la&nbsp;galaxie&nbsp;:</p>
 <ul>
@@ -154,21 +164,51 @@
 <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><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
 <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Un article de TheVerge qui risque de ne pas être très bien référencé. Le moment où l’on s’adapte pour nourrir les robots n’est pas nouveau, on a «&nbsp;juste&nbsp;» mis une nouvelle étiquette dessus en 2023&nbsp;qui permet aux robots / algorithmes de se battre entre eux de manière&nbsp;explicite.</p>
 <p>Pas sûr de vouloir <a data-link-domain="darkvisitors.com" href="https://darkvisitors.com/robots-txt-builder">entrer sur le ring</a> sans m’épuiser très&nbsp;vite.</p>

 <blockquote lang="en">
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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>
 <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
 <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></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>
@@ -186,7 +226,17 @@
 <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>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
 <p><cite><em><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></em></cite></p>
 <p><cite><em><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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Dixième jour que j’ai l’impression de faire des billets trop longs. Beaucoup d’éparpillement suite à un cumul d’onglets ouverts, parfois depuis bien longtemps. Ça vous laisse un petit exercice de <q lang="en">curation</q> vous&nbsp;aussi&nbsp;:).</p>

--- a/david/2024/01/11/index.html
+++ b/david/2024/01/11/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -136,9 +136,29 @@
 <blockquote lang="en">
 <p>If front web developers work closer to the users’ needs and problems, <mark>if they feel more implicated in the user experience,</mark> they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]</p>
 <p>Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&nbsp;creating.</p>
 <p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">[archive]</a> prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&nbsp;commun.</p>
 <p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&nbsp;commun.</p>
 <p><strong>Une carrière est la cartographie de ces expériences.</strong> Savoir identifier les <em>optima</em> locaux qui ont pu procurer de la joie ainsi que les lieux de convergence où l’on aime bien aller car il y a le bon dosage effort / récompense. Apprendre à reconnaître les sentiers hasardeux où l’on a déjà laissé des plumes et reconnaître aussi qu’un contexte et des personnes peuvent&nbsp;changer.</p>
 <p>Admettre que l’on a soi-même changé tout au long de ce&nbsp;cheminement.</p>

@@ -146,13 +166,33 @@
 <p>At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&nbsp;request.</p>
 <p>No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&nbsp;selling.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe article de Ahmad Shadeed. En résumé, il faut soigner ses <em>paddings</em> mais il y a pas mal d’astuces CSS pour y arriver dans certaines conditions. Je retiens notamment l’usage d’un <code>:after</code> pour ça <a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size#mobile-menu">lorsqu’il s’agit d’icônes</a>&nbsp;notamment&nbsp;:</p>
 <pre><code>.search__filter:after {
--- a/david/2024/01/12/index.html
+++ b/david/2024/01/12/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -136,33 +136,113 @@
 <blockquote>
 <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
 <p>J’écris de deux&nbsp;façons.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">[archive]</a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
 <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">[archive]</a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>
 <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
 <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>

 <blockquote lang="en">
 <p><strong>marketing feels like a layer of veneer, full of shiny promises in order to reel you in, where the goal is to collect you — as a part of an&nbsp;“audience.”</strong></p>
 <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
 <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>. Une autre façon d’être&nbsp;dé·formé.</p>
 <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>
--- a/david/2024/01/13/index.html
+++ b/david/2024/01/13/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -138,7 +138,37 @@
 <p>Décliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&nbsp;retenir.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
--- a/david/2024/01/14/index.html
+++ b/david/2024/01/14/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -151,9 +151,29 @@

 <blockquote lang="en">
 <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> par&nbsp;contre.</p>
 <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>
--- a/david/2024/01/15/index.html
+++ b/david/2024/01/15/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/16/index.html
+++ b/david/2024/01/16/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -147,7 +147,17 @@

 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>

  
--- a/david/2024/01/17/index.html
+++ b/david/2024/01/17/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -136,7 +136,17 @@
 <blockquote>
 <p>Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&nbsp;génération.</p>
 <p><mark>Il n’y a quasiment aucune personne de 50&nbsp;ans ou plus dans les équipes techniques.</mark> Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&nbsp;métier.</p>
 <p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Cet onglet d’Éric D. est ouvert dans mon navigateur depuis plus d’un an (rassurez-vous, il était bien entouré avec au moins 300&nbsp;collègues). Le temps passant, je me pose également ces&nbsp;questions…</p>
 <p>Il y a deux&nbsp;aspects&nbsp;:</p>
@@ -150,7 +160,17 @@

 <blockquote lang="en">
 <p>After almost 10&nbsp;years of remote work, it would be close to impossible for me to go back to an&nbsp;office.</p>
 <p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </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>
@@ -160,7 +180,17 @@

 <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><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Je partage l’analyse de Baldur, l’avenir est à la rouille. De <a data-link-domain="biomejs.dev" href="https://biomejs.dev/">Biome</a> à <a data-link-domain="docs.astral.sh" href="https://docs.astral.sh/ruff/">Ruff</a> en passant par <a data-link-domain="rye-up.com" href="https://rye-up.com/">rye</a> ou <a data-link-domain="hurl.dev" href="https://hurl.dev/">hurl</a> pour n’en citer que quelques uns, <a data-link-domain="rust-lang.org" href="https://www.rust-lang.org/">Rust</a> est en train de devenir un véritable atout pour tout ce qui est&nbsp;outils-performants-autour-du-web.</p>
 <p>Les (vieilles) mauvaises langues pourraient dire que l’on arrive au bout de la décennie tout-JS, surtout avec l’arrivée de <a data-link-domain="component-model.bytecodealliance.org" href="https://component-model.bytecodealliance.org/language-support/python.html">WebAssembly+Python</a>&nbsp;🤞.</p>
--- a/david/2024/01/18/index.html
+++ b/david/2024/01/18/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/19/index.html
+++ b/david/2024/01/19/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -136,7 +136,17 @@
 <blockquote lang="en">
 <p>A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&nbsp;memorable.</p>
 <p><mark>To focus on conversations while walking,</mark> participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&#8239;km and has had deep conversations with all the&nbsp;others.</p>
 <p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </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>
@@ -144,7 +154,17 @@

 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <a href="#hr-39" title="Lien vers cette section de la page"><hr id="hr-39" /></a>
--- a/david/2024/01/20/index.html
+++ b/david/2024/01/20/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -136,9 +136,29 @@
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>

@@ -151,7 +171,17 @@
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
--- a/david/2024/01/21/index.html
+++ b/david/2024/01/21/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/22/index.html
+++ b/david/2024/01/22/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -141,7 +141,17 @@
 <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">[archive]</a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
 <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
 <p>C’est l’une des choses que rend possible le numérique. Légitimité sans argument d’autorité, tout un programme. Et si je tentais des choses ces prochains&nbsp;jours&#8239;?</p>

 <blockquote lang="en">
@@ -153,15 +163,55 @@
 <blockquote lang="en">
 <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
 <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
 <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">[archive]</a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">[archive]</a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
 <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
 <p><em>Je remarque au passage qu’iels chaussent les mêmes bottes Baffin que moi par grand&nbsp;froid.</em></p>
 <a href="#hr-44" title="Lien vers cette section de la page"><hr id="hr-44" /></a>

 <blockquote>
 <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
 <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe manuel de Florence Chabanois avec plein de conseils et de liens pour creuser. J’appuie le fait qu’il est important d’être bien entourée pour rentrer dans ce domaine, pas seulement pour l’apprentissage de la technique mais pour déconstruire des situations sans se sentir démunie face à une culture toxique. N’hésitez pas à rejoindre l’un des collectifs&nbsp;listés.</p>
 <p>Je peux faire le <em>parrain-à-6000km</em>, mon adresse de courriel est en pied de&nbsp;page.</p>
--- a/david/2024/01/23/index.html
+++ b/david/2024/01/23/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/24/index.html
+++ b/david/2024/01/24/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -144,7 +144,17 @@

 <blockquote lang="en">
 <p>Further, if we have learned anything in the last 3&nbsp;years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business&nbsp;value.</p>
 <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Tout est&nbsp;dit.</p>
 <a href="#hr-47" title="Lien vers cette section de la page"><hr id="hr-47" /></a>
--- a/david/2024/01/25/index.html
+++ b/david/2024/01/25/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -154,7 +154,17 @@

 <blockquote>
 <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable&#8239;? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019&nbsp;l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont&nbsp;évolué.</p>
 <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Il y a des choses intéressantes qui ressortent de cet observatoire, notamment en comparant les résultats au cours du temps. Je me demande ce que pourraient donner les résultats de ce même sondage au&nbsp;Québec.</p>
 <a href="#hr-49" title="Lien vers cette section de la page"><hr id="hr-49" /></a>
--- a/david/2024/01/26/index.html
+++ b/david/2024/01/26/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -136,7 +136,17 @@
 <blockquote lang="en">
 <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
 <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
 <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>J’avoue avoir sauté sur l’occasion lorsque j’en ai eu la possibilité avec <a data-link-domain="git-tower.com" href="https://www.git-tower.com/help/guides/integration/gpg/mac">mon client git</a> pour avoir le badge vert sur Microsoft GitHub et Gitlab sans trop me poser de questions. C’était peut-être une erreur et je vais faire mûrir ma réflexion maintenant qu’on m’a mis le nez&nbsp;dedans.</p>
 <p>Entre <em>refus de parvenir</em> et auto-défense&nbsp;numérique.</p>
@@ -155,7 +165,17 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous

 <blockquote lang="en">
 <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
 <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe initiative qui rappelle cruellement ce <a data-link-domain="xkcd.com" href="https://xkcd.com/927/">célèbre XKCD</a> mais qui m’est franchement bien plus utilisable qu’un PDF, quel que soit le lecteur… à part pour en récupérer la source avec mon extracteur maison. Cela me fait découvrir <a data-link-domain="nota-lang.org" href="https://nota-lang.org/">Nota</a> au&nbsp;passage.</p>
 <p>Un simple individu peut-il faire bouger des choses dans le&nbsp;domaine&#8239;?</p>
--- a/david/2024/01/27/index.html
+++ b/david/2024/01/27/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/01/28/index.html
+++ b/david/2024/01/28/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/accessibilite/index.html
+++ b/david/2024/accessibilite/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -148,13 +148,33 @@

 <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><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>C’est ce que j’essaye de faire depuis plusieurs années déjà et non seulement ça me permet d’améliorer le couple sémantique HTML/CSS mais ça rend mon JS plus résilient&nbsp;aussi&#8239;!</p>

 <blockquote lang="en">
 <p>Recently I decided to stop using the word <em>semantics</em>. Instead I talk about the <abbr title="User eXperience">UX</abbr> of <abbr title="HyperText Markup Language">HTML</abbr>. And all of a sudden my students are not allergic to <abbr>HTML</abbr> anymore but really interested. Instead of explaining the meaning of a certain element, I show them <em>what it does</em>. So we look at <em>what happens</em> when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a <em>label</em>, the hover state of the connected <em>input</em> is shown. My students <em>love</em> stuff like that. They care about <abbr>UX</abbr>.</p>
 <p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>

    
--- a/david/2024/accompagnement/index.html
+++ b/david/2024/accompagnement/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,7 +142,17 @@
 <blockquote lang="en">
 <p>A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&nbsp;memorable.</p>
 <p><mark>To focus on conversations while walking,</mark> participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&#8239;km and has had deep conversations with all the&nbsp;others.</p>
 <p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </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>
@@ -150,7 +160,17 @@

 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <a href="#hr-39" title="Lien vers cette section de la page"><hr id="hr-39" /></a>
--- a/david/2024/addiction/index.html
+++ b/david/2024/addiction/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -153,7 +153,17 @@

 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>

    
--- a/david/2024/apprentissage/index.html
+++ b/david/2024/apprentissage/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -160,7 +160,17 @@

 <blockquote>
 <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable&#8239;? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019&nbsp;l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont&nbsp;évolué.</p>
 <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Il y a des choses intéressantes qui ressortent de cet observatoire, notamment en comparant les résultats au cours du temps. Je me demande ce que pourraient donner les résultats de ce même sondage au&nbsp;Québec.</p>
 <a href="#hr-49" title="Lien vers cette section de la page"><hr id="hr-49" /></a>
@@ -259,7 +269,17 @@
 <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
 <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
 <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
 <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Quelques étoiles dans la&nbsp;galaxie&nbsp;:</p>
 <ul>
@@ -275,21 +295,51 @@
 <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><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
 <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Un article de TheVerge qui risque de ne pas être très bien référencé. Le moment où l’on s’adapte pour nourrir les robots n’est pas nouveau, on a «&nbsp;juste&nbsp;» mis une nouvelle étiquette dessus en 2023&nbsp;qui permet aux robots / algorithmes de se battre entre eux de manière&nbsp;explicite.</p>
 <p>Pas sûr de vouloir <a data-link-domain="darkvisitors.com" href="https://darkvisitors.com/robots-txt-builder">entrer sur le ring</a> sans m’épuiser très&nbsp;vite.</p>

 <blockquote lang="en">
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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>
 <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
 <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></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>
@@ -307,7 +357,17 @@
 <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>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
 <p><cite><em><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></em></cite></p>
 <p><cite><em><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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Dixième jour que j’ai l’impression de faire des billets trop longs. Beaucoup d’éparpillement suite à un cumul d’onglets ouverts, parfois depuis bien longtemps. Ça vous laisse un petit exercice de <q lang="en">curation</q> vous&nbsp;aussi&nbsp;:).</p>

@@ -358,7 +418,17 @@
 <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>
 <p>Je suis&nbsp;impressionné.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">[archive]</a></em>, Karl</cite></p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em>, Karl</cite></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>
@@ -367,10 +437,30 @@
 <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>We are primarily in the business of search and we’d like to stay focused on&nbsp;that.</p>
 <p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">[archive]</a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 <p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 </blockquote>
 <p>À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&nbsp;terrible.</p>
 <p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">[archive]</a> est ma nouvelle&nbsp;cryptonite.</p>
 <p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> est ma nouvelle&nbsp;cryptonite.</p>

    
      <nav>
--- a/david/2024/commun/index.html
+++ b/david/2024/commun/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/communaute/index.html
+++ b/david/2024/communaute/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -150,7 +150,17 @@

 <blockquote lang="en">
 <p>Further, if we have learned anything in the last 3&nbsp;years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business&nbsp;value.</p>
 <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Tout est&nbsp;dit.</p>
 <a href="#hr-47" title="Lien vers cette section de la page"><hr id="hr-47" /></a>
@@ -194,7 +204,17 @@ par nos&nbsp;obscurités</p>
 <blockquote lang="en">
 <p>A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&nbsp;memorable.</p>
 <p><mark>To focus on conversations while walking,</mark> participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&#8239;km and has had deep conversations with all the&nbsp;others.</p>
 <p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </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>
@@ -202,7 +222,17 @@ par nos&nbsp;obscurités</p>

 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <a href="#hr-39" title="Lien vers cette section de la page"><hr id="hr-39" /></a>
@@ -264,7 +294,17 @@ quelqu’un nous&nbsp;voit</p>
 <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>
 <p>Je suis&nbsp;impressionné.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">[archive]</a></em>, Karl</cite></p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em>, Karl</cite></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>
@@ -273,10 +313,30 @@ quelqu’un nous&nbsp;voit</p>
 <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>We are primarily in the business of search and we’d like to stay focused on&nbsp;that.</p>
 <p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">[archive]</a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 <p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 </blockquote>
 <p>À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&nbsp;terrible.</p>
 <p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">[archive]</a> est ma nouvelle&nbsp;cryptonite.</p>
 <p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> est ma nouvelle&nbsp;cryptonite.</p>

    
      <nav>
--- a/david/2024/decision/index.html
+++ b/david/2024/decision/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/dependance/index.html
+++ b/david/2024/dependance/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,9 +142,29 @@
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>

@@ -157,7 +177,17 @@
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
--- a/david/2024/echanges/index.html
+++ b/david/2024/echanges/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -147,7 +147,17 @@
 <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">[archive]</a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
 <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
 <p>C’est l’une des choses que rend possible le numérique. Légitimité sans argument d’autorité, tout un programme. Et si je tentais des choses ces prochains&nbsp;jours&#8239;?</p>

 <blockquote lang="en">
@@ -159,15 +169,55 @@
 <blockquote lang="en">
 <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
 <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
 <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">[archive]</a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">[archive]</a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
 <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
 <p><em>Je remarque au passage qu’iels chaussent les mêmes bottes Baffin que moi par grand&nbsp;froid.</em></p>
 <a href="#hr-44" title="Lien vers cette section de la page"><hr id="hr-44" /></a>

 <blockquote>
 <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
 <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe manuel de Florence Chabanois avec plein de conseils et de liens pour creuser. J’appuie le fait qu’il est important d’être bien entourée pour rentrer dans ce domaine, pas seulement pour l’apprentissage de la technique mais pour déconstruire des situations sans se sentir démunie face à une culture toxique. N’hésitez pas à rejoindre l’un des collectifs&nbsp;listés.</p>
 <p>Je peux faire le <em>parrain-à-6000km</em>, mon adresse de courriel est en pied de&nbsp;page.</p>
@@ -209,7 +259,17 @@
 <blockquote lang="en">
 <p>A walk-and-talk is a moveable salon. A small group of people walk together for a week, having casual conversations side-by-side during most of the day. In the evening the group sits down to an intense hours-long discussion centered on a daily chosen topic by those present. A moderator keeps the conversation on that day’s single topic to sharpen it and make it&nbsp;memorable.</p>
 <p><mark>To focus on conversations while walking,</mark> participants carry only day-packs, and eat locally prepared meals. The walks are not strenuous and to keep it even more inspiring, they take place in storied environments that are walker-friendly, such as footpaths in England, Japan, and Spain. By the end of the week, every person present has walked about 100&#8239;km and has had deep conversations with all the&nbsp;others.</p>
 <p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="craigmod.com" href="https://craigmod.com/ridgeline/176/">The Walk and Talk: Everything We Know</a> <a href="/david/cache/2024/877ad04fd329c26c80113e15dec540df/" title="Copie locale au 2024-01-18">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </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>
@@ -217,7 +277,17 @@

 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <a href="#hr-39" title="Lien vers cette section de la page"><hr id="hr-39" /></a>
--- a/david/2024/ecriture/index.html
+++ b/david/2024/ecriture/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -157,9 +157,29 @@

 <blockquote lang="en">
 <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> par&nbsp;contre.</p>
 <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>
@@ -198,7 +218,37 @@
 <p>Décliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&nbsp;retenir.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
@@ -240,33 +290,113 @@
 <blockquote>
 <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
 <p>J’écris de deux&nbsp;façons.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">[archive]</a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
 <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">[archive]</a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>
 <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
 <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>

 <blockquote lang="en">
 <p><strong>marketing feels like a layer of veneer, full of shiny promises in order to reel you in, where the goal is to collect you — as a part of an&nbsp;“audience.”</strong></p>
 <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
 <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>. Une autre façon d’être&nbsp;dé·formé.</p>
 <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>
@@ -305,7 +435,17 @@
 <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
 <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
 <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
 <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Quelques étoiles dans la&nbsp;galaxie&nbsp;:</p>
 <ul>
@@ -321,21 +461,51 @@
 <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><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
 <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Un article de TheVerge qui risque de ne pas être très bien référencé. Le moment où l’on s’adapte pour nourrir les robots n’est pas nouveau, on a «&nbsp;juste&nbsp;» mis une nouvelle étiquette dessus en 2023&nbsp;qui permet aux robots / algorithmes de se battre entre eux de manière&nbsp;explicite.</p>
 <p>Pas sûr de vouloir <a data-link-domain="darkvisitors.com" href="https://darkvisitors.com/robots-txt-builder">entrer sur le ring</a> sans m’épuiser très&nbsp;vite.</p>

 <blockquote lang="en">
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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>
 <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
 <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></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>
@@ -353,7 +523,17 @@
 <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>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
 <p><cite><em><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></em></cite></p>
 <p><cite><em><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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Dixième jour que j’ai l’impression de faire des billets trop longs. Beaucoup d’éparpillement suite à un cumul d’onglets ouverts, parfois depuis bien longtemps. Ça vous laisse un petit exercice de <q lang="en">curation</q> vous&nbsp;aussi&nbsp;:).</p>

--- a/david/2024/equipe/index.html
+++ b/david/2024/equipe/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -160,7 +160,17 @@

 <blockquote>
 <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable&#8239;? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019&nbsp;l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont&nbsp;évolué.</p>
 <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Il y a des choses intéressantes qui ressortent de cet observatoire, notamment en comparant les résultats au cours du temps. Je me demande ce que pourraient donner les résultats de ce même sondage au&nbsp;Québec.</p>
 <a href="#hr-49" title="Lien vers cette section de la page"><hr id="hr-49" /></a>
@@ -203,7 +213,17 @@

 <blockquote lang="en">
 <p>Further, if we have learned anything in the last 3&nbsp;years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business&nbsp;value.</p>
 <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Tout est&nbsp;dit.</p>
 <a href="#hr-47" title="Lien vers cette section de la page"><hr id="hr-47" /></a>
--- a/david/2024/evolution/index.html
+++ b/david/2024/evolution/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,9 +142,29 @@
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>

@@ -157,7 +177,17 @@
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
@@ -225,7 +255,17 @@

 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>

    
@@ -293,9 +333,29 @@
 <blockquote lang="en">
 <p>If front web developers work closer to the users’ needs and problems, <mark>if they feel more implicated in the user experience,</mark> they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]</p>
 <p>Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&nbsp;creating.</p>
 <p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">[archive]</a> prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&nbsp;commun.</p>
 <p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&nbsp;commun.</p>
 <p><strong>Une carrière est la cartographie de ces expériences.</strong> Savoir identifier les <em>optima</em> locaux qui ont pu procurer de la joie ainsi que les lieux de convergence où l’on aime bien aller car il y a le bon dosage effort / récompense. Apprendre à reconnaître les sentiers hasardeux où l’on a déjà laissé des plumes et reconnaître aussi qu’un contexte et des personnes peuvent&nbsp;changer.</p>
 <p>Admettre que l’on a soi-même changé tout au long de ce&nbsp;cheminement.</p>

@@ -303,13 +363,33 @@
 <p>At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&nbsp;request.</p>
 <p>No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&nbsp;selling.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe article de Ahmad Shadeed. En résumé, il faut soigner ses <em>paddings</em> mais il y a pas mal d’astuces CSS pour y arriver dans certaines conditions. Je retiens notamment l’usage d’un <code>:after</code> pour ça <a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size#mobile-menu">lorsqu’il s’agit d’icônes</a>&nbsp;notamment&nbsp;:</p>
 <pre><code>.search__filter:after {
--- a/david/2024/experience/index.html
+++ b/david/2024/experience/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -346,7 +346,17 @@
 <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">[archive]</a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
 <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
 <p>C’est l’une des choses que rend possible le numérique. Légitimité sans argument d’autorité, tout un programme. Et si je tentais des choses ces prochains&nbsp;jours&#8239;?</p>

 <blockquote lang="en">
@@ -358,15 +368,55 @@
 <blockquote lang="en">
 <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
 <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
 <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">[archive]</a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">[archive]</a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
 <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
 <p><em>Je remarque au passage qu’iels chaussent les mêmes bottes Baffin que moi par grand&nbsp;froid.</em></p>
 <a href="#hr-44" title="Lien vers cette section de la page"><hr id="hr-44" /></a>

 <blockquote>
 <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
 <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe manuel de Florence Chabanois avec plein de conseils et de liens pour creuser. J’appuie le fait qu’il est important d’être bien entourée pour rentrer dans ce domaine, pas seulement pour l’apprentissage de la technique mais pour déconstruire des situations sans se sentir démunie face à une culture toxique. N’hésitez pas à rejoindre l’un des collectifs&nbsp;listés.</p>
 <p>Je peux faire le <em>parrain-à-6000km</em>, mon adresse de courriel est en pied de&nbsp;page.</p>
@@ -408,7 +458,17 @@
 <blockquote>
 <p>Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&nbsp;génération.</p>
 <p><mark>Il n’y a quasiment aucune personne de 50&nbsp;ans ou plus dans les équipes techniques.</mark> Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&nbsp;métier.</p>
 <p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Cet onglet d’Éric D. est ouvert dans mon navigateur depuis plus d’un an (rassurez-vous, il était bien entouré avec au moins 300&nbsp;collègues). Le temps passant, je me pose également ces&nbsp;questions…</p>
 <p>Il y a deux&nbsp;aspects&nbsp;:</p>
@@ -422,7 +482,17 @@

 <blockquote lang="en">
 <p>After almost 10&nbsp;years of remote work, it would be close to impossible for me to go back to an&nbsp;office.</p>
 <p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </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>
@@ -432,7 +502,17 @@

 <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><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Je partage l’analyse de Baldur, l’avenir est à la rouille. De <a data-link-domain="biomejs.dev" href="https://biomejs.dev/">Biome</a> à <a data-link-domain="docs.astral.sh" href="https://docs.astral.sh/ruff/">Ruff</a> en passant par <a data-link-domain="rye-up.com" href="https://rye-up.com/">rye</a> ou <a data-link-domain="hurl.dev" href="https://hurl.dev/">hurl</a> pour n’en citer que quelques uns, <a data-link-domain="rust-lang.org" href="https://www.rust-lang.org/">Rust</a> est en train de devenir un véritable atout pour tout ce qui est&nbsp;outils-performants-autour-du-web.</p>
 <p>Les (vieilles) mauvaises langues pourraient dire que l’on arrive au bout de la décennie tout-JS, surtout avec l’arrivée de <a data-link-domain="component-model.bytecodealliance.org" href="https://component-model.bytecodealliance.org/language-support/python.html">WebAssembly+Python</a>&nbsp;🤞.</p>
@@ -481,9 +561,29 @@

 <blockquote lang="en">
 <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> par&nbsp;contre.</p>
 <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>
@@ -526,13 +626,33 @@
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a data-link-domain="caniuse.com" href="https://caniuse.com/css-cascade-layers">Baseline™ 2022</a>. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. <mark>Au pire, cette page nue est consultable</mark> et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des <a data-link-domain="css-tricks.com" href="https://css-tricks.com/css-cascade-layers/">CSS layers</a> mais quand je fais une refonte de cet espace je ne suis pas <em>que</em> sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. <strong>Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.</strong> Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&nbsp;colon.</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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em>, Karl</cite></p>
 </blockquote>
 <p>🧡</p>
 <a href="#hr-3" title="Lien vers cette section de la page"><hr id="hr-3" /></a>
--- a/david/2024/fediverse/index.html
+++ b/david/2024/fediverse/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -160,7 +160,17 @@
 <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>
 <p>Je suis&nbsp;impressionné.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">[archive]</a></em>, Karl</cite></p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/06/ebauche">plaisir d’ébauche</a> <a href="/david/cache/2024/d75afc90a9d3c3b5a56b69446795fbb5/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em>, Karl</cite></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>
@@ -169,10 +179,30 @@
 <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>We are primarily in the business of search and we’d like to stay focused on&nbsp;that.</p>
 <p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">[archive]</a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 <p><cite><em><a data-link-domain="kagifeedback.org" href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6">Vlad (admin Kagi) répondant</a> <a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> à «&nbsp;Reconsider your partnership with&nbsp;Brave&nbsp;»</em></cite></p>
 </blockquote>
 <p>À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&nbsp;terrible.</p>
 <p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">[archive]</a> est ma nouvelle&nbsp;cryptonite.</p>
 <p><a data-link-domain="theverge.com" href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy">Pas de politique au travail</a> <a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> est ma nouvelle&nbsp;cryptonite.</p>

    
      <nav>
--- a/david/2024/foret/index.html
+++ b/david/2024/foret/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/gratitude/index.html
+++ b/david/2024/gratitude/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,7 +142,17 @@
 <blockquote lang="en">
 <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
 <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
 <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>J’avoue avoir sauté sur l’occasion lorsque j’en ai eu la possibilité avec <a data-link-domain="git-tower.com" href="https://www.git-tower.com/help/guides/integration/gpg/mac">mon client git</a> pour avoir le badge vert sur Microsoft GitHub et Gitlab sans trop me poser de questions. C’était peut-être une erreur et je vais faire mûrir ma réflexion maintenant qu’on m’a mis le nez&nbsp;dedans.</p>
 <p>Entre <em>refus de parvenir</em> et auto-défense&nbsp;numérique.</p>
@@ -161,7 +171,17 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous

 <blockquote lang="en">
 <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
 <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe initiative qui rappelle cruellement ce <a data-link-domain="xkcd.com" href="https://xkcd.com/927/">célèbre XKCD</a> mais qui m’est franchement bien plus utilisable qu’un PDF, quel que soit le lecteur… à part pour en récupérer la source avec mon extracteur maison. Cela me fait découvrir <a data-link-domain="nota-lang.org" href="https://nota-lang.org/">Nota</a> au&nbsp;passage.</p>
 <p>Un simple individu peut-il faire bouger des choses dans le&nbsp;domaine&#8239;?</p>
@@ -207,7 +227,17 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">[archive]</a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
 <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai">expérimente des choses</a> <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
 <p>C’est l’une des choses que rend possible le numérique. Légitimité sans argument d’autorité, tout un programme. Et si je tentais des choses ces prochains&nbsp;jours&#8239;?</p>

 <blockquote lang="en">
@@ -219,15 +249,55 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 <blockquote lang="en">
 <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
 <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
 <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three">Redeployment Part Three</a> <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">[archive]</a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">[archive]</a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
 <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one">1</a> <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two">2</a> <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
 <p><em>Je remarque au passage qu’iels chaussent les mêmes bottes Baffin que moi par grand&nbsp;froid.</em></p>
 <a href="#hr-44" title="Lien vers cette section de la page"><hr id="hr-44" /></a>

 <blockquote>
 <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
 <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html">Manuel de survie de la femme dans la tech</a> <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" title="Copie locale au 2024-01-21">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe manuel de Florence Chabanois avec plein de conseils et de liens pour creuser. J’appuie le fait qu’il est important d’être bien entourée pour rentrer dans ce domaine, pas seulement pour l’apprentissage de la technique mais pour déconstruire des situations sans se sentir démunie face à une culture toxique. N’hésitez pas à rejoindre l’un des collectifs&nbsp;listés.</p>
 <p>Je peux faire le <em>parrain-à-6000km</em>, mon adresse de courriel est en pied de&nbsp;page.</p>
--- a/david/2024/ia/index.html
+++ b/david/2024/ia/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -144,7 +144,37 @@
 <p>Décliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&nbsp;retenir.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
@@ -188,7 +218,17 @@
 <p>But here’s the thing: we need more tools for it. We need simpler tools for it. And we need to make installing and using them <em>trivially simple</em>.</p>
 <p>We need more self-hosted platforms for personal publishing that <em>aren’t Wordpress</em>. <mark>And don’t point me to Hugo or Netlify or Eleventy or all those things - all of them are great, but none of them are simple enough.</mark> We need web publishing tools that do not require users to open the Terminal <em>at all</em>. And we need lots of&nbsp;them.</p>
 <p>We need a whole <em>galaxy</em> of&nbsp;options.</p>
 <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="gilest.org" href="https://gilest.org/indie-easy.html">Let’s make the indie web easier</a> <a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Quelques étoiles dans la&nbsp;galaxie&nbsp;:</p>
 <ul>
@@ -204,21 +244,51 @@
 <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><mark>The result feels like an AI summary of my story</mark> — at any moment, a paragraph could start with “In conclusion…” or “The next thing to consider is…” The nuance, voice, and unexpected twists and turns have been snuffed out. I’m sure some people would prefer this uncomplicated, beat-by-beat version of the story, but it’s gone from being a story written by a real person to a clinical, stiff series of&nbsp;sentences.</p>
 <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="theverge.com" href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization">The Perfect Web Page</a> <a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Un article de TheVerge qui risque de ne pas être très bien référencé. Le moment où l’on s’adapte pour nourrir les robots n’est pas nouveau, on a «&nbsp;juste&nbsp;» mis une nouvelle étiquette dessus en 2023&nbsp;qui permet aux robots / algorithmes de se battre entre eux de manière&nbsp;explicite.</p>
 <p>Pas sûr de vouloir <a data-link-domain="darkvisitors.com" href="https://darkvisitors.com/robots-txt-builder">entrer sur le ring</a> sans m’épuiser très&nbsp;vite.</p>

 <blockquote lang="en">
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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>
 <p>But that’s not all. The creator took their prank to the next level by setting up http://everything.npm.lol, showcasing the chaos they unleashed. They even included a meme from Skyrim, adding some humor (or mockery, depending on your perspective) to the&nbsp;situation.</p>
 <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="socket.dev" href="https://socket.dev/blog/when-everything-becomes-too-much">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> <a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></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>
@@ -236,7 +306,17 @@
 <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>Here’s the best part. <mark>You can be that curator right now, at this very moment.</mark> You can start to rebuild the interconnectivity that made the web fun to explore. And you don’t need to be a computer scientist to do&nbsp;it.</p>
 <p><cite><em><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></em></cite></p>
 <p><cite><em><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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Dixième jour que j’ai l’impression de faire des billets trop longs. Beaucoup d’éparpillement suite à un cumul d’onglets ouverts, parfois depuis bien longtemps. Ça vous laisse un petit exercice de <q lang="en">curation</q> vous&nbsp;aussi&nbsp;:).</p>

--- a/david/2024/index.html
+++ b/david/2024/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/opensource/index.html
+++ b/david/2024/opensource/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/2024/parentalite/index.html
+++ b/david/2024/parentalite/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -291,9 +291,29 @@
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>

@@ -306,7 +326,17 @@
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
--- a/david/2024/partage/index.html
+++ b/david/2024/partage/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,7 +142,17 @@
 <blockquote lang="en">
 <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
 <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
 <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>J’avoue avoir sauté sur l’occasion lorsque j’en ai eu la possibilité avec <a data-link-domain="git-tower.com" href="https://www.git-tower.com/help/guides/integration/gpg/mac">mon client git</a> pour avoir le badge vert sur Microsoft GitHub et Gitlab sans trop me poser de questions. C’était peut-être une erreur et je vais faire mûrir ma réflexion maintenant qu’on m’a mis le nez&nbsp;dedans.</p>
 <p>Entre <em>refus de parvenir</em> et auto-défense&nbsp;numérique.</p>
@@ -161,7 +171,17 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous

 <blockquote lang="en">
 <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
 <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe initiative qui rappelle cruellement ce <a data-link-domain="xkcd.com" href="https://xkcd.com/927/">célèbre XKCD</a> mais qui m’est franchement bien plus utilisable qu’un PDF, quel que soit le lecteur… à part pour en récupérer la source avec mon extracteur maison. Cela me fait découvrir <a data-link-domain="nota-lang.org" href="https://nota-lang.org/">Nota</a> au&nbsp;passage.</p>
 <p>Un simple individu peut-il faire bouger des choses dans le&nbsp;domaine&#8239;?</p>
--- a/david/2024/parvenir/index.html
+++ b/david/2024/parvenir/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -144,7 +144,37 @@
 <p>Décliner l’usage de ce dont on n’a pas besoin, <mark>discerner parmi les technologies celles qui risquent de faire plus de mal que de bien,</mark> voilà qui manque cruellement à notre époque où l’on a oublié que parfois ne pas nuire vaut mieux qu’agir. Il y aurait pourtant un nombre incalculable d’applications pratiques du <em>wuwei</em>, de la géo-ingénierie à l’intelligence artificielle, tant de cas où il serait bon que l’espèce humaine sache se&nbsp;retenir.</p>
 <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
 </blockquote>
 <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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <a href="#hr-29" title="Lien vers cette section de la page"><hr id="hr-29" /></a>
--- a/david/2024/processus/index.html
+++ b/david/2024/processus/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -150,7 +150,17 @@

 <blockquote lang="en">
 <p>Further, if we have learned anything in the last 3&nbsp;years as an industry, it should be to strive for building small, highly efficient teams and avoiding bloated, overstaffed organizations at all costs. Larger teams move slower, create more incidental complexity, and are much more susceptible to the layoffs we’ve all been suffering through. <mark>Engineering leaders would be well served to focus on hiring smaller teams</mark> and providing them with sufficient time and support to create simple solutions that generate business&nbsp;value.</p>
 <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.testdouble.com" href="https://blog.testdouble.com/posts/2024-01-24-plea-for-lean/">Echoing Wirth’s plea for lean software</a> <a href="/david/cache/2024/82b88d48d8043d79425ce8afd8dff42e/" title="Copie locale au 2024-01-24">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Tout est&nbsp;dit.</p>
 <a href="#hr-47" title="Lien vers cette section de la page"><hr id="hr-47" /></a>
@@ -244,33 +254,113 @@ par nos&nbsp;obscurités</p>
 <blockquote>
 <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
 <p>J’écris de deux&nbsp;façons.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">[archive]</a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
 <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">[archive]</a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>
 <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
 <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>

 <blockquote lang="en">
 <p><strong>marketing feels like a layer of veneer, full of shiny promises in order to reel you in, where the goal is to collect you — as a part of an&nbsp;“audience.”</strong></p>
 <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
 <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>. Une autre façon d’être&nbsp;dé·formé.</p>
 <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>
@@ -338,14 +428,34 @@ a::before {

 <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="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>J’ai ri. Je n’ai jamais fait une telle page car je sais que je n’arriverais pas à la maintenir à jour. Je galère déjà avec mon <a data-link-domain="larlet.com" href="https://larlet.com/">profil pro</a>.</p>

 <blockquote lang="en">
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this&nbsp;too).</p>
 <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&nbsp;change”.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Note&nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&nbsp;articles.</p>
 <a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
--- a/david/2024/protopie/index.html
+++ b/david/2024/protopie/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -219,9 +219,29 @@

 <blockquote lang="en">
 <p>When the right approach reveals itself, it feels obvious. <mark>But only in retrospect.</mark> <strong>Design is only obvious in retrospect.</strong> It takes iteration and discipline to get there. But when you do get there, it’s much easier to explain your design decisions to others. You know why the design is the right one and can frame your rationale in the context of the problem you are trying to&nbsp;solve.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> par&nbsp;contre.</p>
 <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>
--- a/david/2024/psychologie/index.html
+++ b/david/2024/psychologie/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,7 +142,17 @@
 <blockquote lang="en">
 <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
 <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
 <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html">Unsigned Commits</a> <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" title="Copie locale au 2024-01-25">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>J’avoue avoir sauté sur l’occasion lorsque j’en ai eu la possibilité avec <a data-link-domain="git-tower.com" href="https://www.git-tower.com/help/guides/integration/gpg/mac">mon client git</a> pour avoir le badge vert sur Microsoft GitHub et Gitlab sans trop me poser de questions. C’était peut-être une erreur et je vais faire mûrir ma réflexion maintenant qu’on m’a mis le nez&nbsp;dedans.</p>
 <p>Entre <em>refus de parvenir</em> et auto-défense&nbsp;numérique.</p>
@@ -161,7 +171,17 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous

 <blockquote lang="en">
 <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
 <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/">Portable EPUBs</a> <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" title="Copie locale au 2024-01-25">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe initiative qui rappelle cruellement ce <a data-link-domain="xkcd.com" href="https://xkcd.com/927/">célèbre XKCD</a> mais qui m’est franchement bien plus utilisable qu’un PDF, quel que soit le lecteur… à part pour en récupérer la source avec mon extracteur maison. Cela me fait découvrir <a data-link-domain="nota-lang.org" href="https://nota-lang.org/">Nota</a> au&nbsp;passage.</p>
 <p>Un simple individu peut-il faire bouger des choses dans le&nbsp;domaine&#8239;?</p>
@@ -202,33 +222,113 @@ Des affects, qui constituent la nécessaire force motrice du mouvement que nous
 <blockquote>
 <p>Mes lieux de lecture et d’écriture sont très associés. J’écris parce que je&nbsp;lis.</p>
 <p>J’écris de deux&nbsp;façons.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/11/pourquoi">je ne sais pas pourquoi</a> <a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">[archive]</a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
 <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">[archive]</a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>
 <p>Karl nous parle de ses moments / lieux d’écriture et de lecture. Je me suis souvent posé cette question et je reconnais des <abbr title="Où Lire, Où Écrire.">oloés</abbr> communs (une <a data-link-domain="tw5.immateriel.fr" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">définition par ici</a> <a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>). Mes moments et lieux sont beaucoup plus traditionnels, c’est principalement le soir et dans mon bureau-chambre. Mais il n’y a pas de règle stricte pour autant. Parfois, l’envie d’écrire va être trop forte lors d’une lecture en cours de journée, d’autres fois je vais me réveiller tôt et commencer à écrire dans ma tête depuis mon lit ou sous la douche. Une idée peut arriver et/ou s’étirer en faisant du sport ou dans des contextes&nbsp;routiniers.</p>
 <p>Et puis il y a l’écriture qui appelle une autre écriture, ce moment de <a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/">compost</a> <a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Copie locale au 2024-01-11">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> où l’on sent qu’il y avait une deuxième vie possible à cette réflexion. Un autre <a href="/david/stream/2018/04/07/">tour de spirale</a>.</p>

 <blockquote lang="en">
 <p><strong>marketing feels like a layer of veneer, full of shiny promises in order to reel you in, where the goal is to collect you — as a part of an&nbsp;“audience.”</strong></p>
 <p>but I think, in this race to “build an audience,” somewhere in the process, something is missing, left behind — perhaps, a sense of humanity, or individual complexity, or truth, or&nbsp;intimacy.</p>
 <p>I don’t want to feel like I’m just an email address, an IP address, or a potential “lead.” I want to feel fully seen. human.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and&nbsp;on.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>. Une autre façon d’être&nbsp;dé·formé.</p>
 <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>
--- a/david/2024/solastalgia/index.html
+++ b/david/2024/solastalgia/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -173,14 +173,34 @@ a::before {

 <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="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>J’ai ri. Je n’ai jamais fait une telle page car je sais que je n’arriverais pas à la maintenir à jour. Je galère déjà avec mon <a data-link-domain="larlet.com" href="https://larlet.com/">profil pro</a>.</p>

 <blockquote lang="en">
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this&nbsp;too).</p>
 <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&nbsp;change”.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Note&nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&nbsp;articles.</p>
 <a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
--- a/david/2024/sport/index.html
+++ b/david/2024/sport/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -184,13 +184,33 @@

 <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><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>C’est ce que j’essaye de faire depuis plusieurs années déjà et non seulement ça me permet d’améliorer le couple sémantique HTML/CSS mais ça rend mon JS plus résilient&nbsp;aussi&#8239;!</p>

 <blockquote lang="en">
 <p>Recently I decided to stop using the word <em>semantics</em>. Instead I talk about the <abbr title="User eXperience">UX</abbr> of <abbr title="HyperText Markup Language">HTML</abbr>. And all of a sudden my students are not allergic to <abbr>HTML</abbr> anymore but really interested. Instead of explaining the meaning of a certain element, I show them <em>what it does</em>. So we look at <em>what happens</em> when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a <em>label</em>, the hover state of the connected <em>input</em> is shown. My students <em>love</em> stuff like that. They care about <abbr>UX</abbr>.</p>
 <p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>

    
--- a/david/2024/technique/index.html
+++ b/david/2024/technique/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,7 +142,17 @@
 <blockquote>
 <p>Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&nbsp;génération.</p>
 <p><mark>Il n’y a quasiment aucune personne de 50&nbsp;ans ou plus dans les équipes techniques.</mark> Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&nbsp;métier.</p>
 <p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Cet onglet d’Éric D. est ouvert dans mon navigateur depuis plus d’un an (rassurez-vous, il était bien entouré avec au moins 300&nbsp;collègues). Le temps passant, je me pose également ces&nbsp;questions…</p>
 <p>Il y a deux&nbsp;aspects&nbsp;:</p>
@@ -156,7 +166,17 @@

 <blockquote lang="en">
 <p>After almost 10&nbsp;years of remote work, it would be close to impossible for me to go back to an&nbsp;office.</p>
 <p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </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>
@@ -166,7 +186,17 @@

 <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><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Je partage l’analyse de Baldur, l’avenir est à la rouille. De <a data-link-domain="biomejs.dev" href="https://biomejs.dev/">Biome</a> à <a data-link-domain="docs.astral.sh" href="https://docs.astral.sh/ruff/">Ruff</a> en passant par <a data-link-domain="rye-up.com" href="https://rye-up.com/">rye</a> ou <a data-link-domain="hurl.dev" href="https://hurl.dev/">hurl</a> pour n’en citer que quelques uns, <a data-link-domain="rust-lang.org" href="https://www.rust-lang.org/">Rust</a> est en train de devenir un véritable atout pour tout ce qui est&nbsp;outils-performants-autour-du-web.</p>
 <p>Les (vieilles) mauvaises langues pourraient dire que l’on arrive au bout de la décennie tout-JS, surtout avec l’arrivée de <a data-link-domain="component-model.bytecodealliance.org" href="https://component-model.bytecodealliance.org/language-support/python.html">WebAssembly+Python</a>&nbsp;🤞.</p>
@@ -211,7 +241,17 @@

 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>

    
@@ -243,9 +283,29 @@
 <blockquote lang="en">
 <p>If front web developers work closer to the users’ needs and problems, <mark>if they feel more implicated in the user experience,</mark> they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]</p>
 <p>Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&nbsp;creating.</p>
 <p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">[archive]</a> prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&nbsp;commun.</p>
 <p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&nbsp;commun.</p>
 <p><strong>Une carrière est la cartographie de ces expériences.</strong> Savoir identifier les <em>optima</em> locaux qui ont pu procurer de la joie ainsi que les lieux de convergence où l’on aime bien aller car il y a le bon dosage effort / récompense. Apprendre à reconnaître les sentiers hasardeux où l’on a déjà laissé des plumes et reconnaître aussi qu’un contexte et des personnes peuvent&nbsp;changer.</p>
 <p>Admettre que l’on a soi-même changé tout au long de ce&nbsp;cheminement.</p>

@@ -253,13 +313,33 @@
 <p>At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&nbsp;request.</p>
 <p>No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&nbsp;selling.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe article de Ahmad Shadeed. En résumé, il faut soigner ses <em>paddings</em> mais il y a pas mal d’astuces CSS pour y arriver dans certaines conditions. Je retiens notamment l’usage d’un <code>:after</code> pour ça <a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size#mobile-menu">lorsqu’il s’agit d’icônes</a>&nbsp;notamment&nbsp;:</p>
 <pre><code>.search__filter:after {
@@ -307,13 +387,33 @@

 <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><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="benmyers.dev" href="https://benmyers.dev/blog/semantic-selectors/">Style with Stateful, Semantic Selectors</a> <a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Copie locale au 2024-01-08">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>C’est ce que j’essaye de faire depuis plusieurs années déjà et non seulement ça me permet d’améliorer le couple sémantique HTML/CSS mais ça rend mon JS plus résilient&nbsp;aussi&#8239;!</p>

 <blockquote lang="en">
 <p>Recently I decided to stop using the word <em>semantics</em>. Instead I talk about the <abbr title="User eXperience">UX</abbr> of <abbr title="HyperText Markup Language">HTML</abbr>. And all of a sudden my students are not allergic to <abbr>HTML</abbr> anymore but really interested. Instead of explaining the meaning of a certain element, I show them <em>what it does</em>. So we look at <em>what happens</em> when you add a label to an input: The input and the label now form a pair. You can now click on the label to interact with a checkbox. The label will be read out loud when you focus on an input with a screenreader. When you hover over a <em>label</em>, the hover state of the connected <em>input</em> is shown. My students <em>love</em> stuff like that. They care about <abbr>UX</abbr>.</p>
 <p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="vasilis.nl" href="https://vasilis.nl/nerd/the-ux-of-html/">The UX of HTML</a> <a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Copie locale au 2024-01-08">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>

    
@@ -376,14 +476,34 @@ a::before {

 <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="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="blog.professeurjoachim.com" href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment">Ma page /now (ou plutôt /en-ce-moment)</a> <a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Copie locale au 2024-01-07">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>J’ai ri. Je n’ai jamais fait une telle page car je sais que je n’arriverais pas à la maintenir à jour. Je galère déjà avec mon <a data-link-domain="larlet.com" href="https://larlet.com/">profil pro</a>.</p>

 <blockquote lang="en">
 <p>I also started noticing when people do this subconiously. For example, most software engineers I know hate blogging, but <mark>they like building their own blog engine to make blogging more pleasant</mark> (I’m very guilty of this&nbsp;too).</p>
 <p>Kent Beck nailed it: “for each desired change, make the change easy (warning: this may be hard), then make the easy&nbsp;change”.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Note&nbsp;: cette année, je ne ferai aucun lien vers 𝕏 (twitter.com) depuis mes&nbsp;articles.</p>
 <a href="#hr-18" title="Lien vers cette section de la page"><hr id="hr-18" /></a>
@@ -424,13 +544,33 @@ a::before {
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a data-link-domain="caniuse.com" href="https://caniuse.com/css-cascade-layers">Baseline™ 2022</a>. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. <mark>Au pire, cette page nue est consultable</mark> et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des <a data-link-domain="css-tricks.com" href="https://css-tricks.com/css-cascade-layers/">CSS layers</a> mais quand je fais une refonte de cet espace je ne suis pas <em>que</em> sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. <strong>Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.</strong> Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&nbsp;colon.</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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em>, Karl</cite></p>
 </blockquote>
 <p>🧡</p>
 <a href="#hr-3" title="Lien vers cette section de la page"><hr id="hr-3" /></a>
--- a/david/2024/velo/index.html
+++ b/david/2024/velo/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -160,7 +160,17 @@

 <blockquote>
 <p>Alors que le malaise dans lequel sont aujourd’hui plongées les sociétés occidentales n’en finit plus d’être commenté, est-il néanmoins possible de dessiner les contours d’une société idéale, une utopie réaliste, susceptible de constituer, pour les Français, un avenir désirable&#8239;? C’est précisément pour apporter des éléments de réponses à cette question qu’a été lancé en 2019&nbsp;l’Observatoire des perspectives utopiques. Dans le sillage de ces deux années de pandémie et à la veille de l’élection présidentielle, il nous est apparu utile de reconduire cette enquête, pour saisir où en sont les Français et évaluer dans quelle mesure leurs représentations et aspirations ont&nbsp;évolué.</p>
 <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="lobsoco.com" href="https://lobsoco.com/perspectives-utopiques-vague-3/">L’Observatoire des perspectives utopiques</a> <a href="/david/cache/2024/7ed7f4aefae1b5af33b3ec1f607a633f/" title="Copie locale au 2024-01-24">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Il y a des choses intéressantes qui ressortent de cet observatoire, notamment en comparant les résultats au cours du temps. Je me demande ce que pourraient donner les résultats de ce même sondage au&nbsp;Québec.</p>
 <a href="#hr-49" title="Lien vers cette section de la page"><hr id="hr-49" /></a>
--- a/david/2024/web/index.html
+++ b/david/2024/web/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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"
@@ -142,7 +142,17 @@
 <blockquote>
 <p>Je travaille dans des équipes techniques informatiques, le web, les nouvelles technologies, les startups. Autour de moi je ne vois que des jeunes, avec quelques rares personnes de ma&nbsp;génération.</p>
 <p><mark>Il n’y a quasiment aucune personne de 50&nbsp;ans ou plus dans les équipes techniques.</mark> Les exemples que j’ai en tête sont quelques pointures nationales ou internationales, pas du tout représentatives du&nbsp;métier.</p>
 <p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="n.survol.fr" href="https://n.survol.fr/n/quand-je-serai-bien-vieux">Quand je serai bien vieux</a> <a href="/david/cache/2024/112d32ccefb9aec48180de42e1fe1534/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Cet onglet d’Éric D. est ouvert dans mon navigateur depuis plus d’un an (rassurez-vous, il était bien entouré avec au moins 300&nbsp;collègues). Le temps passant, je me pose également ces&nbsp;questions…</p>
 <p>Il y a deux&nbsp;aspects&nbsp;:</p>
@@ -156,7 +166,17 @@

 <blockquote lang="en">
 <p>After almost 10&nbsp;years of remote work, it would be close to impossible for me to go back to an&nbsp;office.</p>
 <p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="world.hey.com" href="https://world.hey.com/jorge/aging-programmer-d448bdec">Aging programmer</a> <a href="/david/cache/2024/ba977526c7a8cab6935708b2cdba5c0c/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </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>
@@ -166,7 +186,17 @@

 <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><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="baldurbjarnason.com" href="https://www.baldurbjarnason.com/2024/disillusioned-with-deno/">Disillusioned with Deno</a> <a href="/david/cache/2024/7d2d2bce96cbc020423299e7de03d2cf/" title="Copie locale au 2024-01-16">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Je partage l’analyse de Baldur, l’avenir est à la rouille. De <a data-link-domain="biomejs.dev" href="https://biomejs.dev/">Biome</a> à <a data-link-domain="docs.astral.sh" href="https://docs.astral.sh/ruff/">Ruff</a> en passant par <a data-link-domain="rye-up.com" href="https://rye-up.com/">rye</a> ou <a data-link-domain="hurl.dev" href="https://hurl.dev/">hurl</a> pour n’en citer que quelques uns, <a data-link-domain="rust-lang.org" href="https://www.rust-lang.org/">Rust</a> est en train de devenir un véritable atout pour tout ce qui est&nbsp;outils-performants-autour-du-web.</p>
 <p>Les (vieilles) mauvaises langues pourraient dire que l’on arrive au bout de la décennie tout-JS, surtout avec l’arrivée de <a data-link-domain="component-model.bytecodealliance.org" href="https://component-model.bytecodealliance.org/language-support/python.html">WebAssembly+Python</a>&nbsp;🤞.</p>
@@ -200,9 +230,29 @@
 <blockquote lang="en">
 <p>If front web developers work closer to the users’ needs and problems, <mark>if they feel more implicated in the user experience,</mark> they will understand the impact of what they are building and will naturally adopt the strengths of the front web. […]</p>
 <p>Maybe, in order to fix the front web, we have to fix human nature: make things less about money and self-satisfaction, and more about improving people’s lives and understanding the impact of what we are&nbsp;creating.</p>
 <p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="gericci.me" href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html">Part 5: Clues to Fix the Front Web</a> <a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">[archive]</a> prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&nbsp;commun.</p>
 <p>Même si je m’émeus encore de l’esthétique d’un <em>Web Component</em> ou d’une nouvelle technique CSS, j’essaye d’être plus attentif au fil des ans à l’impact potentiel des bouts de code que j’assemble. C’est là où <a data-link-domain="daverupert.com" href="https://daverupert.com/2022/06/demo-to-demo-loop/">les démo</a> <a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Copie locale au 2024-01-09">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> prennent tout leur sens pour vérifier la pertinence de ce qui a été produit. Se libérer de l’égoïsme technique pour aller vers le soin porté aux utilisateur·ices, essayer de comprendre leurs besoins, synthétiser, proposer, se tromper, recommencer. Dans une spirale d’essais-erreurs, on se rapproche d’un centre enviable où les contraintes techniques sont minimisées et les besoins proches d’être comblés. Chaque partie ayant un petit peu appris sur l’autre au cours de ce bout de chemin&nbsp;commun.</p>
 <p><strong>Une carrière est la cartographie de ces expériences.</strong> Savoir identifier les <em>optima</em> locaux qui ont pu procurer de la joie ainsi que les lieux de convergence où l’on aime bien aller car il y a le bon dosage effort / récompense. Apprendre à reconnaître les sentiers hasardeux où l’on a déjà laissé des plumes et reconnaître aussi qu’un contexte et des personnes peuvent&nbsp;changer.</p>
 <p>Admettre que l’on a soi-même changé tout au long de ce&nbsp;cheminement.</p>

@@ -210,13 +260,33 @@
 <p>At most software startups, customers typically don’t care if your product runs on Heroku, Kubernetes, or a really brittle singly-homed machine in Joe’s closet. No purchasing decisions hinge on your commitment to write servers in Rust or use Nix for hermetic everything. And although they might exist, I have sadly never had a customer write a testimonial for the elegant collection of internal services involved in responding to that single HTTP&nbsp;request.</p>
 <p>No; customers are not paying for, nor give a shit about, these things. Sorry. It’s still cool stuff. It’s just not what you’re&nbsp;selling.</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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <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><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">[archive]</a></em></cite></p>
 <p><cite><em><a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size">Designing better target sizes</a> <a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Copie locale au 2024-01-10">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Superbe article de Ahmad Shadeed. En résumé, il faut soigner ses <em>paddings</em> mais il y a pas mal d’astuces CSS pour y arriver dans certaines conditions. Je retiens notamment l’usage d’un <code>:after</code> pour ça <a data-link-domain="ishadeed.com" href="https://ishadeed.com/article/target-size#mobile-menu">lorsqu’il s’agit d’icônes</a>&nbsp;notamment&nbsp;:</p>
 <pre><code>.search__filter:after {
@@ -304,13 +374,33 @@
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a data-link-domain="caniuse.com" href="https://caniuse.com/css-cascade-layers">Baseline™ 2022</a>. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. <mark>Au pire, cette page nue est consultable</mark> et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des <a data-link-domain="css-tricks.com" href="https://css-tricks.com/css-cascade-layers/">CSS layers</a> mais quand je fais une refonte de cet espace je ne suis pas <em>que</em> sur le besoin. J’obtiens un reset que j’imagine fonctionnel mais il est un peu frustrant d’arriver à un résultat finalement moins lisible que ce que j’avais sans aucun styles. <strong>Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.</strong> Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&nbsp;colon.</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>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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </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>
 <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>
 <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">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em>, Karl</cite></p>
 </blockquote>
 <p>🧡</p>
 <a href="#hr-3" title="Lien vers cette section de la page"><hr id="hr-3" /></a>
--- a/david/blogroll/index.html
+++ b/david/blogroll/index.html
@@ -176,52 +176,52 @@
    <h2>Leurs dernières publications</h2>
    <dl>
        <dt>
          <a href="https://winnielim.org/notes/huge-backlog-of-sketchbook-spreads-to-post/">huge backlog of sketchbook spreads to post</a>,
          26-01-2024
          <a href="https://winnielim.org/journal/the-amazing-tools-and-research-we-now-have-for-our-metabolic-health/">the amazing tools and research we now have for our metabolic health</a>,
          28-01-2024
        </dt>
        <dd>
          have a huge backlog of sketchbook spreads to post, wonder if i’ll find the momentum to post them all. this was the first time in probably years since i’ve eaten pasta (because...
          [cw: metabolic health, diet] My paternal grandmother died before I was born, apparently of diabetes complications. When I was younger I couldn’t understand what it meant to die of diabetes complications –...
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.la-grange.net/2024/01/25/cubisme">cubisme</a>,
          25-01-2024
          <a href="https://www.la-grange.net/2024/01/27/grains">grains</a>,
          27-01-2024
        </dt>
        <dd>
          Sugamo, Japon, 25 janvier 2024 Par sa limpidité, son silence, son ondoiement, l'herbe invite à la rêverie, à la somnolence, au calme de l'âme. — La fraîcheur de l'herbe, Alain Corbin, urn:isbn:978-2-8185-0589-2 Un jour les humains ont inventé la boîte et le monde est devenue cubique. The box model : CSS L’invention du Conteneur Maritime
          Sugamo, Japon, 27 janvier 2024 L'herbe est inscrite dans un décor familier dont la réminiscence se lie à la « présence d'un désir enfantin, à la fois tactile et visuel ». Ce décor initial englobe la prairie en pente, le bord de la rivière, le talus d'où l'on peut débouler et tout ce qui relève d'une « ébriété herbeuse » — La fraîcheur de l'herbe, Alain Corbin, urn:isbn:978-2-8185-0589-2 Dans la…
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://blog.ecologie-politique.eu/post/France-Bullshit">France Bullshit</a>,
          25-01-2024
          <a href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a>,
          26-01-2024
        </dt>
        <dd>
          Il y a quelques jours j’ai repéré une pub assez laide pour un entreprise avec un nom à la con. Un peu comme Assur2000 ou Charenton Clés. Passant et repassant devant pour aller prendre le métro (quand il est accessible), il m’a fallu un temps pour comprendre que France Services était une énième déclinaison de France Bullshit, cette refonte des services de l’État sous une marque à la syntaxe…
          — <a href="https://blog.ecologie-politique.eu/">Aude</a>
          Komagome, Japon, 26 janvier 2024 Les herbes folles à la situation improbable transmettent des émotions particulières. Outre les hautes herbes poussées sur les talus, les fossés, le bas-côté des routes que nous avons évoquées, il en va ainsi de celles qui s'échappent dans les terrains vagues, entre les rails des chemins de fer ; sans oublier celles qui se dessinent au fond de l'eau. — La…
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.la-grange.net/2024/01/24/herbe">herbe</a>,
          24-01-2024
          <a href="https://winnielim.org/notes/huge-backlog-of-sketchbook-spreads-to-post/">huge backlog of sketchbook spreads to post</a>,
          26-01-2024
        </dt>
        <dd>
          Komagome, Japon, 24 janvier 2024 L'herbe regarde l'homme. Elle lui parle ; et sa parole est celle de la nature. — La fraîcheur de l'herbe, Alain Corbin, urn:isbn:978-2-8185-0589-2 Enfant, je n'aimais pas l'herbe verte. Enfin… non. J'aimais l'herbe. Mon corps lui ne l'aimait pas beaucoup. Plaques rouges sur la peau, démangeaisons, il me fallait un plaid pour m'allonger au milieu des herbes. Mes…
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
          have a huge backlog of sketchbook spreads to post, wonder if i’ll find the momentum to post them all. this was the first time in probably years since i’ve eaten pasta (because...
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://winnielim.org/journal/the-experience-of-completing-a-sketchbook-for-my-japan-trip/">the experience of completing a sketchbook for my japan trip</a>,
          21-01-2024
          <a href="https://blog.ecologie-politique.eu/post/France-Bullshit">France Bullshit</a>,
          25-01-2024
        </dt>
        <dd>
          Last year I started sketching, and for the first time in my life I started bringing art materials on my travels. I did the same when I went to Japan, except a...
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
          Il y a quelques jours j’ai repéré une pub assez laide pour un entreprise avec un nom à la con. Un peu comme Assur2000 ou Charenton Clés. Passant et repassant devant pour aller prendre le métro (quand il est accessible), il m’a fallu un temps pour comprendre que France Services était une énième déclinaison de France Bullshit, cette refonte des services de l’État sous une marque à la syntaxe…
          — <a href="https://blog.ecologie-politique.eu/">Aude</a>
        </dd>
      </dl>
    <dl>
--- a/david/index.html
+++ b/david/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/recherche/index.html
+++ b/david/recherche/index.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/david/templates/base_2024.html
+++ b/david/templates/base_2024.html
@@ -48,7 +48,7 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.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/site.py
+++ b/site.py
@@ -121,7 +121,17 @@ class CustomLinkAttributesRenderer(mistune.HTMLRenderer):
            archive_date = content.split("\n", 1)[0].strip()
            link = f"/david/cache/2024/{hash_url}/"
            title = f"Copie locale au {archive_date}"
            archive_link = f' <a href="{link}" title="{title}">[archive]</a>'
            archive_link = f""" <a href="{link}" title="{title}">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>"""

        return f"{initial_link}{archive_link}"