10 miesięcy temu · 8308ba26df
--- a/Makefile
+++ b/Makefile
@@ -53,7 +53,7 @@ blogroll: ## Generate the blogroll
 .PHONY: live
 live: ## Rebuild contents on file change.
 	@echo "${ORANGE}⚠️ You need http://eradman.com/entrproject/${NC}"
 	ls david/2023/_sources/* | entr -r make build
 	ls david/2024/_sources/* | entr -r make build


 .PHONY: toot
--- a/david/2024/01/01/index.html
+++ b/david/2024/01/01/index.html
@@ -0,0 +1,405 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="fr">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    Dryear(s)
  — David Larlet</title>
  <meta name="description" content="33 % de 44 millions de consommateurs vont faire le Dry January 22 % des consommateurs ont une conso excessive, c’est-à-dire 10 verres/semaine max et plus de deux verres/jour.">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email.
  <link rel="stylesheet" href="/static/david/css/style_2024.css"> -->
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off.
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin> -->
  <style type="text/css">
    @layer reset, structure, typography, colors;

    @layer reset {
      *, *::before, *::after {
        box-sizing: border-box;
      }
      body {
        line-height: 1.5;
        margin: 0;
      }
      img, picture, video {
        display: block;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
      }
      input, button, textarea, select {
        font: inherit;
      }
      h1, h2, h3, h4, button, input, label {
        line-height: 1.1;
      }
    }

    @layer structure {
      hgroup, nav, figcaption, footer {
        text-align: center;
      }
      hgroup > :not(:first-child):last-child {
        color: #474747;
        font-size: 1rem;
        margin: 0;
      }
      h1 {
        margin-block-start: 4rem;
        margin-block-end: 0;
      }
      hr {
        min-width: 5%;
      }
      article {
        display: grid;
        grid-template-columns:
          1fr
          min(65ch, calc(100% - 64px))
          1fr;
        grid-column-gap: 32px;
      }
      article > * {
        grid-column: 2;
      }
      article > * + * {
        margin-block-start: 1.5rem;
      }
      blockquote {
        margin: 0;
        width: 100%;
        grid-column: 1 / 4;
        display: grid;
        grid-template-columns:
          1fr
          min(65ch, calc(100% - 64px))
          1fr;
        grid-column-gap: 32px;
      }
      blockquote > * {
        grid-column: 2;
      }
      blockquote cite {
        display: block;
        text-align: right;
      }
      figure {
        margin: 0 auto;
        width: 65%;
        grid-column: 1 / 4;
      }
    }

    @layer typography {
      body {
        font-size: 130%;
      }
    }

    @layer colors {
      body {
        background-color: #fefefe;
        color: #2f343d;
      }
      blockquote {
        background-color: #FBEDF4;
        border-top: 1px solid #FA9ACF;
        border-bottom: 1px solid #FA9ACF;
      }
    }
  </style>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
  <article>
    <header>
      <hgroup>
        <h1>Dryear(s)</h1>
        <p>Le <time datetime="2024-01-01">1 janvier 2024</time></p>
      </hgroup>
    </header>
    <nav>
      <p class="center">
        
          <a rel="prev"
             href="/david/2023/"
             title="Publication précédente : Publications 2023">← Précédent</a> •
        
        <nobr>
          <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/recherche/"
             title="Aller à la page de recherche"
             rel="search">Recherche</a>
        </nobr>
        
          • <a rel="next"
    href="/david/2024/01/02/"
    title="Publication suivante : Fondations">Suivant →</a>
        
      </p>
    </nav>
    <hr>
    

 <blockquote>
 <p>33&#8239;% de 44&nbsp;millions de consommateurs vont faire le Dry January<br />
 22&#8239;% des consommateurs ont une conso excessive, c’est-à-dire 10&nbsp;verres/semaine max et plus de deux&nbsp;verres/jour.</p>
 <p>Les seniors sont aussi très touché·es.<br />
 <mark>L’alcool est une drogue.</mark>.
 On peut faire la fête sans alcool et&nbsp;s’éclater.</p>
 <p>Quand on arrête&nbsp;: bienfaits sur le foie, la peau, le coeur, etc…<br />
 Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, décompensation de maladie psy,…<br />
 41000&nbsp;décès par an en&nbsp;France.</p>
 <p>Les cinq symptômes définissent un problème de&nbsp;dépendance&nbsp;:</p>
 <ul>
 <li>Perte de&nbsp;contrôle</li>
 <li>Usage&nbsp;compulsif</li>
 <li>Envie&nbsp;répressive</li>
 <li>Usage&nbsp;chronique</li>
 <li>Conséquences psychiques, physiques, sociales,…</li>
 </ul>
 <p>Bon Dry J. pour celleux qui le font&#8239;! Moi j’en&nbsp;suis&#8239;!</p>
 <p><cite><a href="https://framapiaf.org/@Air/111681709094993435">@Air@framapiaf.org</a></cite></p>
 </blockquote>
 <p>Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&nbsp;mois.</p>
 <p>Je me sens prêt, on verra bien où cela me&nbsp;mène.</p>
 <hr />
 <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&nbsp;retenir.</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/addiction/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#addiction</a>
          
            <a href="/david/2024/experience/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#experience</a>
          
            <a href="/david/2024/protopie/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#protopie</a>
          
          <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
    <nav>
      <p class="center">
        
          <a rel="prev"
             href="/david/2023/"
             title="Publication précédente : Publications 2023">← Précédent</a> •
        
        <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
        
          • <a rel="next"
    href="/david/2024/01/02/"
    title="Publication suivante : Fondations">Suivant →</a>
        
      </p>
    </nav>
  </article>

    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/2024/01/02/index.html
+++ b/david/2024/01/02/index.html
@@ -0,0 +1,409 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="fr">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    Fondations
  — David Larlet</title>
  <meta name="description" content="Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses : des grids, des layers, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du temps.">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email.
  <link rel="stylesheet" href="/static/david/css/style_2024.css"> -->
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off.
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin> -->
  <style type="text/css">
    @layer reset, structure, typography, colors;

    @layer reset {
      *, *::before, *::after {
        box-sizing: border-box;
      }
      body {
        line-height: 1.5;
        margin: 0;
      }
      img, picture, video {
        display: block;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
      }
      input, button, textarea, select {
        font: inherit;
      }
      h1, h2, h3, h4, button, input, label {
        line-height: 1.1;
      }
    }

    @layer structure {
      hgroup, nav, figcaption, footer {
        text-align: center;
      }
      hgroup > :not(:first-child):last-child {
        color: #474747;
        font-size: 1rem;
        margin: 0;
      }
      h1 {
        margin-block-start: 4rem;
        margin-block-end: 0;
      }
      hr {
        min-width: 5%;
      }
      article {
        display: grid;
        grid-template-columns:
          1fr
          min(65ch, calc(100% - 64px))
          1fr;
        grid-column-gap: 32px;
      }
      article > * {
        grid-column: 2;
      }
      article > * + * {
        margin-block-start: 1.5rem;
      }
      blockquote {
        margin: 0;
        width: 100%;
        grid-column: 1 / 4;
        display: grid;
        grid-template-columns:
          1fr
          min(65ch, calc(100% - 64px))
          1fr;
        grid-column-gap: 32px;
      }
      blockquote > * {
        grid-column: 2;
      }
      blockquote cite {
        display: block;
        text-align: right;
      }
      figure {
        margin: 0 auto;
        width: 65%;
        grid-column: 1 / 4;
      }
    }

    @layer typography {
      body {
        font-size: 130%;
      }
    }

    @layer colors {
      body {
        background-color: #fefefe;
        color: #2f343d;
      }
      blockquote {
        background-color: #FBEDF4;
        border-top: 1px solid #FA9ACF;
        border-bottom: 1px solid #FA9ACF;
      }
    }
  </style>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
  <article>
    <header>
      <hgroup>
        <h1>Fondations</h1>
        <p>Le <time datetime="2024-01-02">2 janvier 2024</time></p>
      </hgroup>
    </header>
    <nav>
      <p class="center">
        
          <a rel="prev"
             href="/david/2024/01/01/"
             title="Publication précédente : Dryear(s)">← Précédent</a> •
        
        <nobr>
          <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/recherche/"
             title="Aller à la page de recherche"
             rel="search">Recherche</a>
        </nobr>
        
      </p>
    </nav>
    <hr>
    
 <p>Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses&nbsp;: des <em>grids</em>, des <em>layers</em>, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du&nbsp;temps.</p>
 <p>Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des <em>reset</em>&nbsp;modernes&nbsp;:</p>
 <ul>
 <li><a href="https://piccalil.li/blog/a-more-modern-css-reset/">A (more) Modern CSS Reset</a> par Andy&nbsp;Bell&#8239;;</li>
 <li><a href="https://www.joshwcomeau.com/css/custom-css-reset/">My Custom CSS Reset</a> par Josh W. Comeau&#8239;;</li>
 <li><a href="https://github.com/jensimmons/cssremedy">CSS Remedy</a> par Jen Simmons et Miriam&nbsp;Suzanne&#8239;;</li>
 <li><a href="https://jgthms.com/minireset.css/">A tiny modern CSS reset</a> par Jeremy&nbsp;Thomas.</li>
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a 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 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 href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</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 href="https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu">à fond perdu</a> tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&nbsp;publications.</p>
 <p>Je suis satisfait de mon résultat très minimaliste du&nbsp;jour.</p>
 <hr />

 <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><a href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> par&nbsp;Karl</cite></p>
 </blockquote>
 <p>🧡</p>
 <hr />
 <p>Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&nbsp;an&nbsp;:</p>
 <figure>
    <a href="/static/david/2024/2024-01-02-ancien-essai.png"
        title="Cliquer pour une version haute résolution">
        <img
            src="/static/david/2024/2024-01-02-ancien-essai.png"
            width="2488" height="1486"
            srcset="/static/david/2024/2024-01-02-ancien-essai.png 2488w, /static/david/2024/2024-01-02-ancien-essai.png 660w, /static/david/2024/2024-01-02-ancien-essai.png 990w, /static/david/2024/2024-01-02-ancien-essai.png 1320w"
            sizes="min(100vw, calc(100vh * 2488 / 1486))"
            loading="lazy"
            decoding="async"
            alt="Capture d’écran de l’essai">
    </a>
    <figcaption>Capture d’écran de&nbsp;l’essai.</figcaption>
 </figure>
 <p>Je ne sais pas trop quoi en penser, c’est toujours marrant de retrouver de vieilles tentatives. De mémoire, c’était déjà plus pour m’amuser avec les <em>layers</em> qu’une refonte sérieuse (et cette typo&nbsp;😱 (Bizmeud, <a href="https://velvetyne.fr/news/vtf-is-dead-long-live-velvetyne/">en retraite</a>)). Il n’est pas exclus que les essais actuels finissent également à la&nbsp;poubelle.</p>
 <p>Tiens, est-ce que j’arrive à faire déborder l’image du flux aussi&#8239;? Oui, et ça ouvre des perspectives d’agencements photographiques à&nbsp;explorer…</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/experience/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#experience</a>
          
            <a href="/david/2024/technique/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#technique</a>
          
            <a href="/david/2024/web/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#web</a>
          
          <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
    <nav>
      <p class="center">
        
          <a rel="prev"
             href="/david/2024/01/01/"
             title="Publication précédente : Dryear(s)">← Précédent</a> •
        
        <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
        
      </p>
    </nav>
  </article>

    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/2024/_sources/2024-01-01
+++ b/david/2024/_sources/2024-01-01
@@ -0,0 +1,34 @@
 # Dryear(s)

 > 33 % de 44 millions de consommateurs vont faire le Dry January  
 > 22 % des consommateurs ont une conso excessive, c’est-à-dire 10 verres/semaine max et plus de deux verres/jour.
 > 
 > Les seniors sont aussi très touché·es.  
 > ==L’alcool est une drogue.==. 
 > On peut faire la fête sans alcool et s’éclater.
 >
 > Quand on arrête : bienfaits sur le foie, la peau, le coeur, etc…  
 > Pb : mémoire, troubles cognitifs, responsable de cancer, pb sommeil, décompensation de maladie psy,…  
 > 41000 décès par an en France.
 > 
 > Les cinq symptômes définissent un problème de dépendance :
 > 
 > - Perte de contrôle
 > - Usage compulsif
 > - Envie répressive
 > - Usage chronique
 > - Conséquences psychiques, physiques, sociales,…
 > 
 > Bon Dry J. pour celleux qui le font ! Moi j’en suis !
 >
 > <cite>[@Air@framapiaf.org](https://framapiaf.org/@Air/111681709094993435)</cite>

 Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul mois.

 Je me sens prêt, on verra bien où cela me mène.

 ---

 Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me retenir.

 #addiction #experience #protopie
--- a/david/2024/_sources/2024-01-02
+++ b/david/2024/_sources/2024-01-02
@@ -0,0 +1,39 @@
 # Fondations

 Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses : des *grids*, des *layers*, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du temps.

 Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des *reset* modernes :

 * [A (more) Modern CSS Reset](https://piccalil.li/blog/a-more-modern-css-reset/) par Andy Bell ;
 * [My Custom CSS Reset](https://www.joshwcomeau.com/css/custom-css-reset/) par Josh W. Comeau ;
 * [CSS Remedy](https://github.com/jensimmons/cssremedy) par Jen Simmons et Miriam Suzanne ;
 * [A tiny modern CSS reset](https://jgthms.com/minireset.css/) par Jeremy Thomas.

 J’aimerais commencer ma CSS par `@layer reset` mais c’est sur du [Baseline™ 2022](https://caniuse.com/css-cascade-layers). Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. ==Au pire, cette page nue est consultable== et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des [CSS layers](https://css-tricks.com/css-cascade-layers/) mais quand je fais une refonte de cet espace je ne suis pas *que* 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. **Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.** Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de colon.

 Je finis par tout jeter / ré-interroger et je m’en sors avec 6 règles.

 J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique — [coucou Antoine](https://www.quaternum.net/2023/06/02/fabrique-concept/) — fasse partie intégrante de sa création+diffusion. C’est le texte que je suis en train d’écrire qui *est* le modèle. Je commence par adoucir les contrastes et à centrer quelques éléments. Puis j’applique cette astuce pour avoir des citations [à fond perdu](https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu) tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes publications.

 Je suis satisfait de mon résultat très minimaliste du jour.

 ---

 > 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 rêves.
 >
 > <cite>[notes](https://www.la-grange.net/2023/07/10/notes-train) par Karl</cite>

 🧡

 ---

 Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un an :

 ![Capture d’écran de l’essai](/static/david/2024/2024-01-02-ancien-essai.png "Capture d’écran de l’essai.")

 Je ne sais pas trop quoi en penser, c’est toujours marrant de retrouver de vieilles tentatives. De mémoire, c’était déjà plus pour m’amuser avec les *layers* qu’une refonte sérieuse (et cette typo 😱 (Bizmeud, [en retraite](https://velvetyne.fr/news/vtf-is-dead-long-live-velvetyne/))). Il n’est pas exclus que les essais actuels finissent également à la poubelle.

 Tiens, est-ce que j’arrive à faire déborder l’image du flux aussi ? Oui, et ça ouvre des perspectives d’agencements photographiques à explorer…


 #experience #technique #web
--- a/david/2024/addiction/index.html
+++ b/david/2024/addiction/index.html
@@ -0,0 +1,300 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="fr">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    Tag #addiction
  — David Larlet</title>
  <meta name="description" content="Publications relatives au tag #addiction">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <style type="text/css">
    details[open] summary {
      display: none;
    }
  </style>

  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
  <header>
    <h1>Publications relatives au tag #addiction</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil">
        <svg class="icon icon-home">
          <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
        </svg>
      Accueil</a>
      • <a rel="tags"
    href="/david/#tags-2023"
    title="Liste de toutes les étiquettes">
      <svg class="icon icon-tags">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
      </svg>
    Étiquettes</a>
  </p>
 </nav>
 <hr>
 <main>
  <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  
    <h2>
      <a href="/david/2024/01/01/" title="Lien permanent vers cet article">Dryear(s)</a> (2024-01-01)
    </h2>
    
      

 <blockquote>
 <p>33&#8239;% de 44&nbsp;millions de consommateurs vont faire le Dry January<br />
 22&#8239;% des consommateurs ont une conso excessive, c’est-à-dire 10&nbsp;verres/semaine max et plus de deux&nbsp;verres/jour.</p>
 <p>Les seniors sont aussi très touché·es.<br />
 <mark>L’alcool est une drogue.</mark>.
 On peut faire la fête sans alcool et&nbsp;s’éclater.</p>
 <p>Quand on arrête&nbsp;: bienfaits sur le foie, la peau, le coeur, etc…<br />
 Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, décompensation de maladie psy,…<br />
 41000&nbsp;décès par an en&nbsp;France.</p>
 <p>Les cinq symptômes définissent un problème de&nbsp;dépendance&nbsp;:</p>
 <ul>
 <li>Perte de&nbsp;contrôle</li>
 <li>Usage&nbsp;compulsif</li>
 <li>Envie&nbsp;répressive</li>
 <li>Usage&nbsp;chronique</li>
 <li>Conséquences psychiques, physiques, sociales,…</li>
 </ul>
 <p>Bon Dry J. pour celleux qui le font&#8239;! Moi j’en&nbsp;suis&#8239;!</p>
 <p><cite><a href="https://framapiaf.org/@Air/111681709094993435">@Air@framapiaf.org</a></cite></p>
 </blockquote>
 <p>Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&nbsp;mois.</p>
 <p>Je me sens prêt, on verra bien où cela me&nbsp;mène.</p>
 <hr />
 <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&nbsp;retenir.</p>

    
  
 </main>

    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">
            <svg class="icon icon-home">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
            </svg>
          Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">
            <svg class="icon icon-rss2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
            </svg>
          Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>
            <svg class="icon icon-user-tie">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
            </svg>
          Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
            <svg class="icon icon-mail">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
            </svg>
          Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
            <svg class="icon icon-hammer2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
            </svg>
          Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>
              <svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
              </svg>
              Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/2024/experience/index.html
+++ b/david/2024/experience/index.html
@@ -0,0 +1,345 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="fr">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    Tag #experience
  — David Larlet</title>
  <meta name="description" content="Publications relatives au tag #experience">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <style type="text/css">
    details[open] summary {
      display: none;
    }
  </style>

  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
  <header>
    <h1>Publications relatives au tag #experience</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil">
        <svg class="icon icon-home">
          <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
        </svg>
      Accueil</a>
      • <a rel="tags"
    href="/david/#tags-2023"
    title="Liste de toutes les étiquettes">
      <svg class="icon icon-tags">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
      </svg>
    Étiquettes</a>
  </p>
 </nav>
 <hr>
 <main>
  <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  
    <h2>
      <a href="/david/2024/01/02/" title="Lien permanent vers cet article">Fondations</a> (2024-01-02)
    </h2>
    
      
 <p>Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses&nbsp;: des <em>grids</em>, des <em>layers</em>, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du&nbsp;temps.</p>
 <p>Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des <em>reset</em>&nbsp;modernes&nbsp;:</p>
 <ul>
 <li><a href="https://piccalil.li/blog/a-more-modern-css-reset/">A (more) Modern CSS Reset</a> par Andy&nbsp;Bell&#8239;;</li>
 <li><a href="https://www.joshwcomeau.com/css/custom-css-reset/">My Custom CSS Reset</a> par Josh W. Comeau&#8239;;</li>
 <li><a href="https://github.com/jensimmons/cssremedy">CSS Remedy</a> par Jen Simmons et Miriam&nbsp;Suzanne&#8239;;</li>
 <li><a href="https://jgthms.com/minireset.css/">A tiny modern CSS reset</a> par Jeremy&nbsp;Thomas.</li>
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a 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 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 href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</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 href="https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu">à fond perdu</a> tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&nbsp;publications.</p>
 <p>Je suis satisfait de mon résultat très minimaliste du&nbsp;jour.</p>
 <hr />

 <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><a href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> par&nbsp;Karl</cite></p>
 </blockquote>
 <p>🧡</p>
 <hr />
 <p>Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&nbsp;an&nbsp;:</p>
 <figure>
    <a href="/static/david/2024/2024-01-02-ancien-essai.png"
        title="Cliquer pour une version haute résolution">
        <img
            src="/static/david/2024/2024-01-02-ancien-essai.png"
            width="2488" height="1486"
            srcset="/static/david/2024/2024-01-02-ancien-essai.png 2488w, /static/david/2024/2024-01-02-ancien-essai.png 660w, /static/david/2024/2024-01-02-ancien-essai.png 990w, /static/david/2024/2024-01-02-ancien-essai.png 1320w"
            sizes="min(100vw, calc(100vh * 2488 / 1486))"
            loading="lazy"
            decoding="async"
            alt="Capture d’écran de l’essai">
    </a>
    <figcaption>Capture d’écran de&nbsp;l’essai.</figcaption>
 </figure>
 <p>Je ne sais pas trop quoi en penser, c’est toujours marrant de retrouver de vieilles tentatives. De mémoire, c’était déjà plus pour m’amuser avec les <em>layers</em> qu’une refonte sérieuse (et cette typo&nbsp;😱 (Bizmeud, <a href="https://velvetyne.fr/news/vtf-is-dead-long-live-velvetyne/">en retraite</a>)). Il n’est pas exclus que les essais actuels finissent également à la&nbsp;poubelle.</p>
 <p>Tiens, est-ce que j’arrive à faire déborder l’image du flux aussi&#8239;? Oui, et ça ouvre des perspectives d’agencements photographiques à&nbsp;explorer…</p>

    
  
    <h2>
      <a href="/david/2024/01/01/" title="Lien permanent vers cet article">Dryear(s)</a> (2024-01-01)
    </h2>
    
      

 <blockquote>
 <p>33&#8239;% de 44&nbsp;millions de consommateurs vont faire le Dry January<br />
 22&#8239;% des consommateurs ont une conso excessive, c’est-à-dire 10&nbsp;verres/semaine max et plus de deux&nbsp;verres/jour.</p>
 <p>Les seniors sont aussi très touché·es.<br />
 <mark>L’alcool est une drogue.</mark>.
 On peut faire la fête sans alcool et&nbsp;s’éclater.</p>
 <p>Quand on arrête&nbsp;: bienfaits sur le foie, la peau, le coeur, etc…<br />
 Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, décompensation de maladie psy,…<br />
 41000&nbsp;décès par an en&nbsp;France.</p>
 <p>Les cinq symptômes définissent un problème de&nbsp;dépendance&nbsp;:</p>
 <ul>
 <li>Perte de&nbsp;contrôle</li>
 <li>Usage&nbsp;compulsif</li>
 <li>Envie&nbsp;répressive</li>
 <li>Usage&nbsp;chronique</li>
 <li>Conséquences psychiques, physiques, sociales,…</li>
 </ul>
 <p>Bon Dry J. pour celleux qui le font&#8239;! Moi j’en&nbsp;suis&#8239;!</p>
 <p><cite><a href="https://framapiaf.org/@Air/111681709094993435">@Air@framapiaf.org</a></cite></p>
 </blockquote>
 <p>Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&nbsp;mois.</p>
 <p>Je me sens prêt, on verra bien où cela me&nbsp;mène.</p>
 <hr />
 <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&nbsp;retenir.</p>

    
  
 </main>

    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">
            <svg class="icon icon-home">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
            </svg>
          Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">
            <svg class="icon icon-rss2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
            </svg>
          Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>
            <svg class="icon icon-user-tie">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
            </svg>
          Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
            <svg class="icon icon-mail">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
            </svg>
          Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
            <svg class="icon icon-hammer2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
            </svg>
          Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>
              <svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
              </svg>
              Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/2024/index.html
+++ b/david/2024/index.html
@@ -0,0 +1,291 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="fr">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    Publications sporadiques 2023
  — David Larlet</title>
  <meta name="description" content="Archives 2023 des publications de David Larlet">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
 <header>
  <h1>Publications sporadiques 2023</h1>
 </header>
 <nav>
  <p class="center">
    <nobr>
      <a href="/david/" title="Aller à l’accueil" rel="up"
        ><svg class="icon icon-home">
          <use
            xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
          ></use>
        </svg>
        Accueil</a
      >
    </nobr>
    •
    <nobr>
      <a href="/david/recherche/" title="Aller à la page de recherche" rel="search"
        ><svg class="icon icon-search">
          <use
            xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"
          ></use>
        </svg>
        Recherche</a
      >
    </nobr>
  </p>
 </nav>
 <hr>
 <main>
  
    <h3>Janvier 2024</h3>
    <p>
      <a href="/david/2024/01/01/">Dryear(s)</a>, 
      <a href="/david/2024/01/02/">Fondations</a>.
      
    </p>
  
  
    <h3 id="tags">
      Par tags <svg class="icon icon-tags">
        <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
      </svg>
    </h3>
    <p>
      <a href="/david/2021/addiction/" rel="tag">#addiction (1)</a>
      <a href="/david/2021/experience/" rel="tag">#experience (2)</a>
      <a href="/david/2021/protopie/" rel="tag">#protopie (1)</a>
      <a href="/david/2021/technique/" rel="tag">#technique (1)</a>
      <a href="/david/2021/web/" rel="tag">#web (1)</a>
      
    </p>
  
 </main>

    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">
            <svg class="icon icon-home">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
            </svg>
          Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">
            <svg class="icon icon-rss2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
            </svg>
          Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>
            <svg class="icon icon-user-tie">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
            </svg>
          Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
            <svg class="icon icon-mail">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
            </svg>
          Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
            <svg class="icon icon-hammer2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
            </svg>
          Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>
              <svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
              </svg>
              Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/2024/protopie/index.html
+++ b/david/2024/protopie/index.html
@@ -0,0 +1,300 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="fr">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    Tag #protopie
  — David Larlet</title>
  <meta name="description" content="Publications relatives au tag #protopie">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <style type="text/css">
    details[open] summary {
      display: none;
    }
  </style>

  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
  <header>
    <h1>Publications relatives au tag #protopie</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil">
        <svg class="icon icon-home">
          <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
        </svg>
      Accueil</a>
      • <a rel="tags"
    href="/david/#tags-2023"
    title="Liste de toutes les étiquettes">
      <svg class="icon icon-tags">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
      </svg>
    Étiquettes</a>
  </p>
 </nav>
 <hr>
 <main>
  <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  
    <h2>
      <a href="/david/2024/01/01/" title="Lien permanent vers cet article">Dryear(s)</a> (2024-01-01)
    </h2>
    
      

 <blockquote>
 <p>33&#8239;% de 44&nbsp;millions de consommateurs vont faire le Dry January<br />
 22&#8239;% des consommateurs ont une conso excessive, c’est-à-dire 10&nbsp;verres/semaine max et plus de deux&nbsp;verres/jour.</p>
 <p>Les seniors sont aussi très touché·es.<br />
 <mark>L’alcool est une drogue.</mark>.
 On peut faire la fête sans alcool et&nbsp;s’éclater.</p>
 <p>Quand on arrête&nbsp;: bienfaits sur le foie, la peau, le coeur, etc…<br />
 Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, décompensation de maladie psy,…<br />
 41000&nbsp;décès par an en&nbsp;France.</p>
 <p>Les cinq symptômes définissent un problème de&nbsp;dépendance&nbsp;:</p>
 <ul>
 <li>Perte de&nbsp;contrôle</li>
 <li>Usage&nbsp;compulsif</li>
 <li>Envie&nbsp;répressive</li>
 <li>Usage&nbsp;chronique</li>
 <li>Conséquences psychiques, physiques, sociales,…</li>
 </ul>
 <p>Bon Dry J. pour celleux qui le font&#8239;! Moi j’en&nbsp;suis&#8239;!</p>
 <p><cite><a href="https://framapiaf.org/@Air/111681709094993435">@Air@framapiaf.org</a></cite></p>
 </blockquote>
 <p>Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&nbsp;mois.</p>
 <p>Je me sens prêt, on verra bien où cela me&nbsp;mène.</p>
 <hr />
 <p>Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&nbsp;retenir.</p>

    
  
 </main>

    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">
            <svg class="icon icon-home">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
            </svg>
          Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">
            <svg class="icon icon-rss2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
            </svg>
          Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>
            <svg class="icon icon-user-tie">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
            </svg>
          Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
            <svg class="icon icon-mail">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
            </svg>
          Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
            <svg class="icon icon-hammer2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
            </svg>
          Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>
              <svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
              </svg>
              Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/2024/technique/index.html
+++ b/david/2024/technique/index.html
@@ -0,0 +1,312 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="fr">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    Tag #technique
  — David Larlet</title>
  <meta name="description" content="Publications relatives au tag #technique">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <style type="text/css">
    details[open] summary {
      display: none;
    }
  </style>

  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
  <header>
    <h1>Publications relatives au tag #technique</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil">
        <svg class="icon icon-home">
          <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
        </svg>
      Accueil</a>
      • <a rel="tags"
    href="/david/#tags-2023"
    title="Liste de toutes les étiquettes">
      <svg class="icon icon-tags">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
      </svg>
    Étiquettes</a>
  </p>
 </nav>
 <hr>
 <main>
  <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  
    <h2>
      <a href="/david/2024/01/02/" title="Lien permanent vers cet article">Fondations</a> (2024-01-02)
    </h2>
    
      
 <p>Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses&nbsp;: des <em>grids</em>, des <em>layers</em>, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du&nbsp;temps.</p>
 <p>Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des <em>reset</em>&nbsp;modernes&nbsp;:</p>
 <ul>
 <li><a href="https://piccalil.li/blog/a-more-modern-css-reset/">A (more) Modern CSS Reset</a> par Andy&nbsp;Bell&#8239;;</li>
 <li><a href="https://www.joshwcomeau.com/css/custom-css-reset/">My Custom CSS Reset</a> par Josh W. Comeau&#8239;;</li>
 <li><a href="https://github.com/jensimmons/cssremedy">CSS Remedy</a> par Jen Simmons et Miriam&nbsp;Suzanne&#8239;;</li>
 <li><a href="https://jgthms.com/minireset.css/">A tiny modern CSS reset</a> par Jeremy&nbsp;Thomas.</li>
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a 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 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 href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</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 href="https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu">à fond perdu</a> tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&nbsp;publications.</p>
 <p>Je suis satisfait de mon résultat très minimaliste du&nbsp;jour.</p>
 <hr />

 <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><a href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> par&nbsp;Karl</cite></p>
 </blockquote>
 <p>🧡</p>
 <hr />
 <p>Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&nbsp;an&nbsp;:</p>
 <figure>
    <a href="/static/david/2024/2024-01-02-ancien-essai.png"
        title="Cliquer pour une version haute résolution">
        <img
            src="/static/david/2024/2024-01-02-ancien-essai.png"
            width="2488" height="1486"
            srcset="/static/david/2024/2024-01-02-ancien-essai.png 2488w, /static/david/2024/2024-01-02-ancien-essai.png 660w, /static/david/2024/2024-01-02-ancien-essai.png 990w, /static/david/2024/2024-01-02-ancien-essai.png 1320w"
            sizes="min(100vw, calc(100vh * 2488 / 1486))"
            loading="lazy"
            decoding="async"
            alt="Capture d’écran de l’essai">
    </a>
    <figcaption>Capture d’écran de&nbsp;l’essai.</figcaption>
 </figure>
 <p>Je ne sais pas trop quoi en penser, c’est toujours marrant de retrouver de vieilles tentatives. De mémoire, c’était déjà plus pour m’amuser avec les <em>layers</em> qu’une refonte sérieuse (et cette typo&nbsp;😱 (Bizmeud, <a href="https://velvetyne.fr/news/vtf-is-dead-long-live-velvetyne/">en retraite</a>)). Il n’est pas exclus que les essais actuels finissent également à la&nbsp;poubelle.</p>
 <p>Tiens, est-ce que j’arrive à faire déborder l’image du flux aussi&#8239;? Oui, et ça ouvre des perspectives d’agencements photographiques à&nbsp;explorer…</p>

    
  
 </main>

    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">
            <svg class="icon icon-home">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
            </svg>
          Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">
            <svg class="icon icon-rss2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
            </svg>
          Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>
            <svg class="icon icon-user-tie">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
            </svg>
          Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
            <svg class="icon icon-mail">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
            </svg>
          Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
            <svg class="icon icon-hammer2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
            </svg>
          Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>
              <svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
              </svg>
              Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/2024/web/index.html
+++ b/david/2024/web/index.html
@@ -0,0 +1,312 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="fr">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    Tag #web
  — David Larlet</title>
  <meta name="description" content="Publications relatives au tag #web">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <style type="text/css">
    details[open] summary {
      display: none;
    }
  </style>

  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    
  <header>
    <h1>Publications relatives au tag #web</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil">
        <svg class="icon icon-home">
          <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
        </svg>
      Accueil</a>
      • <a rel="tags"
    href="/david/#tags-2023"
    title="Liste de toutes les étiquettes">
      <svg class="icon icon-tags">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
      </svg>
    Étiquettes</a>
  </p>
 </nav>
 <hr>
 <main>
  <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  
    <h2>
      <a href="/david/2024/01/02/" title="Lien permanent vers cet article">Fondations</a> (2024-01-02)
    </h2>
    
      
 <p>Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses&nbsp;: des <em>grids</em>, des <em>layers</em>, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du&nbsp;temps.</p>
 <p>Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des <em>reset</em>&nbsp;modernes&nbsp;:</p>
 <ul>
 <li><a href="https://piccalil.li/blog/a-more-modern-css-reset/">A (more) Modern CSS Reset</a> par Andy&nbsp;Bell&#8239;;</li>
 <li><a href="https://www.joshwcomeau.com/css/custom-css-reset/">My Custom CSS Reset</a> par Josh W. Comeau&#8239;;</li>
 <li><a href="https://github.com/jensimmons/cssremedy">CSS Remedy</a> par Jen Simmons et Miriam&nbsp;Suzanne&#8239;;</li>
 <li><a href="https://jgthms.com/minireset.css/">A tiny modern CSS reset</a> par Jeremy&nbsp;Thomas.</li>
 </ul>
 <p>J’aimerais commencer ma CSS par <code>@layer reset</code> mais c’est sur du <a 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 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 href="https://www.quaternum.net/2023/06/02/fabrique-concept/">coucou Antoine</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 href="https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu">à fond perdu</a> tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&nbsp;publications.</p>
 <p>Je suis satisfait de mon résultat très minimaliste du&nbsp;jour.</p>
 <hr />

 <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><a href="https://www.la-grange.net/2023/07/10/notes-train">notes</a> par&nbsp;Karl</cite></p>
 </blockquote>
 <p>🧡</p>
 <hr />
 <p>Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&nbsp;an&nbsp;:</p>
 <figure>
    <a href="/static/david/2024/2024-01-02-ancien-essai.png"
        title="Cliquer pour une version haute résolution">
        <img
            src="/static/david/2024/2024-01-02-ancien-essai.png"
            width="2488" height="1486"
            srcset="/static/david/2024/2024-01-02-ancien-essai.png 2488w, /static/david/2024/2024-01-02-ancien-essai.png 660w, /static/david/2024/2024-01-02-ancien-essai.png 990w, /static/david/2024/2024-01-02-ancien-essai.png 1320w"
            sizes="min(100vw, calc(100vh * 2488 / 1486))"
            loading="lazy"
            decoding="async"
            alt="Capture d’écran de l’essai">
    </a>
    <figcaption>Capture d’écran de&nbsp;l’essai.</figcaption>
 </figure>
 <p>Je ne sais pas trop quoi en penser, c’est toujours marrant de retrouver de vieilles tentatives. De mémoire, c’était déjà plus pour m’amuser avec les <em>layers</em> qu’une refonte sérieuse (et cette typo&nbsp;😱 (Bizmeud, <a href="https://velvetyne.fr/news/vtf-is-dead-long-live-velvetyne/">en retraite</a>)). Il n’est pas exclus que les essais actuels finissent également à la&nbsp;poubelle.</p>
 <p>Tiens, est-ce que j’arrive à faire déborder l’image du flux aussi&#8239;? Oui, et ça ouvre des perspectives d’agencements photographiques à&nbsp;explorer…</p>

    
  
 </main>

    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">
            <svg class="icon icon-home">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
            </svg>
          Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">
            <svg class="icon icon-rss2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
            </svg>
          Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>
            <svg class="icon icon-user-tie">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
            </svg>
          Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
            <svg class="icon icon-mail">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
            </svg>
          Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
            <svg class="icon icon-hammer2">
              <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
            </svg>
          Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>
              <svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
              </svg>
              Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/blogroll/index.html
+++ b/david/blogroll/index.html
@@ -161,10 +161,6 @@
            <a href="https://blog.ecologie-politique.eu/">Aude</a>
            (<a href="https://blog.ecologie-politique.eu/feed/atom">flux</a>)
          </li>
        <li>
            <a href="https://bribesdereel.net/">Llu</a>
            (<a href="https://bribesdereel.net/feed/rss2">flux</a>)
          </li>
        <li>
            <a href="https://winnielim.org/">Winnie Lim (en)</a>
            (<a href="https://winnielim.org/feed/">flux</a>)
@@ -178,6 +174,36 @@
    </nav>
    <p>N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.</p>
    <h2>Leurs dernières publications</h2>
    <dl>
        <dt>
          <a href="https://www.la-grange.net/2024/01/01/prise">lâcher prise</a>,
          01-01-2024
        </dt>
        <dd>
          Tsujido, Japon, 1 janvier 2024 Chemins qui ne mènent nulle part entre deux prés, que l'on dirait avec art de leur but détournés, chemins qui souvent n'ont devant eux rien d'autre en face que le pur espace et la saison. — Vergers, Rainer Maria Rilke, urn:isbn:2-07-032165-7 Lundi 1er janvier 2024, je commence avec une photographie de la constellation d'Orion prise à 00h 03m 56s au dessus de la…
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.hypothermia.fr/2024/01/2023-moments-choisis/">2023, moments choisis</a>,
          01-01-2024
        </dt>
        <dd>
          Ancres mémorielles de l'année écoulée.
          — <a href="https://www.hypothermia.fr/">Eliness</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.arthurperret.fr/veille/2024-01-01-l-outil-d-ecriture-ideal-n-existe-pas.html">[Veille] L’outil d’écriture idéal n’existe pas</a>,
          01-01-2024
        </dt>
        <dd>
          https://tcrouzet.com/2023/12/31/ecrire-a-la-recherche-de-lediteur-de-texte-ideal/ Thierry Crouzet, à la recherche d’une alternative à Ulysses, partage ses impressions concernant plusieurs outils d’écriture. Il en arrive à la conclusion que l’outil idéal n’existe pas, pour plein de raisons (diversité des besoins, effet usine à gaz, outils tiers irremplaçables…) ; l’enjeu est plutôt de trouver des…
          — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://winnielim.org/journal/looking-back-at-2023/">looking back at 2023</a>,
@@ -268,16 +294,6 @@
          — <a href="https://ynote.hk/">Fanny Cheung</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.arthurperret.fr/veille/2023-12-24-how-to-speak.html">[Veille] How to Speak</a>,
          24-12-2023
        </dt>
        <dd>
          https://www.youtube.com/watch?v=Unzc731iCUY Un professeur au sommet de son art explique en une heure quelques notions pratiques de communication. Certaines recommandations rappellent celles d’Edward Tufte (2003). Mais en plus, la forme reflète le fond : la conférence est elle-même la démonstration de ce qu’explique le conférencier – comme dans les « métalogues » de Gregory Bateson (1972), où la…
          — <a href="https://www.arthurperret.fr/">Arthur Perret</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.quaternum.net/2023/12/24/choisir-une-modelisation/">[flux] Choisir une modélisation</a>,
@@ -328,16 +344,6 @@
          — <a href="https://luce.carevic.eu/fr">Luce Carević</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.hypothermia.fr/2023/12/dans-les-faveurs-deverett/">Dans les faveurs d’Everett</a>,
          04-12-2023
        </dt>
        <dd>
          J'ai confronté mon image de l'autre côté de l'objectif.
          — <a href="https://www.hypothermia.fr/">Eliness</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://thom4.net/2023/12/04/questions/">☕️ Journal : Question(s)</a>,
@@ -428,16 +434,6 @@
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://www.la-grange.net/2023/07/12/sfo-hnd">sfo-hnd</a>,
          12-07-2023
        </dt>
        <dd>
          SFO, États-Unis, 12 juillet 2023 The principle of misplaced responsibility is based on the following: a situation is created by the colonial rule. This situation affected a change in the native society, and native society is then blamed for the resultant situation. The best instance was the spread of opium amongst the natives. Opium was consumed before the coming of the Western colonial powers.…
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://lalunemauve.fr/perlimpinpin/">Où je crache ma pastille Valda à propos d’Instagram</a>,
@@ -458,26 +454,6 @@
          — <a href="https://emmaclit.com/">Emma</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://bribesdereel.net/post/Bribes-7">Bribes #7</a>,
          17-08-2022
        </dt>
        <dd>
          La musique comme un talisman La dernière saison de Stranger Things a fait découvrir Running Up that Hill (A Deal With God) de Kate Bush à toute une nouvelle génération. Je trouve cette rencontre, 37 ans plus tard, formidable. J’ai aimé l’entendre sur la BBC dans On Weekend Woman’s Hour1 parler de la nouvelle génération qui la découvre, de musique, de déconnexion. Ça m’a également plu qu’elle…
          — <a href="https://bribesdereel.net/">Llu</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://bribesdereel.net/post/bribes-6">Bribes #6</a>,
          13-08-2022
        </dt>
        <dd>
          Mise à jour de Dotclear sans encombre. L’occasion de vérifier si tout fonctionne encore ici et d’écrire un billet décousu. J’ai toujours autant de gratitude d’avoir des mises à jour régulières d’un outil robuste et bidouillable qui permet (relativement) facilement d’avoir son espace personnel. Merci donc à Franck de toujours tenir la barque. Personally, I would love it if the process of making…
          — <a href="https://bribesdereel.net/">Llu</a>
        </dd>
      </dl>
    
  </article>

--- a/david/index.html
+++ b/david/index.html
@@ -121,235 +121,145 @@
      For an English profile, check out
      <a href="http://larlet.com" data-instant>this page 🇨🇦</a>.
    </p>
    <h2>Publications 2023</h2>
    <h2>Publications 2024</h2>
    <p>Liste des publications récentes en ordre anté-chronologique :</p>
    <nav>
      <p>
        <a href="/david/2023/12/31/">Ailleurs</a>,
        <a href="/david/2024/01/02/">Fondations</a>,
        <a href="/david/2024/01/01/">Dryear(s)</a>.
          
        <a href="/david/2023/12/12/">Abonnement</a>,
        
      </p>
    </nav>
    <p id="tags-2023">Ou par étiquettes :</p>
    <nav>
      <p>
        <a href="/david/2023/addiction/" rel="tag">#addiction (1)</a>,
        <a href="/david/2023/experience/" rel="tag">#experience (2)</a>,
        <a href="/david/2023/protopie/" rel="tag">#protopie (1)</a>,
        <a href="/david/2023/technique/" rel="tag">#technique (1)</a>,
        <a href="/david/2023/web/" rel="tag">#web (1)</a>.
          
        
      </p>
    </nav>
    <h2>Publications 2023</h2>
    <p>Liste des publications en ordre anté-chronologique :</p>
    <nav>
      <p>
        <a href="/david/2023/12/31/">Ailleurs</a>,
        <a href="/david/2023/12/12/">Abonnement</a>,
        <a href="/david/2023/12/08/">Développement(s)</a>,
          
        <a href="/david/2023/12/06/">Équivalent</a>,
          
        <a href="/david/2023/12/03/">NostAlgIe</a>,
          
        <a href="/david/2023/12/01/">Papillon</a>,
          
        <a href="/david/2023/11/27/">Dix</a>,
          
        <a href="/david/2023/09/27/">Perspective</a>,
          
        <a href="/david/2023/09/23/">Éco-conception</a>,
          
        <a href="/david/2023/09/13/">Documentation</a>,
          
        <a href="/david/2023/09/09/">Blogroll</a>,
          
        <a href="/david/2023/09/08/">Char&nbsp;2</a>,
          
        <a href="/david/2023/09/07/">Conteur</a>,
          
        <a href="/david/2023/09/06/">Retour</a>,
          
        <a href="/david/2023/07/28/">France</a>,
          
        <a href="/david/2023/07/02/">Perles</a>,
          
        <a href="/david/2023/06/26/">Particules</a>,
          
        <a href="/david/2023/06/19/">Village</a>,
          
        <a href="/david/2023/06/12/">Apocalypse</a>,
          
        <a href="/david/2023/06/06/">Réponse(s)</a>,
          
        <a href="/david/2023/05/06/">SudWeb</a>,
          
        <a href="/david/2023/05/05/">AÏe</a>,
          
        <a href="/david/2023/05/01/">Long&nbsp;cours</a>,
          
        <a href="/david/2023/03/13/">Traditions</a>,
          
        <a href="/david/2023/03/04/">Jour&nbsp;3</a>,
          
        <a href="/david/2023/03/03/">Jour&nbsp;2</a>,
          
        <a href="/david/2023/03/02/">Jour&nbsp;1</a>,
          
        <a href="/david/2023/02/28/">AlgoRSSithme</a>,
          
        <a href="/david/2023/02/25/">Transmission</a>,
          
        <a href="/david/2023/02/18/">Quiz</a>,
          
        <a href="/david/2023/02/13/">Livre</a>,
          
        <a href="/david/2023/02/12/">Jour&nbsp;3</a>,
          
        <a href="/david/2023/02/11/">Jour&nbsp;2</a>,
          
        <a href="/david/2023/02/10/">Jour&nbsp;1</a>,
          
        <a href="/david/2023/02/09/">Allumage</a>,
          
        <a href="/david/2023/02/08/">TextcAIst</a>,
          
        <a href="/david/2023/02/07/">Madeleine</a>,
          
        <a href="/david/2023/02/05/">Attente</a>,
          
        <a href="/david/2023/02/03/">Chargement</a>,
          
        <a href="/david/2023/02/02/">Moment</a>,
          
        <a href="/david/2023/02/01/">Ombres</a>,
          
        <a href="/david/2023/01/31/">Ennui</a>,
          
        <a href="/david/2023/01/30/">Lecture</a>,
          
        <a href="/david/2023/01/26/">Décentralisation</a>,
          
        <a href="/david/2023/01/24/">Capot</a>,
          
        <a href="/david/2023/01/23/">Déception</a>,
          
        <a href="/david/2023/01/22/">Jour&nbsp;2</a>,
          
        <a href="/david/2023/01/21/">Jour&nbsp;1</a>,
          
        <a href="/david/2023/01/20/">Lettres</a>,
          
        <a href="/david/2023/01/18/">Femmes</a>,
          
        <a href="/david/2023/01/17/">Populaire</a>,
          
        <a href="/david/2023/01/16/">Chasse</a>,
          
        <a href="/david/2023/01/15/">Snow&nbsp;Fall</a>,
          
        <a href="/david/2023/01/14/">Dépendances</a>,
          
        <a href="/david/2023/01/13/">Eaux&nbsp;grises</a>,
          
        <a href="/david/2023/01/12/">Masque</a>,
          
        <a href="/david/2023/01/11/">Suspendu</a>,
          
        <a href="/david/2023/01/10/">Qualité</a>,
          
        <a href="/david/2023/01/09/">Indépendant·e</a>,
          
        <a href="/david/2023/01/08/">Partage</a>,
          
        <a href="/david/2023/01/07/">Dette</a>,
          
        <a href="/david/2023/01/06/">Toile</a>,
          
        <a href="/david/2023/01/05/">Instanseul</a>,
          
        <a href="/david/2023/01/04/">Rétrospectives</a>,
          
        <a href="/david/2023/01/03/">Préparation</a>,
          
        <a href="/david/2023/01/02/">Lucidité</a>,
          
        <a href="/david/2023/01/01/">Alleeez</a>
            .
          
        
        <a href="/david/2023/01/01/">Alleeez</a>.
      </p>
    </nav>
    <p id="tags-2023">Ou par étiquettes :</p>
    <nav>
      <p>
        <a href="/david/2023/accompagnement/" rel="tag">#accompagnement (9)</a>,
          
        <a href="/david/2023/amadou/" rel="tag">#amadou (1)</a>,
          
        <a href="/david/2023/attention/" rel="tag">#attention (2)</a>,
          
        <a href="/david/2023/aventure/" rel="tag">#aventure (13)</a>,
          
        <a href="/david/2023/complexite/" rel="tag">#complexité (8)</a>,
          
        <a href="/david/2023/confiance/" rel="tag">#confiance (6)</a>,
          
        <a href="/david/2023/confidentialite/" rel="tag">#confidentialité (4)</a>,
          
        <a href="/david/2023/courage/" rel="tag">#courage (7)</a>,
          
        <a href="/david/2023/decentralisation/" rel="tag">#décentralisation (4)</a>,
          
        <a href="/david/2023/don/" rel="tag">#don (2)</a>,
          
        <a href="/david/2023/eau/" rel="tag">#eau (3)</a>,
          
        <a href="/david/2023/ecriture/" rel="tag">#écriture (5)</a>,
          
        <a href="/david/2023/foret/" rel="tag">#forêt (11)</a>,
          
        <a href="/david/2023/gafam/" rel="tag">#gafam (3)</a>,
          
        <a href="/david/2023/gratitude/" rel="tag">#gratitude (10)</a>,
          
        <a href="/david/2023/incompetence/" rel="tag">#incompétence (5)</a>,
          
        <a href="/david/2023/intimite/" rel="tag">#intimité (3)</a>,
          
        <a href="/david/2023/livre/" rel="tag">#livre (3)</a>,
          
        <a href="/david/2023/masque/" rel="tag">#masque (1)</a>,
          
        <a href="/david/2023/mastodon/" rel="tag">#mastodon (1)</a>,
          
        <a href="/david/2023/nostalgie/" rel="tag">#nostalgie (4)</a>,
          
        <a href="/david/2023/parentalite/" rel="tag">#parentalité (5)</a>,
          
        <a href="/david/2023/partage/" rel="tag">#partage (3)</a>,
          
        <a href="/david/2023/patriarcat/" rel="tag">#patriarcat (1)</a>,
          
        <a href="/david/2023/photographie/" rel="tag">#photographie (3)</a>,
          
        <a href="/david/2023/propriete/" rel="tag">#propriété (2)</a>,
          
        <a href="/david/2023/psychologie/" rel="tag">#psychologie (2)</a>,
          
        <a href="/david/2023/qualite/" rel="tag">#qualité (4)</a>,
          
        <a href="/david/2023/recherche/" rel="tag">#recherche (12)</a>,
          
        <a href="/david/2023/recyclage/" rel="tag">#recyclage (2)</a>,
          
        <a href="/david/2023/reponse/" rel="tag">#réponse (2)</a>,
          
        <a href="/david/2023/scopyleft/" rel="tag">#scopyleft (2)</a>,
          
        <a href="/david/2023/simplicite/" rel="tag">#simplicité (4)</a>,
          
        <a href="/david/2023/sociologie/" rel="tag">#sociologie (8)</a>,
          
        <a href="/david/2023/solastalgia/" rel="tag">#solastalgia (4)</a>,
          
        <a href="/david/2023/sport/" rel="tag">#sport (3)</a>,
          
        <a href="/david/2023/technique/" rel="tag">#technique (10)</a>,
          
        <a href="/david/2023/traces/" rel="tag">#traces (6)</a>,
          
        <a href="/david/2023/tristesse/" rel="tag">#tristesse (6)</a>,
          
        <a href="/david/2023/viande/" rel="tag">#viande (1)</a>,
          
        <a href="/david/2023/web/" rel="tag">#web (10)</a>
            .
          
        
        <a href="/david/2023/accompagnement/" rel="tag">#accompagnement (9)</a>,
        <a href="/david/2023/amadou/" rel="tag">#amadou (1)</a>,
        <a href="/david/2023/attention/" rel="tag">#attention (2)</a>,
        <a href="/david/2023/aventure/" rel="tag">#aventure (13)</a>,
        <a href="/david/2023/complexite/" rel="tag">#complexité (8)</a>,
        <a href="/david/2023/confiance/" rel="tag">#confiance (6)</a>,
        <a href="/david/2023/confidentialite/" rel="tag">#confidentialité (4)</a>,
        <a href="/david/2023/courage/" rel="tag">#courage (7)</a>,
        <a href="/david/2023/decentralisation/" rel="tag">#décentralisation (4)</a>,
        <a href="/david/2023/don/" rel="tag">#don (2)</a>,
        <a href="/david/2023/eau/" rel="tag">#eau (3)</a>,
        <a href="/david/2023/ecriture/" rel="tag">#écriture (5)</a>,
        <a href="/david/2023/foret/" rel="tag">#forêt (11)</a>,
        <a href="/david/2023/gafam/" rel="tag">#gafam (3)</a>,
        <a href="/david/2023/gratitude/" rel="tag">#gratitude (10)</a>,
        <a href="/david/2023/incompetence/" rel="tag">#incompétence (5)</a>,
        <a href="/david/2023/intimite/" rel="tag">#intimité (3)</a>,
        <a href="/david/2023/livre/" rel="tag">#livre (3)</a>,
        <a href="/david/2023/masque/" rel="tag">#masque (1)</a>,
        <a href="/david/2023/mastodon/" rel="tag">#mastodon (1)</a>,
        <a href="/david/2023/nostalgie/" rel="tag">#nostalgie (4)</a>,
        <a href="/david/2023/parentalite/" rel="tag">#parentalité (5)</a>,
        <a href="/david/2023/partage/" rel="tag">#partage (3)</a>,
        <a href="/david/2023/patriarcat/" rel="tag">#patriarcat (1)</a>,
        <a href="/david/2023/photographie/" rel="tag">#photographie (3)</a>,
        <a href="/david/2023/propriete/" rel="tag">#propriété (2)</a>,
        <a href="/david/2023/psychologie/" rel="tag">#psychologie (2)</a>,
        <a href="/david/2023/qualite/" rel="tag">#qualité (4)</a>,
        <a href="/david/2023/recherche/" rel="tag">#recherche (12)</a>,
        <a href="/david/2023/recyclage/" rel="tag">#recyclage (2)</a>,
        <a href="/david/2023/reponse/" rel="tag">#réponse (2)</a>,
        <a href="/david/2023/scopyleft/" rel="tag">#scopyleft (2)</a>,
        <a href="/david/2023/simplicite/" rel="tag">#simplicité (4)</a>,
        <a href="/david/2023/sociologie/" rel="tag">#sociologie (8)</a>,
        <a href="/david/2023/solastalgia/" rel="tag">#solastalgia (4)</a>,
        <a href="/david/2023/sport/" rel="tag">#sport (3)</a>,
        <a href="/david/2023/technique/" rel="tag">#technique (10)</a>,
        <a href="/david/2023/traces/" rel="tag">#traces (6)</a>,
        <a href="/david/2023/tristesse/" rel="tag">#tristesse (6)</a>,
        <a href="/david/2023/viande/" rel="tag">#viande (1)</a>,
        <a href="/david/2023/web/" rel="tag">#web (10)</a>.
      </p>
    </nav>
    <p>
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -6,12 +6,92 @@
    <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
    <link href="https://larlet.fr/david/log/" rel="self" />
    <id>https://larlet.fr/david/</id>
    <updated>2023-12-31T12:00:00+01:00</updated>
    <updated>2024-01-02T12:00:00+01:00</updated>
    <author>
        <name>David Larlet</name>
        <uri>https://larlet.fr/david/</uri>
    </author>
    <rights>Copyright (c) 2004-2023, David Larlet</rights>
    <rights>Copyright (c) 2004-2024, David Larlet</rights>
    
        <entry xml:lang="fr">
            <title type="html">Fondations</title>
            <link href="https://larlet.fr/david/2024/01/02/" rel="alternate" type="text/html" />
            <updated>2024-01-02T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/01/02/</id>
            <summary type="html">
 &lt;p&gt;Tellement de choses sont dorénavant possibles en CSS, je suis submergé par l’ampleur de la tâche. J’ai envie d’essayer trop de choses&amp;nbsp;: des &lt;em&gt;grids&lt;/em&gt;, des &lt;em&gt;layers&lt;/em&gt;, des fonctionnalités avancées de typographie, que cet espace redevienne un terrain de jeu dans ce domaine car je sens bien que j’ai un peu délaissé cet aspect au fil du&amp;nbsp;temps.&lt;/p&gt;
 &lt;p&gt;Je commence par regarder à quoi ressemble une page nue avec la précédente sémantique HTML. Ce n’est pas si mal mais les icônes en SVG pourraient avoir des dimensions plus appropriées. Je les retire, il est temps de gagner en légèreté. Je regarde à quoi ressemblent des &lt;em&gt;reset&lt;/em&gt;&amp;nbsp;modernes&amp;nbsp;:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href=&quot;https://piccalil.li/blog/a-more-modern-css-reset/&quot;&gt;A (more) Modern CSS Reset&lt;/a&gt; par Andy&amp;nbsp;Bell&amp;#8239;;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;https://www.joshwcomeau.com/css/custom-css-reset/&quot;&gt;My Custom CSS Reset&lt;/a&gt; par Josh W. Comeau&amp;#8239;;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;https://github.com/jensimmons/cssremedy&quot;&gt;CSS Remedy&lt;/a&gt; par Jen Simmons et Miriam&amp;nbsp;Suzanne&amp;#8239;;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;https://jgthms.com/minireset.css/&quot;&gt;A tiny modern CSS reset&lt;/a&gt; par Jeremy&amp;nbsp;Thomas.&lt;/li&gt;
 &lt;/ul&gt;
 &lt;p&gt;J’aimerais commencer ma CSS par &lt;code&gt;@layer reset&lt;/code&gt; mais c’est sur du &lt;a href=&quot;https://caniuse.com/css-cascade-layers&quot;&gt;Baseline™ 2022&lt;/a&gt;. Toujours cette tension entre jouer avec les nouveautés sans exclure pour autant une partie de l’auditoire potentiel. &lt;mark&gt;Au pire, cette page nue est consultable&lt;/mark&gt; et le flux devrait être supporté partout. Peut-être que je n’ai pas besoin d’avoir des &lt;a href=&quot;https://css-tricks.com/css-cascade-layers/&quot;&gt;CSS layers&lt;/a&gt; mais quand je fais une refonte de cet espace je ne suis pas &lt;em&gt;que&lt;/em&gt; 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. &lt;strong&gt;Commencer par déconstruire pour reconstruire est probablement l’un des maux de notre culture.&lt;/strong&gt; Ne pas accepter qu’il puisse exister quelque chose de suffisant sur lequel s’appuyer. Une attitude de&amp;nbsp;colon.&lt;/p&gt;
 &lt;p&gt;Je finis par tout jeter / ré-interroger et je m’en sors avec&amp;nbsp;6&amp;nbsp;règles.&lt;/p&gt;
 &lt;p&gt;J’ai besoin de voir mon texte en action pour pouvoir le travailler. Qu’il passe de lisible à enviable, que sa fabrique —&amp;nbsp;&lt;a href=&quot;https://www.quaternum.net/2023/06/02/fabrique-concept/&quot;&gt;coucou Antoine&lt;/a&gt;&amp;nbsp;— fasse partie intégrante de sa création+diffusion. C’est le texte que je suis en train d’écrire qui &lt;em&gt;est&lt;/em&gt; le modèle. Je commence par adoucir les contrastes et à centrer quelques éléments. Puis j’applique cette astuce pour avoir des citations &lt;a href=&quot;https://code.larlet.fr/css/#une-grille-avec-elements-a-fond-perdu&quot;&gt;à fond perdu&lt;/a&gt; tout en centrant le texte de l’article. J’ai envie de leur donner la place qu’elles méritent dans mes&amp;nbsp;publications.&lt;/p&gt;
 &lt;p&gt;Je suis satisfait de mon résultat très minimaliste du&amp;nbsp;jour.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;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&amp;nbsp;rêves.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://www.la-grange.net/2023/07/10/notes-train&quot;&gt;notes&lt;/a&gt; par&amp;nbsp;Karl&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;🧡&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Plus tard, je me rends compte en voulant faire les choses proprement que j’avais déjà fait des essais il y a un peu plus d’un&amp;nbsp;an&amp;nbsp;:&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-01-02-ancien-essai.png&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2024/2024-01-02-ancien-essai.png&quot;
            width=&quot;2488&quot; height=&quot;1486&quot;
            srcset=&quot;/static/david/2024/2024-01-02-ancien-essai.png 2488w, /static/david/2024/2024-01-02-ancien-essai.png 660w, /static/david/2024/2024-01-02-ancien-essai.png 990w, /static/david/2024/2024-01-02-ancien-essai.png 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2488 / 1486))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran de l’essai&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran de&amp;nbsp;l’essai.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Je ne sais pas trop quoi en penser, c’est toujours marrant de retrouver de vieilles tentatives. De mémoire, c’était déjà plus pour m’amuser avec les &lt;em&gt;layers&lt;/em&gt; qu’une refonte sérieuse (et cette typo&amp;nbsp;😱 (Bizmeud, &lt;a href=&quot;https://velvetyne.fr/news/vtf-is-dead-long-live-velvetyne/&quot;&gt;en retraite&lt;/a&gt;)). Il n’est pas exclus que les essais actuels finissent également à la&amp;nbsp;poubelle.&lt;/p&gt;
 &lt;p&gt;Tiens, est-ce que j’arrive à faire déborder l’image du flux aussi&amp;#8239;? Oui, et ça ouvre des perspectives d’agencements photographiques à&amp;nbsp;explorer…&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#experience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Dryear(s)</title>
            <link href="https://larlet.fr/david/2024/01/01/" rel="alternate" type="text/html" />
            <updated>2024-01-01T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/01/01/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;33&amp;#8239;% de 44&amp;nbsp;millions de consommateurs vont faire le Dry January&lt;br /&gt;
 22&amp;#8239;% des consommateurs ont une conso excessive, c’est-à-dire 10&amp;nbsp;verres/semaine max et plus de deux&amp;nbsp;verres/jour.&lt;/p&gt;
 &lt;p&gt;Les seniors sont aussi très touché·es.&lt;br /&gt;
 &lt;mark&gt;L’alcool est une drogue.&lt;/mark&gt;.
 On peut faire la fête sans alcool et&amp;nbsp;s’éclater.&lt;/p&gt;
 &lt;p&gt;Quand on arrête&amp;nbsp;: bienfaits sur le foie, la peau, le coeur, etc…&lt;br /&gt;
 Pb&amp;nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, décompensation de maladie psy,…&lt;br /&gt;
 41000&amp;nbsp;décès par an en&amp;nbsp;France.&lt;/p&gt;
 &lt;p&gt;Les cinq symptômes définissent un problème de&amp;nbsp;dépendance&amp;nbsp;:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;Perte de&amp;nbsp;contrôle&lt;/li&gt;
 &lt;li&gt;Usage&amp;nbsp;compulsif&lt;/li&gt;
 &lt;li&gt;Envie&amp;nbsp;répressive&lt;/li&gt;
 &lt;li&gt;Usage&amp;nbsp;chronique&lt;/li&gt;
 &lt;li&gt;Conséquences psychiques, physiques, sociales,…&lt;/li&gt;
 &lt;/ul&gt;
 &lt;p&gt;Bon Dry J. pour celleux qui le font&amp;#8239;! Moi j’en&amp;nbsp;suis&amp;#8239;!&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://framapiaf.org/@Air/111681709094993435&quot;&gt;@Air@framapiaf.org&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Dans mon entourage, de plus en plus de personnes que j’estime ne boivent pas d’alcool, de plus en plus de personnes qui vieillissent en deviennent dépendantes. Je suis davantage attiré par la première option… et pas pour un seul&amp;nbsp;mois.&lt;/p&gt;
 &lt;p&gt;Je me sens prêt, on verra bien où cela me&amp;nbsp;mène.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Grosse envie de reprendre la CSS par ici en ce début d’année. Avec le dilemme de faire chuter cette motivation si je publie dès maintenant avec l’ancienne (qui restera effective sur les anciens articles). Je vais essayer de me&amp;nbsp;retenir.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/addiction/&quot;&gt;#addiction&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#experience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/protopie/&quot;&gt;#protopie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Ailleurs</title>
@@ -41,9 +121,9 @@
 — Ouais mais des fois la maison c’est quand même comme un grand cercueil.&lt;br /&gt;
 — Mmmh, d’accord mais alors dans ma chambre la machine à coudre c’est comme un cœur qui&amp;nbsp;bat.&lt;/p&gt;
 &lt;p&gt;Hier, on a couru 7km pour la première&amp;nbsp;fois&amp;nbsp;💓.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/confiance/&quot;&gt;#confiance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/confiance/&quot;&gt;#confiance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Abonnement</title>
            <link href="https://larlet.fr/david/2023/12/12/" rel="alternate" type="text/html" />
@@ -65,9 +145,9 @@
 &lt;p&gt;people talk about enshittification to mean &lt;mark&gt;“i can&#x27;t watch my favourite tv show any&amp;nbsp;more”&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://cohost.org/tef/post/3175066-enshittification-is&quot;&gt;enshittification is what happens when a disney adult learns about captialism&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/37d6792aae27bda5e258f7a1b052045a/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/gafam/&quot;&gt;#gafam&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/propriete/&quot;&gt;#propriété&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/gafam/&quot;&gt;#gafam&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/propriete/&quot;&gt;#propriété&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Développement(s)</title>
            <link href="https://larlet.fr/david/2023/12/08/" rel="alternate" type="text/html" />
@@ -224,9 +304,9 @@
 &lt;/figure&gt;
 &lt;hr /&gt;
 &lt;p&gt;La plupart de ces sites sont statiques ou &lt;a href=&quot;https://larlet.fr/david/2023/09/13/&quot; title=&quot;Documentation&quot;&gt;semynamiques&lt;/a&gt;, sans faire appel à NPM.&amp;nbsp;Vous n’avez pas idée d’à quel point cela me tranquillise et augmente mon efficacité en terme de maintenance sur le long&amp;nbsp;terme.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/recherche/&quot;&gt;#recherche&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/recherche/&quot;&gt;#recherche&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Équivalent</title>
            <link href="https://larlet.fr/david/2023/12/06/" rel="alternate" type="text/html" />
@@ -257,9 +337,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;📧 Hope the air where you are is somewhat breathable today! Just wanted to circle back around on that&amp;nbsp;report.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.mcsweeneys.net/articles/email-greetings-for-modern-times&quot;&gt;Email Greetings for Modern Times&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/ec3d02a88dc8597c24f1b32b9cf51d41/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/incompetence/&quot;&gt;#incompétence&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/incompetence/&quot;&gt;#incompétence&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">NostAlgIe</title>
            <link href="https://larlet.fr/david/2023/12/03/" rel="alternate" type="text/html" />
@@ -286,9 +366,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;🧑‍⚖️ The Functional Source License (FSL) is a mostly permissive non-compete license that converts to Apache 2.0&amp;nbsp;or MIT after two years. It is designed for SaaS companies that value both user freedom and developer sustainability. FSL provides everything a developer needs to use and learn from your software without harmful&amp;nbsp;free-riding.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://fsl.software/&quot;&gt;FSL&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Papillon</title>
            <link href="https://larlet.fr/david/2023/12/01/" rel="alternate" type="text/html" />
@@ -338,9 +418,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;🎯 En tant que travailleurs de la tech, très souvent, nous faisons partie du système, nous participons au problème, &lt;mark&gt;nous sommes un maillon de la chaine productiviste&lt;/mark&gt;&amp;nbsp;: par notre travail, nous contribuons à des modèles capitalistiques coloniaux, le profit de certains au détriment de tous, l’accaparement des ressources de la planète, l’asservissement des êtres humains les plus pauvres et la destruction du&amp;nbsp;vivant.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://richardhanna.dev/blog/2023/ecoconception-ne-suffit-pas.html&quot;&gt;Écoconception des services numériques, et si ça ne suffisait pas&amp;#8239;?&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/026e36c493ee97a30d613864813aaae1/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Dix</title>
            <link href="https://larlet.fr/david/2023/11/27/" rel="alternate" type="text/html" />
@@ -349,9 +429,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
            <summary type="html">
 &lt;p&gt;Dix ans que j’apprends à être père. Que la réaction cellulaire en chaîne aspire à devenir incontrôlable. Que ½ plus ½ fait 1&amp;nbsp;tout différent qui découvre ses propres singularités. C’est beau, c’est précieux, c’est un exercice d’équilibriste chaque jour pour que l’ébullition ne fasse pas déborder la&amp;nbsp;casserole.&lt;/p&gt;
 &lt;p&gt;Je suis content que tu aies choisi une machine à coudre comme cadeau. Et que tu sois si heureux et reconnaissant. Je vais m’endormir avec le sourire… et toi&amp;nbsp;aussi.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Perspective</title>
            <link href="https://larlet.fr/david/2023/09/27/" rel="alternate" type="text/html" />
@@ -391,9 +471,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;😔 En fait ma plus grande inquiétude dans ses parcours hors-circuits sont les autres humains, ceux qui ne comprendraient pas ma&amp;nbsp;démarche.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2023/03/03/suburb&quot;&gt;banlieue ou suburb&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/5f93f91a46391e0e120dac49298857d1/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/recherche/&quot;&gt;#recherche&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/recherche/&quot;&gt;#recherche&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Éco-conception</title>
            <link href="https://larlet.fr/david/2023/09/23/" rel="alternate" type="text/html" />
@@ -432,9 +512,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;💜 Quand il laisse couler l’eau dans la casserole pour préparer un café, il pense aux instants qui continuent de glisser entre ses doigts et dont il a peur que l’oubli n’efface les derniers sourires jusqu’à ne plus reconnaître la personne sur la photo. Où bien est-ce la photo d’un ancêtre dont les cendres sont peut-être encore sur le coin d’une étagère dans la maison et dont on se dit que les minutes longues en nettoyant la vaisselle permettent la sérénité possible à l’évasion d’une enfance&amp;nbsp;heureuse&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2023/03/15/envers&quot;&gt;endroit de l’envers&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/19a9d6fbfc9b17021f013e71ffb45593/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/nostalgie/&quot;&gt;#nostalgie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/qualite/&quot;&gt;#qualité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/nostalgie/&quot;&gt;#nostalgie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/qualite/&quot;&gt;#qualité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Documentation</title>
            <link href="https://larlet.fr/david/2023/09/13/" rel="alternate" type="text/html" />
@@ -471,9 +551,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;I may be committing a fundamental attribution error here, but I think that we’ve reached this point not because of any consideration for users, but rather &lt;mark&gt;because of how it makes us developers feel.&lt;/mark&gt; Perhaps building an old-fashioned website that uses HTML for navigations feels too easy, like it’s beneath us. But building an “app” that requires JavaScript just to render text on a screen feels like &lt;em&gt;real&lt;/em&gt;&amp;nbsp;programming.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://adactio.com/journal/20442&quot;&gt;Multi-page web apps&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/efc348f6559d55129657c7ba9d740b76/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/scopyleft/&quot;&gt;#scopyleft&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/scopyleft/&quot;&gt;#scopyleft&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Blogroll</title>
            <link href="https://larlet.fr/david/2023/09/09/" rel="alternate" type="text/html" />
@@ -496,9 +576,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;&lt;del&gt;J’aimerais également prendre le temps de faire une liste des articles techniques qui ont compté pour moi, à l’instar de &lt;a href=&quot;https://ericwbailey.website/formative-posts/&quot;&gt;Eric W. Bailey&lt;/a&gt; et &lt;a href=&quot;https://esif.dev/&quot;&gt;tant&lt;/a&gt; &lt;a href=&quot;https://wdrl.info/evergreen/&quot;&gt;d’autres&lt;/a&gt;.&lt;/del&gt; Bon, en fait &lt;a href=&quot;https://larlet.fr/david/stream/2019/12/27/&quot;&gt;je l’ai déjà faite&lt;/a&gt;, parfois ma mémoire numérique m’aide mais me rappelle que &lt;a href=&quot;https://larlet.fr/david/stream/2018/04/07/&quot;&gt;la spirale&lt;/a&gt; n’est peut-être pas compatible avec la vieillesse, oups&amp;nbsp;😅. J’aime bien l’idée de la &lt;a href=&quot;https://gilest.org/shoebox.html&quot;&gt;boîte à chaussures&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/&quot;&gt;cache&lt;/a&gt;) aussi, avec la crainte que ce musée des &lt;em&gt;vaporwares&lt;/em&gt; ne soit un peu trop&amp;nbsp;déprimant.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Mot du jour&amp;nbsp;: &lt;a href=&quot;https://fr.wikipedia.org/wiki/Eucatastrophe&quot;&gt;Eucatastrophe&lt;/a&gt; (j’ai arraché deux dents&amp;nbsp;aujourd’hui).&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/decentralisation/&quot;&gt;#décentralisation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/decentralisation/&quot;&gt;#décentralisation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Char&amp;nbsp;2</title>
            <link href="https://larlet.fr/david/2023/09/08/" rel="alternate" type="text/html" />
@@ -549,9 +629,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;😁 I’m not young enough to know&amp;nbsp;everything.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.jim-nielsen.com/2023/family-tree-wisdom/&quot;&gt;Family Tree Wisdom&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/d40295a6495f934934436470ad425cac/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/confidentialite/&quot;&gt;#confidentialité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gafam/&quot;&gt;#gafam&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/traces/&quot;&gt;#traces&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/confidentialite/&quot;&gt;#confidentialité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gafam/&quot;&gt;#gafam&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/traces/&quot;&gt;#traces&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Conteur</title>
            <link href="https://larlet.fr/david/2023/09/07/" rel="alternate" type="text/html" />
@@ -592,9 +672,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;🔋 But there’s something else I want to suggest here, and it’s to stop thinking about time entirely. Or, at least, to stop thinking about time as something &lt;em&gt;consistent&lt;/em&gt;. We all know that time can be stretchy or compressed—we’ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We’ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn’t blink. And we’ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. &lt;mark&gt;What differentiates these experiences isn’t the number of hours in the day but the energy we get from the work.&lt;/mark&gt; Energy &lt;em&gt;makes&lt;/em&gt;&amp;nbsp;time.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://everythingchanges.us/blog/energy-makes-time/&quot;&gt;Energy makes time&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/3f4be4add2995420dc6be529f1032e46/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Retour</title>
            <link href="https://larlet.fr/david/2023/09/06/" rel="alternate" type="text/html" />
@@ -627,9 +707,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;🍏 It would also inject the potential for a slippery slope of unintended consequences. Scanning for one type of content, for instance, &lt;mark&gt;opens the door for bulk surveillance&lt;/mark&gt; and could create a desire to search other encrypted messaging systems across content types (such as images, videos, text, or audio) and content categories. How can users be assured that a tool for one type of surveillance has not been reconfigured to surveil for other content such as political activity or religious persecution? Tools of mass surveillance have widespread negative implications for freedom of speech and, by extension, democracy as a whole. Also, designing this technology for one government could require applications for other countries across new data&amp;nbsp;types.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://larlet.fr/static/david/2023/apple-letter-to-heat-initiative.pdf&quot;&gt;Apple letter to Heat initiative&lt;/a&gt; (PDF, 121Ko)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/intimite/&quot;&gt;#intimité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/scopyleft/&quot;&gt;#scopyleft&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/intimite/&quot;&gt;#intimité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/scopyleft/&quot;&gt;#scopyleft&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">France</title>
            <link href="https://larlet.fr/david/2023/07/28/" rel="alternate" type="text/html" />
@@ -649,9 +729,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;Il y a les retrouvailles, les fruits mûrs, les rigolades, le non soutenable qui étire les yeux et les sourires. La culpabilité d’imposer ce manque —&amp;nbsp;et sa compensation&amp;nbsp;— à un enfant aussi, qui peut difficilement rationaliser depuis le cocon familial si douillet des vacances. Il y a les reproches qui grandissent avec le besoin de se construire une jeune identité. Il y a les proches qui vieillissent avec la peur de devoir déconstruire leurs&amp;nbsp;in·certitudes.&lt;/p&gt;
 &lt;p&gt;Il y a læ covid. Ah non, pardon&amp;nbsp;🫣.&lt;/p&gt;
 &lt;p&gt;Il y a la&amp;nbsp;France.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/nostalgie/&quot;&gt;#nostalgie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/nostalgie/&quot;&gt;#nostalgie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Perles</title>
            <link href="https://larlet.fr/david/2023/07/02/" rel="alternate" type="text/html" />
@@ -744,9 +824,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
    &lt;/a&gt;
    &lt;figcaption&gt;Une histoire de chats et de&amp;nbsp;chiens.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Particules</title>
            <link href="https://larlet.fr/david/2023/06/26/" rel="alternate" type="text/html" />
@@ -794,9 +874,9 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
    &lt;/a&gt;
    &lt;figcaption&gt;Ou&amp;nbsp;ringard.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    

        <entry xml:lang="fr">
            <title type="html">Village</title>
            <link href="https://larlet.fr/david/2023/06/19/" rel="alternate" type="text/html" />
@@ -817,630 +897,6 @@ Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p
 &lt;p&gt;Dans cet espace, je réfléchis beaucoup à cette différence de se sentir &lt;a href=&quot;https://sive.rs/below-average&quot;&gt;en-dessous de la moyenne&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/4d9148b9d78455c2d67051e467d2e824/&quot;&gt;cache&lt;/a&gt;). Et ce changement de point de vue me fait aussi reconsidérer mes dépendances et mes incompétences. Ce n’est pas cet atelier vélo qui est mauvais, ce sont mes choix techniques qui m’ont rendu incompétent face aux pannes actuelles qui demandent davantage d’outillage et d’expérience. Etc.&lt;/p&gt;
 &lt;p&gt;En ce moment, je travaille avec &lt;a href=&quot;https://www.croix-rouge.fr/&quot;&gt;La Croix-Rouge française&lt;/a&gt;, le &lt;a href=&quot;https://labrri.net/&quot;&gt;Laboratoire de recherche en relations interculturelles de l’Université de Montréal&lt;/a&gt; et surtout &lt;a href=&quot;https://github.com/umap-project/umap/&quot;&gt;uMap&lt;/a&gt; et son essaimage, autant de projets et d’explorations qui redonnent du sens à mes investissements dans le numérique. Il faudrait que je prenne le temps d’écrire à ce sujet, j’aurais probablement des choses à partager côté évolution de Scopyleft&amp;nbsp;aussi.&lt;/p&gt;
 &lt;p&gt;Dans un temps et un espaces finis, il faut constamment rebâtir les chemins de sa pensée et prendre soin des relations du village. Mon activité devient alors davantage celle d’un conteur, qui se sert parfois d’outils pour mettre en musique les actions des&amp;nbsp;autres.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/incompetence/&quot;&gt;#incompétence&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/simplicite/&quot;&gt;#simplicité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Apocalypse</title>
            <link href="https://larlet.fr/david/2023/06/12/" rel="alternate" type="text/html" />
            <updated>2023-06-12T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/06/12/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Lorsque je reste assis ou marche dans la forêt, je ne suis pas un «&amp;nbsp;sujet&amp;nbsp;» en train d’observer des «&amp;nbsp;objets&amp;nbsp;». En entrant dans le mandala, je suis pris dans des réseaux de communication, des maillages de relations. Que j’en sois conscient ou non, je mets en branle ces réseaux en effarouchant un cerf, en faisant sursauter un tamia ou en marchant sur une feuille verte. Il n’est pas possible d’observer le milieu en en étant&amp;nbsp;dissocié.&lt;/p&gt;
 &lt;p&gt;Les réseaux exercent également une influence sur moi. Chaque inspiration introduit dans mon organisme des centaines de molécules en suspension dans l’air. Ces molécules constituent l’arôme des bois, la senteur combinée de milliers de créatures. Certains arômes sont si agréables à l’homme qu’il les a domestiqués pour en extraire des «&amp;nbsp;parfums&amp;nbsp;». Un de ces parfums au moins, le jasmonate, est un signal d’alarme chimique, qui avertit les autres plantes d’un danger. Peut-être notre esthétique olfactive reflète-t-elle un désir de participer à la lutte de la&amp;nbsp;nature&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;Mais les parfums sont l’exception. La plupart des molécules de la forêt court-circuitent mon odorat et se dissolvent directement dans mon sang, pénétrant dans mon corps et mon esprit sans que j’en aie conscience. Les effets de cette imprégnation chimique de notre organisme par les arômes végétaux ont été très peu étudiés. La science occidentale ne s’est pas abaissée à prendre au sérieux l’idée que la forêt, ou son absence, puisse faire partie de notre être. Pourtant les amoureux de la forêt savent très bien que les arbres influent sur notre état d’esprit. Les Japonais ont nommé cette connaissance et en ont fait une pratique, &lt;em&gt;shinrin-yoku&lt;/em&gt;, «&amp;nbsp;se baigner dans l’air de la forêt&amp;nbsp;». Il semble que le fait de participer à la communauté d’information du mandala apporte un certain bien-être dans le cœur chimique de notre&amp;nbsp;organisme.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;Un an dans la vie d’une forêt&lt;/em&gt;, David G. Haskell&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;La couleur du ciel de cette semaine est peut-être la nouvelle lueur du ciel en été&amp;nbsp;: jaune, cendrée, atypique. Mortelle.&lt;/p&gt;
 &lt;p&gt;J’ai déjà un filtre sur mon robinet (une partie de mes conduites sont en plomb, encore courant à Montréal), est-ce qu’il va bientôt me falloir un filtre à air pour pouvoir respirer sainement&amp;#8239;? La sélection privilégio-capitaliste est en&amp;nbsp;marche.&lt;/p&gt;
 &lt;p&gt;Comment pleure-t-on (de rire&amp;#8239;?) devant un film lorsqu’on porte un masque de ski&amp;#8239;? Est-ce qu’un casque de &lt;em&gt;Spatial Computing&lt;/em&gt; permettra de protéger ses yeux de la fumée&amp;#8239;? Et si cela devenait la seule façon de voir un ciel bleu&amp;#8239;? Peut-être que &lt;a href=&quot;https://larlet.fr/david/blog/2016/si-cest-gratuit/&quot;&gt;la symbiose&lt;/a&gt; devra faire partie de nos conditions de survie dans la fournaise que nous&amp;nbsp;créons.&lt;/p&gt;
 &lt;p&gt;Nous n’avons plus le temps pour des outils numériques individualistes. Nous n’avons plus le temps. Pour &lt;a href=&quot;https://fr.wikipedia.org/wiki/Notre_maison_br%C3%BBle_et_nous_regardons_ailleurs&quot;&gt;paraphraser&lt;/a&gt; un autre escroc&amp;nbsp;présidentiel&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Notre forêt brûle et nous mettons des&amp;nbsp;masques.&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Réponse(s)</title>
            <link href="https://larlet.fr/david/2023/06/06/" rel="alternate" type="text/html" />
            <updated>2023-06-06T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/06/06/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;The structures of our network commons have concentrated our responses to the forces already pressing against our livelihoods and children and futures. Within their engagement-optimized interfaces, we’ve built ourselves into a standing wave: Abusive posts became network-wide events that require a response not only from moderating authorities, but from every&amp;nbsp;user.&lt;/p&gt;
 &lt;p&gt;In this machine, silence transmutes to approval of the worst thing happening; via entirely real human needs for signals of safety and support, continuous attention and engagement become mandatory. Simply bad posts are opportunities for demonstrations of prowess. People we agree with become footholds for demonstrating all the subtle ways in which they don’t quite&amp;nbsp;understand.&lt;/p&gt;
 &lt;p&gt;[…]&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;Here in my body, I want to be more human in service of a less painfully haunted world.&lt;/mark&gt; I want ways of being together that let us pay our respects and build different kinds of power. I want to practice being&amp;nbsp;free.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow&quot;&gt;Erin Kissane&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/62bf3ce6ef66e39b7f250a6123d92e66/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;J’étais ceux que je&amp;nbsp;suis.&lt;/p&gt;
 &lt;p&gt;Je me retrouve de moins en moins sur des plateformes d’échanges instantanés —&amp;nbsp;fussent-elles libres. Cela me confirme que mon problème n’est pas dans l’outil mais dans la qualité des&amp;nbsp;interactions.&lt;/p&gt;
 &lt;p&gt;J’ai fait un atelier où j’ai dû dire à des personnes que j’estime à voix haute que j’étais profondément injuste et que j’étais OK avec ça. C’était difficile et je n’en mesure pas encore toutes les&amp;nbsp;conséquences.&lt;/p&gt;
 &lt;p&gt;La résilience de mon vélo passe par ma capacité à le réparer. Avec des &lt;em&gt;tubeless&lt;/em&gt; je me sens moins à l’aise, trop d’outillage devient nécessaire pour pallier un confort&amp;nbsp;relatif.&lt;/p&gt;
 &lt;p&gt;Dans ces moments de repli, la photographie et la poésie (re)prennent une place importance. J’aimerais en accorder plus au dessin et à la musique mais le plaisir semble encore être trop&amp;nbsp;éloigné.&lt;/p&gt;
 &lt;p&gt;Je me demande parfois si la publication sur le web n’est pas un de mes privilèges de&amp;nbsp;plus.&lt;/p&gt;
 &lt;p&gt;Je deviens ce que je ne suis&amp;nbsp;plus.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/intimite/&quot;&gt;#intimité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/qualite/&quot;&gt;#qualité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/simplicite/&quot;&gt;#simplicité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">SudWeb</title>
            <link href="https://larlet.fr/david/2023/05/06/" rel="alternate" type="text/html" />
            <updated>2023-05-06T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/05/06/</id>
            <summary type="html">
 &lt;p&gt;12&amp;nbsp;mars&amp;nbsp;2013&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Je vais pas mal intervenir ces prochains mois, peut-être l’occasion de se rencontrer et&amp;nbsp;d’échanger&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/blog/2013/conferences-diversite/&quot;&gt;Conférences et&amp;nbsp;diversité&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;13&amp;nbsp;mars&amp;nbsp;2013&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;&lt;em&gt;Je pense maintenant qu’il est plus important d’avoir une ligne éditoriale cohérente et surprenante.&lt;/em&gt; C’est un exercice très difficile de savoir répondre aux attentes d’un public tout en le bousculant (un peu). Qu’il ne reparte &lt;strong&gt;peut-être pas pleinement satisfait mais avec des questions restées sans réponses.&lt;/strong&gt; Des pistes à creuser. Des mondes à explorer. […]&lt;/p&gt;
 &lt;p&gt;&lt;strong&gt;La question revient finalement à positionner pour les organisateurs le curseur de la curiosité.&lt;/strong&gt; Doit-elle venir des participants ou être imposée par les organisateurs et les orateurs&amp;#8239;? Vaste&amp;nbsp;débat.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/blog/2013/conferences-editorialisation/&quot;&gt;Conférences et&amp;nbsp;éditorialisation&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;19&amp;nbsp;mai&amp;nbsp;2013&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Une question ouverte en guise de conclusion sans avoir vraiment de proposition technique concrète pour continuer le débat. Après réflexion (et de nombreuses discussions), je ne pense pas qu’il soit pertinent de continuer en ligne par contre je serais ravi que les discussions continuent ici ou ailleurs en espérant avoir semé quelques graines qui pourront germer de proche en&amp;nbsp;proche.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/blog/2013/quete-sens/&quot;&gt;Une quête de&amp;nbsp;sens&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;30&amp;nbsp;mai&amp;nbsp;2015&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;&lt;em&gt;J’ai peur&lt;/em&gt; de mes propres contradictions au sujet de la&amp;nbsp;consanguinité.&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;Je suis content&lt;/em&gt; d’avoir pu voir autant d’orateurs qui n’ont pas l’habitude de s’exprimer en public. Ça change des rockstars qui en sont à la quinzième représentation de leur tournée de&amp;nbsp;conférences.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/stream/2015/05/30/&quot;&gt;Je suis&amp;nbsp;SudWeb&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;5&amp;nbsp;février&amp;nbsp;2016&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Il y a beaucoup de choses à explorer pour changer la relation organisateur/conférencier/spectateur et la proposition est toujours la même&amp;nbsp;: tous participants pour fluidifier les échanges et encourager l’intelligence collective. Passer du être ensemble au faire&amp;nbsp;ensemble.&lt;/p&gt;
 &lt;p&gt;On n’achète plus un billet mais on devient membre d’une association qui porte le projet auquel on peut participer financièrement et/ou par un travail avec une gouvernance démocratique. &lt;em&gt;La conférence n’est plus un évènement ponctuel mais un bien commun qui vit tout au long de l’année, que l’on s’approprie et que l’on fait évoluer&amp;nbsp;ensemble.&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/blog/2016/coorganisation-conferences/&quot;&gt;Co-organisation de&amp;nbsp;conférences&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;28&amp;nbsp;mai&amp;nbsp;2016&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Les éditions de cette conférence se suivent mais ne se ressemblent pas si ce n’est dans leur recherche de singularité. Chaque intervention donne envie d’aller interagir avec l’orateur pour échanger plus que d’ouvrir son &lt;em&gt;laptop&lt;/em&gt;. Derrière ces sujets non-techniques se cachent des réflexions plus profondes qui n’interrogent plus le &lt;em&gt;comment&lt;/em&gt; mais le &lt;em&gt;pourquoi&lt;/em&gt; et de plus en plus le &lt;em&gt;pourquoi pas&lt;/em&gt;&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/blog/2016/sudweb-2016/&quot;&gt;SudWeb&amp;nbsp;2016&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;29&amp;nbsp;août&amp;nbsp;2017&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Avoir plusieurs années d’expérience donne d’autant plus de légitimité pour expérimenter et d’assurance pour se relever en cas d’échec (encore faudrait-il définir cette éventualité). Un événement récurrent donne la chance de pouvoir considérer chaque itération comme une page blanche, les «&amp;nbsp;acquis&amp;nbsp;» ne se font pas sur les formats mais sur le réseau (ou micro-culture) qui se recrée à chaque fois. Renforcer des liens pour le sentiment d’appartenance d’un côté, en relâcher d’autres pour être inclusif par ailleurs. &lt;strong&gt;Une communauté vieillissante aspirera toujours à plus de sécurité et de confort.&lt;/strong&gt; Et est-ce une raison valable pour les lui&amp;nbsp;accorder&amp;#8239;?&amp;nbsp;:-)&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/blog/2017/besoin-experience/&quot;&gt;Besoin et&amp;nbsp;expérience&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;12&amp;nbsp;janvier&amp;nbsp;2018&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Est-ce qu’il y a des évènements où un incident a été à l’origine d’un dépôt de plainte de la part de l’organisation&amp;#8239;? Et si oui quelles en ont été les suites&amp;#8239;? Une jurisprudence serait la&amp;nbsp;bienvenue.&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;PS&amp;nbsp;: ne croyez pas que je tape toujours sur SudWeb, ce n’est qu’un exemple (plutôt bon en l’occurence) et c’est surtout le seul événement pour lequel j’ai encore un intérêt car ils sont plein de vitalité et ça fait&amp;nbsp;plaisir&amp;nbsp;:-).&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/stream/2018/01/12/&quot;&gt;Code&amp;nbsp;d’(in)conduite&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;26&amp;nbsp;janvier&amp;nbsp;2021&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Il y a peu, j’écrivais que je donnais des conférences &amp;quot;avant de prendre conscience qu’il était important de laisser la place à d’autres moins privilégié·e·s/plus diversifié·e·s&amp;quot;. Et indirectement, cela m’a permis de prendre du recul et eu aussi pour conséquence de ne plus me motiver du tout à aller dans les conférences «&amp;nbsp;classiques&amp;nbsp;». […]&lt;/p&gt;
 &lt;p&gt;Je suis tiraillé entre co-créer de nouvelles choses ou faire acte de présence et de promotion des endroits qui comptent pour d’autres et leurs offrent un espace de visibilité non&amp;nbsp;négligeable&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2021/01/26/&quot;&gt;Conférences&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;5&amp;nbsp;octobre&amp;nbsp;2021&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Quel que soit le format, j’ai fini par remarquer (il m’a fallu une dizaine d’années tout de même…) que ces évènements favorisent l’entre-soi et donnent une ascendance aux organisateur·ices et participant·es actif·ves. Ce statut est malsain car il permet des comportements déplacés de la part des personnes ayant davantage de pouvoir, d’autant plus lorsqu’une foule est&amp;nbsp;réunie.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2021/10/05/&quot;&gt;Conférences&amp;nbsp;2&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;J’avais besoin de cet historique incomplet pour me pointer mes propres incohérences et suivre l’évolution de ma pensée au cours des années. De l’avantage d’avoir une mémoire&amp;nbsp;externalisée.&lt;/p&gt;
 &lt;p&gt;SudWeb a une place toute particulière dans mon cœur, j’ai &lt;a href=&quot;https://larlet.fr/david/stream/2010/#tw-27452935068&quot;&gt;participé à sa création&lt;/a&gt;, j’y suis intervenu dans ce que je considère être &lt;a href=&quot;https://larlet.fr/david/blog/2013/quete-sens/&quot;&gt;l’apogée de ce que je pouvais faire dans un groupe&lt;/a&gt;, je m’y suis fait des ami·es (coucou Amanda 🇨🇦), j’y ai vu des personnes grandir, mûrir, se remettre en question et j’allais boucler la boucle en motivant une personne à&amp;nbsp;participer.&lt;/p&gt;
 &lt;p&gt;Lorsque j’ai appris que le sujet de &lt;a href=&quot;https://ynote.hk/&quot;&gt;Fanny&lt;/a&gt; avait été retenu, j’étais vraiment très content qu’un espace de parole et d’interactions lui soit proposé. Lorsque le programme complet (qui n’est plus en ligne) est sorti, je me suis posé beaucoup de questions. Je ressentais un &lt;a href=&quot;https://eldritch.cafe/@davidbruant/110311929122033704&quot;&gt;certain malaise&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/e211e38b6e8dd18119e0ff18464d2414/&quot;&gt;cache&lt;/a&gt;) à ce que des personnes sur-représentées dans ces évènements le soient encore une fois. Je me suis vraiment demandé ce qui avait pu motiver ces choix et je crois que j’aurais aimé une communication plus claire à ce sujet pour essayer de comprendre plutôt que d’être dans&amp;nbsp;l’interprétation.&lt;/p&gt;
 &lt;p&gt;L’évènement a depuis été annulé car pas assez de personnes étaient motivées par cette rencontre. Difficile d’en tirer des conclusions à chaud. Difficile de savoir au bout de combien de personnes est-ce que ça devenait rentable (financièrement&amp;#8239;?). Facile de faire des liens de cause à effet erronés en écoutant uniquement ma micro-bulle. Facile d’imaginer que ça n’ait pas été facile pour les personnes bénévoles qui se sont motivées pour l’organisation cette&amp;nbsp;année.&lt;/p&gt;
 &lt;p&gt;On peut lire actuellement sur la &lt;a href=&quot;https://sudweb.fr/2023/&quot;&gt;page 2023&amp;nbsp;de l’évènement&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/32448878bfcad6dd5d1bcb2b626f1a9d/&quot;&gt;cache&lt;/a&gt;)&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Ne vous arrêtez pas, ne vous arrêtez&amp;nbsp;jamais.&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Ça me questionne beaucoup aussi&amp;nbsp;: c’est correct de s’asseoir faire une pause pour ne pas se brûler, d’accepter la déception de ce qui vient de se produire, de prendre le temps d’aller demander pourquoi est-ce que ça ne s’est pas passé, de libérer ses émotions&amp;nbsp;maladroitement.&lt;/p&gt;
 &lt;p&gt;C’est ce que je suis en train d’essayer de faire à mon&amp;nbsp;échelle.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/nostalgie/&quot;&gt;#nostalgie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">AÏe</title>
            <link href="https://larlet.fr/david/2023/05/05/" rel="alternate" type="text/html" />
            <updated>2023-05-05T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/05/05/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Honestly, at this point using ChatGPT in the way that I do feels like a massively unfair competitive advantage. I’m not worried about AI taking people’s jobs: &lt;mark&gt;I’m worried about the impact of AI-enhanced developers like&amp;nbsp;myself.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;It genuinely feels unethical for me &lt;em&gt;not&lt;/em&gt; to help other people learn to use these tools as effectively as possible. I want everyone to be able to do what I can do with them, as safely and responsibly as&amp;nbsp;possible.&lt;/p&gt;
 &lt;p&gt;I think the message we should be emphasizing is&amp;nbsp;this:&lt;/p&gt;
 &lt;p&gt;&lt;strong&gt;These are incredibly powerful tools. They are far harder to use effectively than they first appear. Invest the effort, but approach with caution: we accidentally invented computers that can lie to us and we can’t figure out how to make them&amp;nbsp;stop.&lt;/strong&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://simonwillison.net/2023/Apr/7/chatgpt-lies/&quot;&gt;We need to tell people ChatGPT will lie to them, not debate linguistics&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/452be27c5cc8a4b9824d1d7e005546c6/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;&lt;em&gt;Je ne voulais pas trop réagir à chaud sur ce sujet. Aussi, je n’ai pas encore testé tout cela pour de vrai donc tout ce qui suit ne sont que les ruminations d’un vieux mi-Cassandre, mi-raison.&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;Quand je regarde les &lt;a href=&quot;https://gist.github.com/simonw/66918b6cde1f87bf4fc883c67735195d&quot;&gt;expériences&lt;/a&gt; de Simon Willison, je compare de plus en plus ces aides pour dévelopeur·euses à un StackOverflow amélioré. Peut-être que ça ne fait qu’accroitre les inégalités entre les personnes expérimentées et celles qui ne le sont pas. À moins que ça ne puisse être qu’une réflexion de personne expérimentée. Difficile de me prononcer mais je doute que cet outil permette de réduire ce&amp;nbsp;fossé.&lt;/p&gt;
 &lt;p&gt;Bien sûr, ça donne tout de suite envie de &lt;a href=&quot;https://lethain.com/openai-exploration/&quot;&gt;faire&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/4a485034e94dc6123a624e8a589e8dac/&quot;&gt;cache&lt;/a&gt;) des &lt;a href=&quot;http://dataholic.ca/2023/04/05/gpt-assistant-vocal/&quot;&gt;trucs&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/08f83e8893cad4d5a2eb6a560f73dd65/&quot;&gt;cache&lt;/a&gt;) plutôt &lt;a href=&quot;https://www.lukew.com/ff/entry.asp?2008&quot;&gt;fun&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/dc43f3c837d95313ac7317e10349511e/&quot;&gt;cache&lt;/a&gt;) avec. Pour ma part, ça me démotive de publier des choses qui vont venir alimenter la machine. Dans une telle proportion d’analyse, chaque réaction à un article ne fait qu’enrichir sa compréhension, chaque texte alternatif à une image ne fait qu’entraîner un générateur, chaque ligne de code sur une forge publique permet d’améliorer un algorithme potentiellement destructeur, chaque étiquette attribuée contribue à confirmer un biais. Les producteurs ont le pouvoir d’orienter un algorithme qui se nourrit de ces productions, d’une certaine manière les vainqueurs racontent déjà l’histoire qu’écrira la génération suivante. Tout change… sans vraiment&amp;nbsp;changer.&lt;/p&gt;
 &lt;p&gt;Peut-être que, comme pour les échecs, cette aide contribuera à faire monter le niveau général et permettra de s’entraîner contre/avec la machine. Regardant beaucoup de parties commentées en direct, la jauge mise à jour en temps réel nous donne peut-être un aperçu des évaluations futures ou même des recrutements. J’imagine que ça pourrait devenir très pertinent pour générer des tests unitaires, voire de sécurité, sur un code&amp;nbsp;produit.&lt;/p&gt;
 &lt;p&gt;En creux, il est un peu fou de constater que tout ce qui est publiquement et gratuitement accessible est en train d’être exploité pour le profit de quelques uns sans aucun respect des souhaits des auteur·ices sur ces contenus. Une forme de colonisation dont je prends conscience probablement car je suis —&amp;nbsp;pour une fois&amp;nbsp;— du mauvais côté de la frontière, aussi numérique&amp;nbsp;soit-elle.&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;👴 Based on our findings, if Copilot is used by expert developers in software projects, it can become an asset since its suggestions could be comparable to humans’ contributions in terms of quality. However, Copilot can become a liability &lt;mark&gt;if it is used by novice developers who may fail to filter&lt;/mark&gt; its buggy or non-optimal solutions due to a lack of&amp;nbsp;expertise.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.sciencedirect.com/science/article/abs/pii/S0164121223001292&quot;&gt;GitHub Copilot AI pair programmer: Asset or Liability?&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/6eef954bc8dd84322cf19ab38caf2ee3/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;✍️ Personal notes (for meetings, books, and coding) seems the most promising but I don’t think AI can do this for me either. When I take notes, I’m only interested in writing out the stuff that matters to me. Every book I read has a hundred summaries on the internet, each more detailed and comprehensive than mine, but I still take book notes because I want to remember what impacted me. Even if an AI knew what those things were, &lt;mark&gt;delegating that work would defeat the&amp;nbsp;purpose.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.bryanbraun.com/2023/04/14/ais-can-write-for-us-but-will-we-want-them-to/&quot;&gt;AIs can write for us but will we actually want them to?&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/89aa5bbfeaa7c8f2411980f99801359c/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;😔 It’s astonishing to me how little people have learned about trusting centralized entities with huge amounts of power in their lives. &lt;mark&gt;LLMs are a fundamentally centralized phenomenon&lt;/mark&gt; — they take a huge amount of human and computer time to make, and are thus only accessible to enormous institutions. I don’t understand if people are simply blind to these power relations, or if they don’t&amp;nbsp;care.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://notebook.wesleyac.com/gpt-ugh/&quot;&gt;Scattered ChatGPT thoughts&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/d1545c8cf9387ad9b0c98020c7ccfe61/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🤔 Where does this all land? I’m moderately optimistic about&amp;nbsp;AI.&lt;/p&gt;
 &lt;p&gt;But I think the thing that excites a lot of people about it is the reorganization, the shift, the reward for opportunism. Navigating that change in market opportunity and being there is its own reward to a lot of people. And it should be: this is the essence of progress in an industrialized society. The relationships, the strategy, matters much more to many people than craft or art: what goes into the production of a thing is just a variable to be&amp;nbsp;minimized.&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;How people feel about AI has a lot to do with how they think society should be structured,&lt;/mark&gt; what makes work valuable, and what they truly enjoy&amp;nbsp;doing.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://macwright.com/2023/04/15/ai.html&quot;&gt;The one about AI&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/ccb1821caf1a27ed2a2e9a92a26d0b65/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;💦 Large Language Models are something lesser. &lt;mark&gt;They are water running down pathways etched into the ground over centuries by the rivers of human culture.&lt;/mark&gt; Their originality comes entirely from random combinations of historical thought. They do not know the ‘meaning’ of anything—they only know the records humans find meaningful enough to store.[19] Their unreliability comes from their unpredictable behaviour in novel circumstances. When there is no riverbed to follow, they drown the surrounding&amp;nbsp;landscape.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://softwarecrisis.dev/letters/ai-bird-brains-silicon-valley/&quot;&gt;Artificial General Intelligence and the bird brains of Silicon Valley&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/f23d043d8e99f2af5fcf1b970f98744a/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🧊 Depending on the energy source used for training and its carbon intensity, training a 2022-era &lt;mark&gt;LLM emits at least 25&amp;nbsp;metric tons of carbon&lt;/mark&gt; equivalents if you use renewable energy, as we did for the BLOOM model. If you use carbon-intensive energy sources like coal and natural gas, which was the case for GPT-3, this number quickly goes up to 500&amp;nbsp;metric tons of carbon emissions, roughly equivalent to over a million miles driven by an average gasoline-powered&amp;nbsp;car.&lt;/p&gt;
 &lt;p&gt;And this calculation doesn’t consider the manufacturing of the hardware used for training the models, nor the emissions incurred when LLMs are deployed in the real&amp;nbsp;world.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://arstechnica.com/gadgets/2023/04/generative-ai-is-cool-but-lets-not-forget-its-human-and-environmental-costs/&quot;&gt;The mounting human and environmental costs of generative AI&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/230f8f7224199132de4ce030458536de/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🪵 Enseignez le code sans&amp;nbsp;ordinateur&lt;/p&gt;
 &lt;p&gt;CODE EN BOIS est un système innovant et écologique qui permet d’initier à la programmation en manipulant des briques d’instructions en bois. La seule question qu’on se pose, c’est «&amp;nbsp;pourquoi ça n’existait pas&amp;nbsp;avant&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://codeenbois.fr/&quot;&gt;CODE EN&amp;nbsp;BOIS&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🌌 J’ai ressenti l’impulsion après qu’une amie a demandé à la cantonade “ma fille voudrait aller voir les aurores boréales, mais ma famille ne prend plus l’avion, vous pensez que c’est possible en train&amp;#8239;?”. &lt;mark&gt;Ça doit être possible, je me suis dit, mais compliqué à organiser.&lt;/mark&gt; Et puis j’ai regardé les cartes, les zones de visibilité des aurores, les meilleures périodes de l’année pour les voir, la météo scandinave, les prédictions d’activité solaire… en fait, c’est bien plus accessible que je ne le pensais. Et si j’y&amp;nbsp;allais&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.professeurjoachim.com/billet/2023-03-31-aller-voir-les-aurores-boreales-en-train&quot;&gt;Aller voir les aurores boréales en train&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/096a44a83d8d3f2bdfd21e3d378e4719/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/incompetence/&quot;&gt;#incompétence&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/simplicite/&quot;&gt;#simplicité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Long&amp;nbsp;cours</title>
            <link href="https://larlet.fr/david/2023/05/01/" rel="alternate" type="text/html" />
            <updated>2023-05-01T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/05/01/</id>
            <summary type="html">
 &lt;p&gt;Je suis avec beaucoup d’intérêt les réflexions d’&lt;a href=&quot;https://n.survol.fr/&quot;&gt;Éric D.&lt;/a&gt; qui envisage un périple du milieu de la France au nord de la Norvège. Ça me fait envisager ce type d’aventure sur plusieurs mois, ce qui me retient, ce que j’emporterais, ce que j’ai appris de mes propres sorties et qui pourrait me&amp;nbsp;servir.&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;Note&amp;nbsp;: je n’ai jamais fait plus d’un demi-GR20 en durée et mes sorties en forêt ne dépassent pas 3/4&amp;nbsp;jours. Tout ce qui suit est donc très&amp;nbsp;hypothétique.&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;Je crois que la question principale qui me taraude(rait) en envisageant un tel périple est de savoir si c’est du tourisme lent ou une façon d’effleurer les cultures et les modes de vies des territoires que je traverse. Je commence par cet aspect car c’est assez central ensuite pour le matériel&amp;nbsp;: est-ce que je veux un vélo qui supporte le gel ou est-ce que je suis prêt à m’adapter en terminant le voyage en traîneau ou a skis ou autre-pas-encore-envisageable&amp;#8239;? (pour donner un&amp;nbsp;exemple)&lt;/p&gt;
 &lt;p&gt;J’avais l’air de plaisanter sur mastodon lorsque je proposais d’oublier les matelas trop chauds/isolants pour récupérer des peaux de rennes au cours du trajet mais il y a un peu de vrai dans mon envie de me renseigner sur les pratiques locales/traditionnelles pour les incorporer à cette transformation de moi-même qui me semble être le voyage au long cours. Ne pas l’envisager comme une traversée sur-pensée en étant sur-équipé mais comme une adaptation continue en fonction des rencontres et des expériences. C’est un peu ma démarche actuelle avec mon apprentissage de &lt;a href=&quot;https://nature.larlet.fr/habillage/#laine&quot;&gt;la laine&lt;/a&gt; et je suis même allé jusqu’à acheter cet hiver une chapka en fourrure pour connaître ces propriétés de maintient de la chaleur. Ce n’est pas qu’une démarche scientifique mais aussi une forme d’acclimatation au territoire et à ses pratiques ancestrales. Ne pas traverser la forêt dans mon cas, mais devenir la forêt en la&amp;nbsp;traversant.&lt;/p&gt;
 &lt;p&gt;Ce que j’ai appris de mes essais en continu ces dernières années, c’est qu’un matériel ne peut être éprouvé qu’en conditions réelles. Pas seulement si cette tente peut supporter une tempête de neige mais si cette tente peut supporter une tempête de neige &lt;em&gt;dans cette portion de forêt avec mes connaissances actuelles de positionnement&lt;/em&gt;. Pas seulement si ce hamac a une moustiquaire mais si j’arrive à passer une soirée à l’abri de la fumée puis à m’insérer dans le hamac sans qu’une nuée de moustique rentre avec moi en plein mois de juillet. La liste est très/trop longue du matériel que je pensais être pertinent et indispensable et qui se révèle être inadapté à mon milieu et sa saison. Et je n’aurais pas pu le savoir sans le pratiquer, et parfois il est pertinent seulement un mois dans l’année mais je le connais suffisamment pour maintenant l’utiliser à bon escient. Pour un voyage de plusieurs mois j’imagine qu’il est impossible d’avoir le matériel adapté à une telle&amp;nbsp;diversité.&lt;/p&gt;
 &lt;p&gt;Alors il faut peut-être s’adapter soi et se tourner vers des matières et pratiques&amp;nbsp;résilientes.&lt;/p&gt;
 &lt;p&gt;Je me pose presque chaque fois la question lors du chemin du retour d’imaginer pouvoir rester plus longtemps (indépendamment de la nourriture). Et j’évalue au passage ce qui aurait rendu cela possible&amp;nbsp;: aller plus lentement, mieux dormir, être plus confortable au niveau du campement, etc. Parfois c’est lié au matériel mais bien souvent ça cache plutôt le mental/l’intelligence du&amp;nbsp;terrain&amp;nbsp;:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;J’ai des courbatures parce que j’ai trop forcé ou bien car je me suis mal hydraté au cours de la journée après avoir fait des choix discutables en matière&amp;nbsp;d’orientation&amp;#8239;?&lt;/li&gt;
 &lt;li&gt;J’ai mal dormi car le matelas était trop fin ou parce que je flippais au moindre&amp;nbsp;bruit&amp;#8239;?&lt;/li&gt;
 &lt;li&gt;Mon duvet est humide parce qu’il est mauvais ou parce que j’ai mal positionné mon&amp;nbsp;campement&amp;#8239;?&lt;/li&gt;
 &lt;/ul&gt;
 &lt;p&gt;Même après pas mal de nuits dehors, je fais encore souvent des erreurs, parfois de manière récurrente. Elles n’ont jusqu’à présent pas été critiques mais leur somme sur une excursion plus longue aurait probablement un impact non négligeable sur ma motivation et peut-être ma santé&amp;nbsp;(mentale).&lt;/p&gt;
 &lt;p&gt;En parlant de motivation, c’est probablement là que j’aurais besoin de beaucoup travailler. Il n’est pas rare qu’au milieu de la forêt je me demande ce que je fais là et pourquoi je ne suis pas dans un lieu au chaud entouré des personnes que j’aime. Je sais aussi ce que ça m’apporte par ailleurs et j’ai toujours ce réconfort qu’à &lt;em&gt;court&lt;/em&gt; terme je vais pouvoir les retrouver. Sur du plus long, ce serait plus difficile, peut-être&amp;nbsp;impossible.&lt;/p&gt;
 &lt;p&gt;Je suis assez certain de pouvoir marcher pendant une semaine mais après un mois, est-ce que j’aurais encore l’envie de mettre un pied devant l’autre qui m’éloigne de mon foyer&amp;#8239;? Est-ce qu’après 3&amp;nbsp;jours de pluie à manger du lyophilisé tout en étant carencé en vitamines et minéraux mon moral tiendrait le choc avec un objectif si lointain&amp;#8239;? Est-ce que j’arriverais à m’accepter pendant une aussi longue période&amp;#8239;? Est-ce que je m’adonne à une activité de privilégié car je n’ai pas d’autre sens dans ma vie que celui d’être égoïste&amp;#8239;? Est-ce que le partage de ces expériences est leur seule forme d’existence&amp;#8239;? Est-ce que je m’autorise ce que j’interprète comme un&amp;nbsp;échec&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;Ces réponses ne s’achètent pas mais pèsent parfois très lourd dans mon&amp;nbsp;sac.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Cet article est déjà assez long, merci Éric de m’avoir motivé à écrire tout ça de manière cathartique. J’espère ne pas être condescendant ou moralisateur, c’est vraiment ce qui me tourne en tête en envisageant un périple de ce type par&amp;nbsp;procuration.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/incompetence/&quot;&gt;#incompétence&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/psychologie/&quot;&gt;#psychologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Traditions</title>
            <link href="https://larlet.fr/david/2023/03/13/" rel="alternate" type="text/html" />
            <updated>2023-03-13T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/03/13/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Documents are documents. Books are books, recordings are recordings, and so on. As time has gone on, though, I’ve observed the probably obvious-to-others fact that &lt;strong&gt;Lore&lt;/strong&gt; is the grease between the concrete blocks of knowledge, the carved step in an otherwise impossible-to-scale mountain, the small bit of powder sprinkled through a workspace to ensure sparks don’t fly and things don’t burn. Inconceivably odd to the outsider, but vital to the dedicated or intense practice of the&amp;nbsp;craft.&lt;/p&gt;
 &lt;p&gt;Certainly, the ideal situation is lore is inlaid into a framework of knowledge. […]&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;The danger in this process, the potential lost ballast in the rise to the skies, is that the lore-to-knowledge transfer is lossy, messy, and arbitrary.&lt;/mark&gt; Maybe those in the know want to keep the information to themselves, so it won’t be given to whoever the person or persons are who are laying down the written form. Maybe the chronicler of information has blind spots they don’t know about and not enough people to correct them. Or, more likely, you have to set the “noise filter” of the information to not go down the rabbit and rat holes of contingencies that maybe a dozen or two people will even want to know about, to the favor of that which &lt;em&gt;everyone&lt;/em&gt; will need. The outcome is always the same: Lore loses in the long&amp;nbsp;run.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;http://ascii.textfiles.com/archives/5509&quot;&gt;Discord, or the Death of Lore «&amp;nbsp;ASCII by Jason Scott&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/f6e269f9a6e16436827169039d551623/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;La documentation des us et coutumes, des pratiques culturelles, de façon numérique est un vrai défi. Surtout pour les personnes qui sont plutôt de culture orale dans leur façon de&amp;nbsp;transmettre.&lt;/p&gt;
 &lt;p&gt;Ce n’est pas mon cas mais je me retiens toujours de &lt;em&gt;lutter contre&lt;/em&gt; en proposant des outils complémentaires qui viennent enrichir la souvenance que l’on peut avoir d’un échange. Un &lt;a href=&quot;https://larlet.fr/david/2022/12/19/&quot;&gt;journal&lt;/a&gt;, une notice, un billet de blog, qu’importe le format pourvu que l’on ait une URL pérenne qui puisse être&amp;nbsp;référencée.&lt;/p&gt;
 &lt;p&gt;Cela me prend du temps, mais bien moins que de devoir reprendre les échanges de zéro. Ou de faire un peu trop confiance à l’interprétation faite par ma propre&amp;nbsp;mémoire&amp;#8239;!&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;J’essaye &lt;a href=&quot;https://hazeover.com/&quot;&gt;HazeOver&lt;/a&gt; depuis maintenant une semaine et je me demande comment ça n’est pas une fonctionnalité par défaut de macOS. Je n’ai aucune fenêtre maximisée et j’ai un écran relativement grand, cet outil me permet de focaliser sur la fenêtre en cours. Lors du partage d’écran complet en visio (pour alterner code/navigateur par exemple), un coup de scroll sur l’icône dans la barre du haut et hop on ne voit que la fenêtre active avec un fond&amp;nbsp;noir.&lt;/p&gt;
 &lt;p&gt;Autre test du moment&amp;nbsp;: &lt;a href=&quot;https://sindresorhus.com/folder-peek&quot;&gt;Folder Peek&lt;/a&gt;, Sindre Sorhus fait plein d’autres &lt;a href=&quot;https://sindresorhus.com/apps&quot;&gt;petits outils intéressants&lt;/a&gt;.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Parce qu’il n’y a pas de raisons que ça soit restreint à un public&amp;nbsp;mastodon&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Pour rappel&amp;nbsp;: si vous souhaitez proposer un sujet pour une conférence comme &lt;a href=&quot;https://mamot.fr/@ParisWeb&quot;&gt;@ParisWeb&lt;/a&gt; ou &lt;a href=&quot;https://piaille.fr/@sudweb&quot;&gt;@sudweb&lt;/a&gt; je me propose de vous accompagner dans la démarche, surtout si vous faites partie d’une population peu représentée dans ces évènements (cette formulation est probablement maladroite mais j’espère que vous voyez&amp;nbsp;l’idée).&lt;/p&gt;
 &lt;p&gt;🤗&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://fedi.larlet.fr/@david/109993800837974664&quot;&gt;Proposition du&amp;nbsp;9&amp;nbsp;mars&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;👴 According to the most recent StackOverflow survey, half of the developer population started their careers within the last 9&amp;nbsp;years, which is to say, &lt;mark&gt;half of all web developers have never known a world without&amp;nbsp;React.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;It’s even highly likely that they were taught web development via React or that they have never built a site any other way. They were told by their teachers, then by recruiters and then by their employers that React was the way you build web sites, and they invested their careers in it&amp;nbsp;accordingly.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://remotesynthesis.com/blog/the-price-of-developer-tools/&quot;&gt;The Price Developers Pay for Loving Their Tools Too Much&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/339a862f8939f7ba8ae1524fa14f94c2/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;😔 Il s’agit de la tendance qu’ont les gens à graviter vers ou être attirés par ceux qui leur sont similaires en apparence, croyances, origine. Un effet de bord pernicieux ou même vicieux est la tendance à éviter ou même détester les gens ou les groupes qui sont&amp;nbsp;différents.&lt;/p&gt;
 &lt;p&gt;Puisque le milieu professionnel est dominé par les mâles blancs, ce biais affecte les femmes, d’autant plus si elles sont de couleur. &lt;mark&gt;C’est le biais qui fait le plus de détriment aux femmes au travail&lt;/mark&gt;&amp;nbsp;: décisions de recrutement injustes, promotions inéquitables, idées balayées ou&amp;nbsp;volées.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://koalie.blog/2023/03/11/ces-stereotypes-qui-nuisent-aux-femmes-au-travail/&quot;&gt;Ces stéréotypes qui nuisent aux femmes au travail&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/6c69f245e09fb696b43afa54240b4148/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;📷 Having my phone in my pocket doesn’t trigger anything but distraction. It can do everything, and so I feel nothing in particular about it. A physical camera takes photos, but it also makes me think about seeing. And I like&amp;nbsp;that.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://macwright.com/2017/11/03/carrying-a-camera.html&quot;&gt;Carrying a camera&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/c9925184359c01c5c077be55b7cd6505/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;😢 Et je suis fatiguée de cette société qui est incapable de croire les femmes. Combien faudra t-il encore de vidéos ou témoignage où un homme se retrouve, volontairement ou par accident, à la place d’une femme&amp;#8239;? Pour se rendre compte qu’en fait oui c’est violent ce que vivent les femmes et que ce qu’elles dénoncent c’est vrai et&amp;nbsp;systémique.&lt;/p&gt;
 &lt;p&gt;Je ne peux m’empêcher de penser que si j’avais été un homme ma carrière serait plus avancée aujourd’hui, mon salaire supérieur et ma santé mentale bien&amp;nbsp;meilleure.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.duchess-france.fr/coup%20de%20gueule/sexisme/2023/03/06/stupeur-et-trembements.html&quot;&gt;Stupeur et tremblements&amp;nbsp;: comment faire fuir les développeuses expérimentées.&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/25d41d569f637f8342c495139ccce8a8/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;✍️ That is against our purposes here. A blog post is &lt;em&gt;a search query&lt;/em&gt;. &lt;mark&gt;You write to find your tribe;&lt;/mark&gt; you write so they will know what kind of fascinating things they should route to your inbox. If you follow common wisdom, you will cut exactly the things that will help you find these&amp;nbsp;people.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://escapingflatland.substack.com/p/search-query&quot;&gt;A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/5bea097a2dba65380cf43adf2df540f8/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🤔 Fact we’re in the ’Twenties’ sounds so weird. It’s so synonymous with the 1920s. Sounds like a bygone era when women were still fighting for their rights, the upper classes were living a life of hedonism whilst people starved &amp;amp; the world was on the verge of financial ruin and&amp;nbsp;war.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;Une capture d’écran de @BeardedGenius vue sur mastodon. 2023.&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/incompetence/&quot;&gt;#incompétence&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/traces/&quot;&gt;#traces&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Jour&amp;nbsp;3</title>
            <link href="https://larlet.fr/david/2023/03/04/" rel="alternate" type="text/html" />
            <updated>2023-03-04T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/03/04/</id>
            <summary type="html">
 &lt;p&gt;Je me réveille à 4h45. Tout est paisible. Je me réveille à 5h15 car j’ai le visage qui touche la toile de tente. Il vient de tomber cinq centimètres en une demi-heure&amp;#8239;! Je secoue la tente car j’ai peur pour la sonde à neige qui me sert de mat de tipi —&amp;nbsp;et qui commence à courber dangereusement&amp;nbsp;— ne casse alors que je suis encore dans mon duvet. Je passe les prochains quarts d’heure à faire glisser la neige très collante lorsqu’elle s’accumule avant d’oublier toute notion de grasse matinée. Le bon côté, c’est qu’il ne fait pas trop&amp;nbsp;froid.&lt;/p&gt;
 &lt;p&gt;Je m’habille et je prépare mon petit déjeuner avec mon réchaud à alcool, bien à l’abri, ça tombe en continu et le retour s’annonce épique. J’ai déjà un petit rempart de neige autour de la tente. Dire que je me réjouissais la veille que le sentier ait pu&amp;nbsp;geler…&lt;/p&gt;
 &lt;p&gt;Je sors quand même faire des photos en pleine tempête de neige et je suis très content de cette session. Même si les photos une fois développées sont assez frustrantes sur ce plan là, la recherche du moment me donne un grand&amp;nbsp;sourire.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-04-tempete-neige.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-04-tempete-neige.jpg&quot;
            width=&quot;1920&quot; height=&quot;1280&quot;
            srcset=&quot;/static/david/2023/2023-03-04-tempete-neige.jpg 1920w, /static/david/2023/2023-03-04-tempete-neige_660x440.jpg 660w, /static/david/2023/2023-03-04-tempete-neige_990x660.jpg 990w, /static/david/2023/2023-03-04-tempete-neige_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1920 / 1280))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;La rivière sous la tempête.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Il neigeait dru&amp;nbsp;!&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Cerise sur le gâteau, je vois des traces sur la berge opposée et je commence à les suivre en aval puis en amont, assez loin. Il est passé il y a moins de 15&amp;nbsp;minutes et c’était à 100&amp;nbsp;mètres de mon campement. Je casse le suspense tout de suite, je n’ai jamais vu l’animal mais la traque dans ces conditions idéales pour avoir l’espoir de s’approcher sans être vu ni entendu était extrêmement stimulante. À chaque ouverture sur la rivière depuis le sentier, j’imaginais ce que ça pourrait donner avec un coyote ou un ongulé au premier plan. J’ai encore ces images dans la&amp;nbsp;tête&amp;nbsp;:-).&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-04-traces.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-04-traces.jpg&quot;
            width=&quot;1920&quot; height=&quot;1280&quot;
            srcset=&quot;/static/david/2023/2023-03-04-traces.jpg 1920w, /static/david/2023/2023-03-04-traces_660x440.jpg 660w, /static/david/2023/2023-03-04-traces_990x660.jpg 990w, /static/david/2023/2023-03-04-traces_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1920 / 1280))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Des traces dans la neige.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;À une prochaine, l’animal.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Le rangement du campement sous la neige est assez complexe sans tout mouiller mais c’est un bon exercice. Par contre le retour est vraiment fastidieux car en montée avec 15&amp;nbsp;cm de poudreuse fraîche en plus ça devient difficile de traîner une luge adaptée par mes soins. Je me dis qu’il serait pertinent d’investir dans une vraie&amp;nbsp;pulka…&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-04-traineau.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-04-traineau.jpg&quot;
            width=&quot;1512&quot; height=&quot;2268&quot;
            srcset=&quot;/static/david/2023/2023-03-04-traineau.jpg 1512w, /static/david/2023/2023-03-04-traineau_660x440.jpg 660w, /static/david/2023/2023-03-04-traineau_990x660.jpg 990w, /static/david/2023/2023-03-04-traineau_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Le traîneau sur le chemin du retour.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Le secret, c’est de faire des pauses, vraiment beaucoup de pauses&amp;nbsp;!&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;hr /&gt;
 &lt;p&gt;Davantage de &lt;a href=&quot;https://media.larlet.fr/2023-03-ouareau-01.html&quot;&gt;photos disponibles par ici&lt;/a&gt;.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/traces/&quot;&gt;#traces&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Jour&amp;nbsp;2</title>
            <link href="https://larlet.fr/david/2023/03/03/" rel="alternate" type="text/html" />
            <updated>2023-03-03T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/03/03/</id>
            <summary type="html">
 &lt;p&gt;Je me suis couché en ayant relativement chaud mais au cours de la nuit, la température est bien tombée avec le vent. Je me réveille vers 6h avec le visage plutôt frais et le trou du duvet bien gelé, je regarde la météo depuis l’intérieur de mon duvet et iels m’annoncent -15°C ressenti -20°C avec le vent. Pas pire. ERREUR.&lt;/p&gt;
 &lt;p&gt;En fait, ce duvet est tellement chaud que je ne me suis pas trop méfié mais dès l’habillage je sens qu’il fait vraiment frette. Les chaussures sont gelées et les lacets aussi, les gants en cuirs sont raides et inutilisables, ma barbe gèle instantanément, le bouchon du Thermos a gelé. Ma montre m’indique -23°C et il y a du vent. La météo canadienne disais-je. Je fais vite un feu que j’aurais un peu mieux dû préparer la veille, je mets longtemps à récupérer de la dextérité. Ne parlons pas des&amp;nbsp;pieds.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-03-feu-soleil.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-03-feu-soleil.jpg&quot;
            width=&quot;1512&quot; height=&quot;2268&quot;
            srcset=&quot;/static/david/2023/2023-03-03-feu-soleil.jpg 1512w, /static/david/2023/2023-03-03-feu-soleil_660x440.jpg 660w, /static/david/2023/2023-03-03-feu-soleil_990x660.jpg 990w, /static/david/2023/2023-03-03-feu-soleil_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Le campement avec le soleil en arrière plan.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Ô soleil, merci de ta chaleur&amp;nbsp;!&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;La sortie du duvet est vraiment l’étape cruciale du camping hivernal. D’habitude, je commence à mettre tout ce que je peux dans le duvet pendant une quinzaine de minutes le temps de réchauffer les vêtements externes. J’aurais pu tenter de mettre une chaufferette dans chaque chaussure aussi (j’en emporte toujours deux sans jamais les utiliser&amp;#8239;!). Je fais une petite danse du réchauffement mais je sais aussi que je suis en train de louper la meilleure heure pour les photos et ça me frustre. Je tente un changement d’objectifs à mains nues et c’est une erreur… ouille le métal&amp;nbsp;gelé.&lt;/p&gt;
 &lt;p&gt;Je respire un bon coup et j’accepte la situation. La priorité est de se réchauffer en bougeant tout en m’alimentant et en faisant fondre de la neige. Il est possible de faire des erreurs mais pas de les enchaîner dans ces conditions. La magie du feu et de l’eau chaude finit par faire son&amp;nbsp;effet.&lt;/p&gt;
 &lt;p&gt;C’est une de ces journées fraîches de plein soleil donc la lumière est très violente. Je décide de descendre la rivière pour réchauffer mes pieds. Bon OK, pas&amp;nbsp;littéralement.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-03-riviere-ouareau.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-03-riviere-ouareau.jpg&quot;
            width=&quot;1512&quot; height=&quot;2268&quot;
            srcset=&quot;/static/david/2023/2023-03-03-riviere-ouareau.jpg 1512w, /static/david/2023/2023-03-03-riviere-ouareau_660x440.jpg 660w, /static/david/2023/2023-03-03-riviere-ouareau_990x660.jpg 990w, /static/david/2023/2023-03-03-riviere-ouareau_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;La rivière Ouareau bien gelée.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Les méandres de la rivière&amp;nbsp;gelée.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Le chemin est de toute beauté et j’ai vraiment du mal à capter cette ambiance. Il n’y a vraiment personne et je prends mon temps pour rester sec (vive la laine). Je découvre que l’emmental peut con·geler, qu’il faut commencer par casser des morceaux avec ses gants puis les faire fondre dans sa bouche jusqu’à être en capacité de le mâcher. #MeanwhileInCanada&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-03-sentier-murmures.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-03-sentier-murmures.jpg&quot;
            width=&quot;1512&quot; height=&quot;2268&quot;
            srcset=&quot;/static/david/2023/2023-03-03-sentier-murmures.jpg 1512w, /static/david/2023/2023-03-03-sentier-murmures_660x440.jpg 660w, /static/david/2023/2023-03-03-sentier-murmures_990x660.jpg 990w, /static/david/2023/2023-03-03-sentier-murmures_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Le sentier des murmures.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Une portion du sentier qui est intégralement à couvert de&amp;nbsp;forêt.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;De retour au campement, je décide de faire une sieste pour attendre des couleurs et lumières moins dures. C’est une stratégie plutôt payante et je remonte cette fois-ci la rivière, il fait moins froid et c’est assez agréable d’être silencieux car je n’ai plus vraiment besoin des raquettes, le sentier a&amp;nbsp;gelé.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-03-couleurs-soir.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-03-couleurs-soir.jpg&quot;
            width=&quot;1512&quot; height=&quot;2268&quot;
            srcset=&quot;/static/david/2023/2023-03-03-couleurs-soir.jpg 1512w, /static/david/2023/2023-03-03-couleurs-soir_660x440.jpg 660w, /static/david/2023/2023-03-03-couleurs-soir_990x660.jpg 990w, /static/david/2023/2023-03-03-couleurs-soir_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1512 / 2268))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;La rivière le soir.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Difficile de restituer la sensation de calme qu’il y avait alors, seulement troublée sporadiquement par un&amp;nbsp;pic.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Un peu de neige est annoncée en matinée pour le lendemain. Je m’endors confiant. &lt;a href=&quot;https://larlet.fr/david/2023/03/04/&quot; title=&quot;Jour 3&quot;&gt;Haha.&lt;/a&gt;&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Davantage de &lt;a href=&quot;https://media.larlet.fr/2023-03-ouareau-01.html&quot;&gt;photos disponibles par ici&lt;/a&gt;.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/photographie/&quot;&gt;#photographie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Jour&amp;nbsp;1</title>
            <link href="https://larlet.fr/david/2023/03/02/" rel="alternate" type="text/html" />
            <updated>2023-03-02T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/03/02/</id>
            <summary type="html">
 &lt;p&gt;Je profite de cette semaine de relâche pour aller faire un tour en forêt, dans des conditions qui s’annoncent être assez difficiles. Il faudra que je parle du manque de précision des prévisions météorologiques canadiennes à un&amp;nbsp;moment.&lt;/p&gt;
 &lt;p&gt;J’arrive sur le parking après plus d’une heure de route derrière un véhicule de déneigement. La neige est bien collante et il y a déjà une quinzaine de centimètres tombée dans la matinée. Je profite des traces de raquettes d’un couple qui vient d’arriver pour ne pas trop galérer avec le traîneau mais même les skis à écailles accrochent un peu trop à mon goût. Je suis obligé de forcer dans les descentes pour avancer&amp;#8239;! Sans compter le traîneau qui racle bien les bords du chemin et qui prend des kilos au cours de&amp;nbsp;l’avancée…&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-02-traineau-arrivee.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-02-traineau-arrivee.jpg&quot;
            width=&quot;1512&quot; height=&quot;2016&quot;
            srcset=&quot;/static/david/2023/2023-03-02-traineau-arrivee.jpg 1512w, /static/david/2023/2023-03-02-traineau-arrivee_660x440.jpg 660w, /static/david/2023/2023-03-02-traineau-arrivee_990x660.jpg 990w, /static/david/2023/2023-03-02-traineau-arrivee_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Le traîneau à l’arrivée avec pas mal de neige chargée.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Ce que ça donne à l’arrivée, transporter de la neige n’a pas grand intérêt, il y en aura à&amp;nbsp;l’arrivée.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Je finis par trouver un coin qui n’est pas un emplacement de camping (bien pour le bois) et qui est pas mal en retrait du sentier tracé (bien pour moi). Le gros avantage de l’hiver avec plus d’un mètre de neige, c’est que je peux vraiment sculpter mon lieu de résidence tel que je l’entends indépendamment du relief, de la végétation ou de&amp;nbsp;l’humidité.&lt;/p&gt;
 &lt;p&gt;C’est parti pour une corvée de bois, en raquettes. J’en prends toujours un peu plus que de rigueur en hiver car on ne sait jamais trop ce qu’il peut se passer (blessure/immobilisation par exemple) et c’est un élément important de sécurité par ces&amp;nbsp;températures.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-03-02-feu-levitation.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-03-02-feu-levitation.jpg&quot;
            width=&quot;1512&quot; height=&quot;2016&quot;
            srcset=&quot;/static/david/2023/2023-03-02-feu-levitation.jpg 1512w, /static/david/2023/2023-03-02-feu-levitation_660x440.jpg 660w, /static/david/2023/2023-03-02-feu-levitation_990x660.jpg 990w, /static/david/2023/2023-03-02-feu-levitation_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 1512 / 2016))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Un feu dans un foyer surélevé.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;C’est parti pour quelques heures à entretenir un&amp;nbsp;feu.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Je continue de tester ce foyer surélevé en hiver. Il est lourd mais avoir un feu efficace pour faire fondre la neige et se réchauffer sans qu’il ne coule est très appréciable. À force de &lt;a href=&quot;https://larlet.fr/david/2023/02/10/&quot; title=&quot;Jour 1&quot;&gt;faire&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/02/11/&quot; title=&quot;Jour 2&quot;&gt;du&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/02/12/&quot; title=&quot;Jour 3&quot;&gt;glamping&lt;/a&gt;, j’en avais oublié à quel point il est fastidieux de passer son temps à produire de l’eau liquide. Je suis à 100&amp;nbsp;mètres de la rivière mais je n’ose pas m’approcher sur la glace pour aller en récupérer une casserole entière vu les&amp;nbsp;conditions.&lt;/p&gt;
 &lt;p&gt;J’ai choisi d’emporter mon appareil photo et trois objectifs pour cette sortie. Alors je passe une bonne partie de l’après-midi à explorer les alentours en essayant de ne pas trop me mouiller avec toute la neige qui charge les résineux. Même si je suis crevé par le trajet, je passe de bons moments à explorer cet environnement. Je me rends compte que j’ai maintenant suffisamment confiance en moi pour prendre mon temps avant de monter le&amp;nbsp;camp.&lt;/p&gt;
 &lt;p&gt;J’ai quand même tapé une bonne plateforme avec les raquettes pour lui laisser le temps de geler avant d’aménager l’espace sous mon tipi du XXI&lt;sup&gt;e&lt;/sup&gt; siècle. Iels annoncent -15°C dans la nuit, je vais enfin pouvoir tester mon duvet dans les conditions qu’il mérite. Un peu &lt;a href=&quot;https://larlet.fr/david/2023/03/03/&quot; title=&quot;Jour 2&quot;&gt;inconscient de ce qui m’attend&lt;/a&gt;, je me couche en regardant le feu crépiter, les joies de l’hiver… j’étais aussi parti pour essayer de voir des aurores boréales mais vu la vallée encaissée dans laquelle je suis, associée à une lune bien pleine, j’ai la flemme de me relever dans la nuit. Le vent s’est levé et de la neige chute des arbres par&amp;nbsp;rafales.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Davantage de &lt;a href=&quot;https://media.larlet.fr/2023-03-ouareau-01.html&quot;&gt;photos disponibles par ici&lt;/a&gt;.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/confiance/&quot;&gt;#confiance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/eau/&quot;&gt;#eau&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">AlgoRSSithme</title>
            <link href="https://larlet.fr/david/2023/02/28/" rel="alternate" type="text/html" />
            <updated>2023-02-28T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/02/28/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;This is why RSS feeds are amazing: nobody can get into your feed or be prioritized in it unless you say&amp;nbsp;so.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://notes.jim-nielsen.com/#2023-02-27T0915&quot;&gt;Enshittification - Jim Nielsen’s Notes&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/941b67353ff151e5da55c691f6e9161b/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;L’usage fait qu’il n’y a pas d’algorithme derrière un flux RSS ou un agrégateur mais il pourrait en être&amp;nbsp;autrement.&lt;/p&gt;
 &lt;p&gt;Les auteur·ices choisissent de mettre les x derniers articles dans leur flux mais ce n’est en fait que la &lt;em&gt;dernière&lt;/em&gt; entrée qui est pertinente (en prenant l’hypothèse que l’agrégateur rafraichit plus vite que le rythme de publication). Tout le reste pourrait être choisi selon un algorithme car concernerait les personnes qui n’ont pas encore d’articles dans leur&amp;nbsp;cache.&lt;/p&gt;
 &lt;p&gt;Je pourrais par exemple choisir d’avoir le dernier article ainsi qu’une dizaine d’articles soigneusement sélectionnés pour motiver les nouvelles personnes inscrites à conserver ce flux (au même titre que les messages épinglés sur un compte mastodon), d’autant qu’il est &lt;a href=&quot;https://larlet.fr/david/log/&quot;&gt;affiché chez moi&lt;/a&gt; (pour &lt;a href=&quot;https://larlet.fr/david/2021/06/03/&quot;&gt;rappel&lt;/a&gt;).&lt;/p&gt;
 &lt;p&gt;Je pourrais aussi tous les mois faire sortir un ancien article que j’aime bien et qui apparaitrait probablement en dernier/très loin dans votre agrégateur mais si vous êtes en RSS Zéro (je suis sûr que c’est un truc), ça pourrait le rendre visible et vous donner envie d’aller y jeter un&amp;nbsp;œil.&lt;/p&gt;
 &lt;p&gt;De l’autre côté du flux, l’agrégateur pourrait faire de même et aller repêcher de vieux billets non lus, ne pas afficher tous les articles lors de l’ajout d’un nouveau flux, mettre certaines publications de sources plus populaires en avant, etc.&lt;/p&gt;
 &lt;p&gt;Ce n’est pas le format qui empêche d’y mettre une logique de dévelopeur·euse (aussi appelé algorithme), mais les outils qui le génèrent et qui l’exploitent. C’est relativement étonnant que personne n’ait encore pris le temps de saccager&amp;nbsp;ça.&lt;/p&gt;
 &lt;p&gt;Oups…&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;💜 L’idée derrière cela, c’est de pouvoir accéder à &lt;mark&gt;de la papeterie facile à imprimer&lt;/mark&gt; et à photocopier, tout en profitant de belles illustrations. Pour l’instant, je pense partager mes propres illustrations ainsi qu’une liste de liens pour les ressources d’autres personnes. […] J’aimerais que cette boutique soit le début d’une réflexion commune sur le partage de l’art et&amp;nbsp;l’artisanat.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://la-papeterie-libre.fr/&quot;&gt;La Papeterie&amp;nbsp;Libre&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🤦 It seems ChatGPT is wrongly recommending us for “reverse phone number lookup” - ie the ability to determine the location of a mobile phone solely based on the number. &lt;mark&gt;This is not a service we provide.&lt;/mark&gt; It is not a service we have ever provided, nor a service we have any plans to provide. Indeed, it is a not a service we are technically capable of&amp;nbsp;providing.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.opencagedata.com/post/dont-believe-chatgpt&quot;&gt;Don’t believe ChatGPT - we do NOT offer a “phone lookup” service&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/0568befa90d2b39c0694d4c7ffc3cd73/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;👍 The best time to leave Github was before it was acquired by Microsoft. The second-best time is &lt;mark&gt;now.&lt;/mark&gt; Sooner or later, you will be forced out of Github like we, oldies, were forced out of Sourceforge. Better leaving while you are free to do it on your own&amp;nbsp;terms…&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://ploum.net/2023-02-22-leaving-github.html&quot;&gt;We need to talk about your Github addiction&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/afa0aae212698b71118868d36d50a747/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;💅 You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every&amp;nbsp;time.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://anthonyhobday.com/sideprojects/saferules/&quot;&gt;Visual design rules you can safely follow every time&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/61f52848924157701ed66c85d67f3536/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🤗 Je fais tout ça sans la contrainte de maintenance, car je ne développe que des prototypes de logiciels. C’est &lt;mark&gt;une sorte d’exutoire&lt;/mark&gt; pour se libérer l’esprit des projets qui me traînent dans la&amp;nbsp;tête.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://marienfressinaud.fr/farandole-de-projets.html&quot;&gt;Farandole de projets&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/392138accbdaee722a669834da5f1a8d/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🧠 You could even think of this home stream as what in literature is called a “stream of consciousness”: &lt;mark&gt;a constant stream of the multitudinous thoughts and feelings which pass through the mind of a narrator.&lt;/mark&gt; Your website is a way for you to share your stream of consciousness, that temporary and subjective and highly biased snippet of the universe, with everyone else, including your future self. In all its&amp;nbsp;multitudes.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://matthiasott.com/notes/streams-of-consciousness&quot;&gt;Streams of Consciousness&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/328b56a2ee2e291dabc8f63a0013cc7a/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/attention/&quot;&gt;#attention&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/decentralisation/&quot;&gt;#décentralisation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Transmission</title>
            <link href="https://larlet.fr/david/2023/02/25/" rel="alternate" type="text/html" />
            <updated>2023-02-25T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/02/25/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;So I would. I would grab a coffee, sit down, and start reading. Often we’d share posts back and forth, or chat about some of the more interesting ones we had read. It was something we did that was never on accident… &lt;mark&gt;it was intentional, deliberate.&lt;/mark&gt; It was a way, I think, of investing in ourselves while also acknowledging how much we still could learn from&amp;nbsp;others.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://timkadlec.com/remembers/2023-02-23-investing-in-rss/&quot;&gt;Investing in RSS&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/19ec475bd5d92b02fbef043c52ea0589/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Il y a ce réveil des blogs qui me rend silencieux, laisser la place d’une attention pour les autres. Et en même temps, ce sont plutôt des réveils que de nouvelles personnes. &lt;strong&gt;Je suis très disposé à me faire le relais de nouveaux blogs si vous en créez&amp;nbsp;un.&lt;/strong&gt;&lt;/p&gt;
 &lt;p&gt;Il y a la constatation récurrente que la &lt;a href=&quot;https://fr.wikipedia.org/wiki/Loi_de_Conway&quot;&gt;Loi de Conway&lt;/a&gt; se vérifie dès que je travaille avec des structures à taille inhumaine. L’aliénation de l’humain aux processus est l’un des grands mystères de ce temps. L’expérience de ces hiérarchies me permet d’attendre d’être en communication avec LA personne compétente pour aller de&amp;nbsp;l’avant.&lt;/p&gt;
 &lt;p&gt;Il y a la transmission douloureuse, je me demande par exemple si sa génération sera la dernière à pouvoir faire du ski de fond dans les parcs montréalais. Au même titre qu’il a été l’un des derniers à pouvoir patiner sur le Lac aux Castors du Mont-Royal. Et encore, il était dans la&amp;nbsp;poussette.&lt;/p&gt;
 &lt;p&gt;Il y a cette rupture vraiment pas conventionnelle qui me questionne sur le fait qu’une transmission ultime puisse passer par la destruction pour voir ce qui est recréé ensuite, valider les acquis et les envies en quelque sorte. Tellement difficile de décortiquer certaines intentions sans raviver les&amp;nbsp;tensions.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🔄 Que se passe-t-il quand un LLM se nourrit en continu&amp;#8239;&amp;#8239;? Soit il se retrouve exposé à des &lt;mark&gt;contenus produits par d’autres LLM&lt;/mark&gt;, soit il continue à être alimenté par des données hiérarchisées par des scrutins alimentés par des personnes qui, elles-mêmes, sont exposées à des contenus produits par un LLM.&amp;nbsp;Quel impact cela pourrait-il avoir sur la qualité des&amp;nbsp;contenus&amp;#8239;&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://boris.schapira.dev/notes/2023-02-des-questions/&quot;&gt;Des questions · Boris Schapira&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/482252d2b8806e99bc30ffab2b2c51c9/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🚜 Today’s cloud services have the look and feel of that tractor. They’re conceived by infrastructure people who care about efficient computation, fast networking, and cheap storage. The comfort and convenience of the developers who need to drive these services to build end-user facing applications has been an&amp;nbsp;afterthought.&lt;/p&gt;
 &lt;p&gt;Both the tractor and the cloud service of the past made sense: &lt;mark&gt;The majority of people who made the purchasing decisions didn’t operate them&lt;/mark&gt;, and those who did had little influence. Why bother making them nice to&amp;nbsp;operate?&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://pydantic.dev/announcement/&quot;&gt;Company Announcement | Pydantic&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/0f8bbba127c48a13b35fdf265c2dc106/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🤸 It comes down to this annoying, upsetting, stupid fact: &lt;mark&gt;the only way to build a great product is to use it every day, to stare at it, to hold it in your hands to feel its lumps.&lt;/mark&gt; The data and customers will lie to you but the product never will. And most product orgs suck because they simply don’t use the products that they’re building; they ship incremental nothings without direction because they’re looking at spreadsheets all day long filled with junk data&amp;nbsp;nothings.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.robinrendle.com/notes/vibe-driven-development/&quot;&gt;Vibe Driven Development&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/660b2a27b116787ac44e536e6c9dbcd3/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🧑‍⚖️ Traditional open source is based on the flawed premise that technology is fundamentally neutral, and that unrestricted access to source code— even for explicitly “evil” purposes— is in fact an unqualified good. But around the world, open source developers are starting to realize that the software that they create, with its tremendous potential to change the world for the better, is also being abused to sustain and promote systems of inequity and injustice, globally, and at unprecedented&amp;nbsp;scale.&lt;/p&gt;
 &lt;p&gt;The Hippocratic License 3.0 (HL3) aims &lt;mark&gt;to confront the potential harms and abuses technology can have&lt;/mark&gt; on fundamental human rights. It empowers open source communities to establish a clear set of ethical standards that licensees must abide by in order to adopt their&amp;nbsp;code.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://firstdonoharm.dev/&quot;&gt;The Hippocratic License&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/e44bfaaecad989f67cb2032fac000276/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;😮 I am all for radical criticism, especially targeted at billion-dollar tech corporations and powerful project leaders who &lt;a href=&quot;https://fediverse.zachleat.com/@zachleat/109830047951867907&quot;&gt;try to silence critics&lt;/a&gt;. We need &lt;mark&gt;to hold them accountable&lt;/mark&gt; for tech that produces harmful, subpar web experiences. They deserve their decent share of “told you&amp;nbsp;so”.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://molily.de/update-on-robust-javascript/&quot;&gt;An update on Robust Client-Side JavaScript&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/9718ae2062146285e1c4f406240e04af/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🤗 As we build stuff, we make trade-off decisions like this all the time. If I have a point, it’s that we should consider these tradeoffs &lt;mark&gt;with our most junior teammates in mind;&lt;/mark&gt; how much complexity are we adding for them? Is it worth&amp;nbsp;it?&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.joshwcomeau.com/career/clever-code-considered-harmful/&quot;&gt;Clever Code Considered Harmful&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/a09b5bf450d2cf86fb9e9d6f13b070e0/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/attention/&quot;&gt;#attention&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/confiance/&quot;&gt;#confiance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Quiz</title>
            <link href="https://larlet.fr/david/2023/02/18/" rel="alternate" type="text/html" />
            <updated>2023-02-18T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/02/18/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;On aimerait pouvoir faire des&amp;nbsp;quiz.&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Il y a 20&amp;nbsp;ans, j’aurais commencé à modéliser cela dans une base de données relationnelles avec les bons index et&amp;nbsp;tout.&lt;/p&gt;
 &lt;p&gt;Il y a 15&amp;nbsp;ans, j’aurais essayé de représenter cela avec des données liées et du RDF pour une réutilisation&amp;nbsp;sémantique.&lt;/p&gt;
 &lt;p&gt;Il y a 10&amp;nbsp;ans, je me serais demandé si ça pouvait rentrer dans Redis ou MongoDB et à quel point ça passerait à&amp;nbsp;l’échelle.&lt;/p&gt;
 &lt;p&gt;Il y a 5&amp;nbsp;ans, j’aurais imaginé une API pour pouvoir généraliser l’usage et décliner plusieurs services&amp;nbsp;équivalents.&lt;/p&gt;
 &lt;p&gt;&lt;strong&gt;Et aujourd’hui&amp;nbsp;alors&amp;#8239;?&lt;/strong&gt;&lt;/p&gt;
 &lt;p&gt;Je commence par me demander comment est-ce que les utilisateur·ices vont pouvoir saisir ces données et devenir&amp;nbsp;autonomes.&lt;/p&gt;
 &lt;p&gt;Je n’envisage pas qu’iels puissent saisir du HTML —&amp;nbsp;qui plus est valide et accessible&amp;nbsp;— pour concevoir ce quiz. Je me demande quelle serait la structure la plus logique pour déterminer les réponses possibles et mentionner la bonne. Il y a un enjeu de &lt;em&gt;feedback&lt;/em&gt; immédiat lors de la rédaction, par exemple en &lt;em&gt;CommonMark&lt;/em&gt; un peu étendu dans un &lt;em&gt;pad&lt;/em&gt; ou un forge &lt;em&gt;git&lt;/em&gt;. J’imagine une structure qui ressemble&amp;nbsp;à&amp;nbsp;:&lt;/p&gt;
 &lt;pre&gt;&lt;code&gt;Le consentement c’est :

 * [ ] Demander la permission
 * [x] S’assurer à tout moment que l’autre↩ 
      est à l’aise et désire ce qu’on lui fait
 * [ ] Peut se donner avec un peu de pression
 &lt;/code&gt;&lt;/pre&gt;
 &lt;p&gt;C’est ensuite à moi de convertir cette structure plate, textuelle, relativement compréhensible en un formulaire web interactif. C’est le seul moment où la technique entre en jeux avec des dépendances aussi minimalistes que&amp;nbsp;possible.&lt;/p&gt;
 &lt;p&gt;Ce qui a changé en 20&amp;nbsp;ans, c’est que j’ai pris conscience que la pérennité d’une donnée tient à l’autonomie que l’on peut donner aux personnes qui vont s’assurer de son évolution. La «&amp;nbsp;bonne&amp;nbsp;» modélisation est celle qui est explicite et non réservée à une élite de&amp;nbsp;dévelopeur·euses.&lt;/p&gt;
 &lt;p&gt;Entre l’&lt;em&gt;User eXperience&lt;/em&gt; (UX) et la &lt;em&gt;Developer eXperience&lt;/em&gt; (DX), il y aurait peut-être la &lt;em&gt;Maintenance eXperience&lt;/em&gt; (MX)&amp;#8239;? Et dans ce contexte, l’autonomie vis-à-vis des données est cruciale. Ce n’est peut-être pas techniquement très propre, c’est difficile à mettre en valeur sur un CV ou dans une conférence, c’est même aux antipodes de la mode&amp;nbsp;actuelle.&lt;/p&gt;
 &lt;p&gt;Mais c’est là où je positionne ma valeur aujourd’hui. De la cathédrale qu’il faut reconstruire tous les 2&amp;nbsp;ans au refuge qui ne nécessite que quelques planches et clous en maintenance annuelle pour qu’une poignée de personnes y trouvent du réconfort. Et soient en capacité de participer à l’effort&amp;nbsp;commun.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Bandes-dessinées de la&amp;nbsp;semaine&amp;nbsp;:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href=&quot;https://editions-sarbacane.com/bd/rene-e-aux-bois-dormants&quot;&gt;René.e aux bois dormants&lt;/a&gt; de Elene&amp;nbsp;Usdin.&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;https://ecosociete.org/livres/megantic-un-train-dans-la-nuit&quot;&gt;Mégantic, un train dans la nuit&lt;/a&gt; de Anne-Marie Saint-Cerny et Christian&amp;nbsp;Quesnel.&lt;/li&gt;
 &lt;/ul&gt;
 &lt;p&gt;Je ne sais pas si c’est le fait de résider sur ces territoires mais les deux m’ont pas mal affecté. L’héritage de la colonisation en étant sur les lieux colonisés est encore plus difficile à&amp;nbsp;porter.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Film de la semaine&amp;nbsp;: &lt;a href=&quot;https://en.wikipedia.org/wiki/The_Menu_(2022_film)&quot;&gt;The Menu&lt;/a&gt; (essayez de ne pas vous&amp;nbsp;divulgâcher…).&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;💯 Always remember that although a subset of the JavaScript community can be very loud, they represent a paltry portion of the web as a whole. This means that when they say something like “Best practices don’t actually work”—what they mean is “Best practices don’t actually work for a small subset of less than 5&amp;nbsp;percent of the&amp;nbsp;web”.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://andy-bell.co.uk/the-extremely-loud-minority/&quot;&gt;The (extremely) loud minority&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/78d79db0da7f60c48a02cfd088885085/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🐦 Spinners are the dumbest progress&amp;nbsp;bar.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://interconnected.org/home/2023/02/10/progress&quot;&gt;A notification center for progress bars that sounds like birdsong&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/29dac969af1faa8ba0338a2e7e59ebbd/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/simplicite/&quot;&gt;#simplicité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
 </feed>
--- a/david/recherche/index.html
+++ b/david/recherche/index.html
--- a/david/templates/article_2024.html
+++ b/david/templates/article_2024.html
@@ -0,0 +1,66 @@
 {% extends "base_2024.html" %}
 {% block lang %}{{ page.lang }}{% endblock %}
 {% block title %}{{ page.title }}{% endblock %}
 {% block description %}{{ page.extract|striptags }}{% endblock %}
 {% block content %}
  <article>
    <header>
      <hgroup>
        <h1>{{ page.title }}</h1>
        <p>Le <time datetime="{{ page.date }}">{{ page.date|format_date }}</time></p>
      </hgroup>
    </header>
    <nav>
      <p class="center">
        {% if prev and not prev.is_draft %}
          <a rel="prev"
             href="{{ prev.url }}"
             title="Publication précédente : {{ prev.title }}">← Précédent</a> •
        {% endif %}
        <nobr>
          <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/recherche/"
             title="Aller à la page de recherche"
             rel="search">Recherche</a>
        </nobr>
        {% if next and not next.is_draft %}
          • <a rel="next"
    href="{{ next.url }}"
    title="Publication suivante : {{ next.title }}">Suivant →</a>
        {% endif %}
      </p>
    </nav>
    <hr>
    {{ page.content }}
    {% if page.tags %}
      <nav>
        <p>
          {% for tag in page.tags %}
            <a href="/david/2024/{{ slugify(tag) }}/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#{{ tag }}</a>
          {% endfor %}
          <a href="/david/#tags-2024" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    {% endif %}
    <nav>
      <p class="center">
        {% if prev and not prev.is_draft %}
          <a rel="prev"
             href="{{ prev.url }}"
             title="Publication précédente : {{ prev.title }}">← Précédent</a> •
        {% endif %}
        <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
        {% if next and not next.is_draft %}
          • <a rel="next"
    href="{{ next.url }}"
    title="Publication suivante : {{ next.title }}">Suivant →</a>
        {% endif %}
      </p>
    </nav>
  </article>
 {% endblock content %}
--- a/david/templates/base_2024.html
+++ b/david/templates/base_2024.html
@@ -0,0 +1,311 @@
 <!DOCTYPE html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang="{% block lang %}fr{% endblock lang %}">
  <!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  <meta charset="utf-8">
  <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  <!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Required to make a valid HTML5 document. -->
  <title>
    {% block title %}{% endblock %}
  — David Larlet</title>
  <meta name="description" content="{% block description %}{% endblock %}">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email.
  <link rel="stylesheet" href="/static/david/css/style_2024.css"> -->
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off.
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin> -->
  <style type="text/css">
    @layer reset, structure, typography, colors;

    @layer reset {
      *, *::before, *::after {
        box-sizing: border-box;
      }
      body {
        line-height: 1.5;
        margin: 0;
      }
      img, picture, video {
        display: block;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
      }
      input, button, textarea, select {
        font: inherit;
      }
      h1, h2, h3, h4, button, input, label {
        line-height: 1.1;
      }
    }

    @layer structure {
      hgroup, nav, figcaption, footer {
        text-align: center;
      }
      hgroup > :not(:first-child):last-child {
        color: #474747;
        font-size: 1rem;
        margin: 0;
      }
      h1 {
        margin-block-start: 4rem;
        margin-block-end: 0;
      }
      hr {
        min-width: 5%;
      }
      article {
        display: grid;
        grid-template-columns:
          1fr
          min(65ch, calc(100% - 64px))
          1fr;
        grid-column-gap: 32px;
      }
      article > * {
        grid-column: 2;
      }
      article > * + * {
        margin-block-start: 1.5rem;
      }
      blockquote {
        margin: 0;
        width: 100%;
        grid-column: 1 / 4;
        display: grid;
        grid-template-columns:
          1fr
          min(65ch, calc(100% - 64px))
          1fr;
        grid-column-gap: 32px;
      }
      blockquote > * {
        grid-column: 2;
      }
      blockquote cite {
        display: block;
        text-align: right;
      }
      figure {
        margin: 0 auto;
        width: 65%;
        grid-column: 1 / 4;
      }
    }

    @layer typography {
      body {
        font-size: 130%;
      }
    }

    @layer colors {
      body {
        background-color: #fefefe;
        color: #2f343d;
      }
      blockquote {
        background-color: #FBEDF4;
        border-top: 1px solid #FA9ACF;
        border-bottom: 1px solid #FA9ACF;
      }
    }
  </style>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  {% block extra_head %}{% endblock %}
  <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
        data-instant-intensity="viewport-all">
    {% block content %}
    {% endblock content %}
    <hr>
    <footer>
      <p>
        <nobr>
          <a href="/david/" title="Aller à l’accueil">Accueil</a>
        </nobr>
        •
        <nobr>
          <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
        </nobr>
        •
        <nobr>
          <a href="http://larlet.com"
             title="Go to my English profile"
             data-instant>Pro</a>
        </nobr>
        •
        <nobr>
          <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
        </nobr>
        •
        <nobr>
          <abbr class="nowrap"
                title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
        </nobr>
      </p>
      <template id="theme-selector">
        <form>
          <fieldset>
            <legend>Thème
            </legend>
            <label>
              <input type="radio" value="auto" name="chosen-color-scheme" checked>
              Auto
            </label>
            <label>
              <input type="radio" value="dark" name="chosen-color-scheme">
              Foncé
            </label>
            <label>
              <input type="radio" value="light" name="chosen-color-scheme">
              Clair
            </label>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
          const chosenColorScheme = e.target.value
          localStorage.setItem('theme', chosenColorScheme)
          toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
          form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
      }

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                continue
              }
            }
            mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
          }

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            styleSheet.insertRule(mediaRule.cssText)
            hasDarkRules = true
          }
        }
        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
        }
      })
    </script>
    {% block extra_body %}{% endblock %}
  </body>
 </html>
--- a/david/templates/feed.xml
+++ b/david/templates/feed.xml
@@ -11,7 +11,7 @@
        <name>David Larlet</name>
        <uri>{{ BASE_URL }}</uri>
    </author>
    <rights>Copyright (c) 2004-2023, David Larlet</rights>
    <rights>Copyright (c) 2004-2024, David Larlet</rights>
    {% for page in page_list %}
        <entry xml:lang="{{ page.lang }}">
            <title type="html">{{ page.escaped_title }}</title>
@@ -21,4 +21,810 @@
            <summary type="html">{{ page.escaped_content }}</summary>
        </entry>
    {% endfor %}
        <entry xml:lang="fr">
            <title type="html">Ailleurs</title>
            <link href="https://larlet.fr/david/2023/12/31/" rel="alternate" type="text/html" />
            <updated>2023-12-31T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/12/31/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;— What a year, huh?&lt;br /&gt;
 — Captain, it’s December&amp;nbsp;31st.&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Ce &lt;em&gt;meme&lt;/em&gt; inversé résume assez bien cette année avec son lot de hauts et de bas. J’avais la tête ailleurs pour &lt;a href=&quot;https://larlet.fr/david/2021/03/17/&quot;&gt;créer&lt;/a&gt; / consolider un collectif qui venait de subir un traumatisme. J’ai l’impression que nous avons réussi·es à trouver un nouvel équilibre avec davantage d’horizontalité, de compréhension de notre cadre de travail mais aussi et surtout des besoins des autres et donc de soi. Un remodelage difficile mais salutaire qui nous a permis aussi d’éponger une importante &lt;em&gt;dette de gestion&lt;/em&gt; après 11&amp;nbsp;années&amp;nbsp;d’existence.&lt;/p&gt;
 &lt;p&gt;J’ai découvert des outils intéressants pour les collectifs dont j’aimerais avoir / prendre le temps de documenter ces prochains mois. Toujours dans l’idée de semer des graines de réflexion ici et ailleurs, je crois qu’il serait pertinent que l’on documente un peu mieux nos pratiques et nos choix. De jolies choses ont poussé ces derniers temps&amp;nbsp;🧑‍🌾. Certains bouts de codes mériteraient d’être rendus publics&amp;nbsp;aussi.&lt;/p&gt;
 &lt;p&gt;Ailleurs, j’ai / on a&amp;nbsp;publié&amp;nbsp;:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href=&quot;https://scopyleft.gitlab.io/les-statuts/&quot;&gt;Les statuts de Scopyleft&lt;/a&gt; avec une volonté de minimalisme et&amp;nbsp;d’explicite&amp;#8239;;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;http://scopyleft.fr/blog/2023/transformation-en-cours/&quot;&gt;Transformation en cours&lt;/a&gt; sur le blog de scopyleft qui &lt;a href=&quot;http://scopyleft.fr/blog/2023/petit-panorama-des-pratiques-de-remuneration-en-horizontalite/&quot;&gt;se réveille&lt;/a&gt;&amp;#8239;;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;https://www.openstreetmap.org/user/David%20Larlet/diary/402475&quot;&gt;uMap: fine-grained permissions and more&lt;/a&gt; sur un blog OpenStreetMap avant de &lt;a href=&quot;https://umap-project.org/fr/&quot;&gt;créer le nôtre&lt;/a&gt;&amp;#8239;;&lt;/li&gt;
 &lt;li&gt;&lt;a href=&quot;https://code.larlet.fr/blog/2023/12/26/umap-et-web-components/&quot;&gt;uMap et Web Components&lt;/a&gt; sur un futur(?) blog&amp;nbsp;technique.&lt;/li&gt;
 &lt;/ul&gt;
 &lt;p&gt;Une forme d’essaimage doux amené à se&amp;nbsp;poursuivre.&lt;/p&gt;
 &lt;p&gt;&lt;strong&gt;Et ici alors&amp;#8239;?&lt;/strong&gt; J’ai besoin de retrouver une forme d’envie de partager, peut-être que ça passera par des notes plus courtes, peut-être par un &lt;em&gt;redesign&lt;/em&gt;, peut-être par une contrainte auto-imposée assez forte, peut-être autre&amp;nbsp;chose.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;— Ah on est bien là à courir, on se sent vivants&amp;#8239;!&lt;br /&gt;
 — Je te rassure, tu es tout le temps vivant…&lt;br /&gt;
 — Ouais mais des fois la maison c’est quand même comme un grand cercueil.&lt;br /&gt;
 — Mmmh, d’accord mais alors dans ma chambre la machine à coudre c’est comme un cœur qui&amp;nbsp;bat.&lt;/p&gt;
 &lt;p&gt;Hier, on a couru 7km pour la première&amp;nbsp;fois&amp;nbsp;💓.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/confiance/&quot;&gt;#confiance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Abonnement</title>
            <link href="https://larlet.fr/david/2023/12/12/" rel="alternate" type="text/html" />
            <updated>2023-12-12T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/12/12/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;20&amp;nbsp;years ago, Chris Anderson told me that it was unrealistic to expect tech companies to refuse demands for DRM from the entertainment companies whose media they hoped to play. My argument – then and now – was that any tech company that sells you a gadget that can have its features revoked is defrauding you. You’re paying for x, y and z – and if they are contractually required to remove x and y on demand, &lt;mark&gt;they are selling you something that you can’t rely on&lt;/mark&gt;, without making that clear to&amp;nbsp;you.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://pluralistic.net/2023/12/08/playstationed/#tyler-james-hill&quot;&gt;Pluralistic: “If buying isn’t owning, piracy isn’t stealing” (08&amp;nbsp;Dec 2023)&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/c5baffcec6831c2b1fe5f3b27ebaeef4/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2020/02/07/#mood&quot;&gt;Rappel&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/12/05/&quot;&gt;quasi&lt;/a&gt;-&lt;a href=&quot;https://larlet.fr/david/2023/02/01/&quot; title=&quot;Ombres&quot;&gt;annuel&lt;/a&gt;&amp;nbsp;: de Netflix à Spotify, la volatilité des catalogues est telle qu’on ne peux compter sur aucune &lt;em&gt;playlist&lt;/em&gt; qui tiendrait dans la durée. Considérant le prix des disques durs externes SSD, il est devenu plus que rentable et pérenne d’entretenir ses propres&amp;nbsp;bibliothèques&amp;#8239;!&lt;/p&gt;
 &lt;p&gt;Ne pensez pas priver plus que ça les artistes de revenus avec ces pratiques, au mieux il leur manquera &lt;a href=&quot;https://www.rollingstone.com/music/music-news/weird-al-yankovic-spotify-wrapped-video-criticism-1234905887/&quot;&gt;un sandwich… par an&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/1ac69ff7b6913bfc4298d9ec0365ca5b/&quot;&gt;cache&lt;/a&gt;).&lt;/p&gt;
 &lt;p&gt;PS&amp;nbsp;: j’ai écouté 🇨🇦 &lt;a href=&quot;https://fr.wikipedia.org/wiki/Pax_Massilia&quot;&gt;Pax Massilia&lt;/a&gt; et ça m’a fait l’effet d’un &lt;em&gt;space cake&lt;/em&gt; de&amp;nbsp;Proust.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🙃 when people say “enshittification”, it’s as if their core complaint about capitalism is the customer service, rather than the systematic exploitation of other people. people don’t talk about union busting as “enshittification”, or wage theft as “enshittification”, let alone deeper systematic&amp;nbsp;issues.&lt;/p&gt;
 &lt;p&gt;people talk about enshittification to mean &lt;mark&gt;“i can&#x27;t watch my favourite tv show any&amp;nbsp;more”&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://cohost.org/tef/post/3175066-enshittification-is&quot;&gt;enshittification is what happens when a disney adult learns about captialism&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/37d6792aae27bda5e258f7a1b052045a/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/gafam/&quot;&gt;#gafam&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/propriete/&quot;&gt;#propriété&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Développement(s)</title>
            <link href="https://larlet.fr/david/2023/12/08/" rel="alternate" type="text/html" />
            <updated>2023-12-08T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/12/08/</id>
            <summary type="html">
 &lt;p&gt;J’ai un peu de mal ces temps-ci à dire que je suis un développeur car j’ai l’impression de passer énormément d’énergie à faire d’autres choses. Lorsqu’on me demande ce que je fais, je dis «&amp;nbsp;des trucs, de-ci de-là…&amp;nbsp;», rien de bien grandiloquent. Une bonne partie de mes journées est passée dans la gestion de Scopyleft (au sens très large), une autre à interagir avec les équipes avec lesquelles je travaille. Et puis parfois, l’après-midi ou le soir, lorsqu’il n’y a ni grève, ni neige, ni journée pédagogique, ni covid, ni flemme, il m’arrive de coder des&amp;nbsp;trucs.&lt;/p&gt;
 &lt;h2&gt;Anthologie&amp;nbsp;Palatine&lt;/h2&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-anthologie-palatine.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-anthologie-palatine.jpg&quot;
            width=&quot;2862&quot; height=&quot;2124&quot;
            srcset=&quot;/static/david/2023/2023-12-08-anthologie-palatine.jpg 2862w, /static/david/2023/2023-12-08-anthologie-palatine_660x440.jpg 660w, /static/david/2023/2023-12-08-anthologie-palatine_990x660.jpg 990w, /static/david/2023/2023-12-08-anthologie-palatine_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2862 / 2124))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Projet de longue date avec la &lt;a href=&quot;https://www.ecrituresnumeriques.ca/&quot;&gt;Chaire du Canada sur les écritures numériques&lt;/a&gt; qui consiste à rendre possible le parcours et l’analyse de &lt;a href=&quot;https://anthologiagraeca.org/&quot;&gt;textes en Grec ancien&lt;/a&gt;. C’est un peu en pause depuis le début de l’année mais j’ai pris beaucoup de plaisir à échanger / pairer techniquement avec Sarah (de Scopyleft) sur ces&amp;nbsp;évolutions.&lt;/p&gt;
 &lt;p&gt;Participer à de la recherche par l’angle du développement est &lt;del&gt;un des moyens d’être bien payé&lt;/del&gt; une façon de garder un pied dans un domaine qui me fait mouliner le cerveau pour autre chose que le profit des&amp;nbsp;autres.&lt;/p&gt;
 &lt;h2&gt;Pressoir&lt;/h2&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-ateliers-sens-public.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-ateliers-sens-public.jpg&quot;
            width=&quot;2288&quot; height=&quot;2122&quot;
            srcset=&quot;/static/david/2023/2023-12-08-ateliers-sens-public.jpg 2288w, /static/david/2023/2023-12-08-ateliers-sens-public_660x440.jpg 660w, /static/david/2023/2023-12-08-ateliers-sens-public_990x660.jpg 990w, /static/david/2023/2023-12-08-ateliers-sens-public_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2288 / 2122))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Toujours avec la &lt;a href=&quot;https://www.ecrituresnumeriques.ca/&quot;&gt;Chaire du Canada sur les écritures numériques&lt;/a&gt;, parce qu’on apprécie bien de travailler ensemble, on a fait il y a quelques années un outil permettant de générer des livres numériques à partir de sources en &lt;em&gt;markdown&lt;/em&gt;.&lt;/p&gt;
 &lt;p&gt;Cela a donné lieu à &lt;a href=&quot;https://ateliers.sens-public.org/&quot;&gt;deux&lt;/a&gt; &lt;a href=&quot;http://parcoursnumeriques-pum.ca/&quot;&gt;collections&lt;/a&gt; enrichies de contenus numériques (vidéos, etc).&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-presses-universitaires-montreal.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-presses-universitaires-montreal.jpg&quot;
            width=&quot;2310&quot; height=&quot;2108&quot;
            srcset=&quot;/static/david/2023/2023-12-08-presses-universitaires-montreal.jpg 2310w, /static/david/2023/2023-12-08-presses-universitaires-montreal_660x440.jpg 660w, /static/david/2023/2023-12-08-presses-universitaires-montreal_990x660.jpg 990w, /static/david/2023/2023-12-08-presses-universitaires-montreal_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2310 / 2108))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Depuis l’automne, on assume d’avoir fait un &lt;a href=&quot;https://gitlab.huma-num.fr/ecrinum/pressoir-cli/&quot;&gt;Générateur de Livres Statiques&lt;/a&gt; et on essaye de le rendre plus polyvalent / autonome. C’est un exercice de recherche qui va vers une dé-GAFAM-isation et qui m’intéresse &lt;a href=&quot;https://larlet.fr/david/biologeek/archives/20060119-open-articles-liberez-votre-savoir/&quot;&gt;depuis un bout de&amp;nbsp;temps…&lt;/a&gt;&lt;/p&gt;
 &lt;h2&gt;Stylo&lt;/h2&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-stylo-export.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-stylo-export.jpg&quot;
            width=&quot;2302&quot; height=&quot;1770&quot;
            srcset=&quot;/static/david/2023/2023-12-08-stylo-export.jpg 2302w, /static/david/2023/2023-12-08-stylo-export_660x440.jpg 660w, /static/david/2023/2023-12-08-stylo-export_990x660.jpg 990w, /static/david/2023/2023-12-08-stylo-export_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2302 / 1770))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Puisque j’en suis sur la recherche, j’ai aussi contribué modestement à l’éditeur de texte &lt;a href=&quot;https://stylo.huma-num.fr/&quot;&gt;Stylo&lt;/a&gt; pour la partie export. Cela m’a fait plonger dans l’univers de &lt;a href=&quot;https://gitlab.huma-num.fr/ecrinum/stylo/pandoc-api&quot;&gt;Pandoc&lt;/a&gt; (et Docker), de la bibliographie académique et puis j’ai refait des API et j’aime bien&amp;nbsp;ça.&lt;/p&gt;
 &lt;h2&gt;LABRRI&lt;/h2&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-labrri.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-labrri.jpg&quot;
            width=&quot;2446&quot; height=&quot;2028&quot;
            srcset=&quot;/static/david/2023/2023-12-08-labrri.jpg 2446w, /static/david/2023/2023-12-08-labrri_660x440.jpg 660w, /static/david/2023/2023-12-08-labrri_990x660.jpg 990w, /static/david/2023/2023-12-08-labrri_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2446 / 2028))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Pour finir côté recherche, j’ai accompagné le &lt;a href=&quot;https://labrri.net/&quot;&gt;LABRRI&lt;/a&gt; dans l’analyse et la mise en forme de leurs données autour de situations interculturelles au Québec. C’est en interagissant avec des personnes peu/pas techniques que j’ai l’impression de progresser aujourd’hui. Cela permet de revoir les contraintes, l’autonomie, la consommation des ressources, les outils déjà en place. Cette prise de recul est nécessaire pour un avenir&amp;nbsp;frugal.&lt;/p&gt;
 &lt;p&gt;Le sujet en lui-même est une façon de m’intégrer au Québec en analysant le prisme des incompréhensions culturelles qu’il peut parfois y&amp;nbsp;avoir.&lt;/p&gt;
 &lt;h2&gt;Croix-Rouge&lt;/h2&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-croix-rouge-aime.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-croix-rouge-aime.jpg&quot;
            width=&quot;2340&quot; height=&quot;2124&quot;
            srcset=&quot;/static/david/2023/2023-12-08-croix-rouge-aime.jpg 2340w, /static/david/2023/2023-12-08-croix-rouge-aime_660x440.jpg 660w, /static/david/2023/2023-12-08-croix-rouge-aime_990x660.jpg 990w, /static/david/2023/2023-12-08-croix-rouge-aime_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2340 / 2124))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;On a mis en place un outil pour qu’un lieu d’accueil et d’orientation puisse donner des formations à des mineurs étrangers avec &lt;a href=&quot;https://www.maiwann.net/&quot;&gt;Maïtané&lt;/a&gt; et c’était émotionnellement intense. Beaucoup de &lt;a href=&quot;https://larlet.fr/david/2023/02/18/&quot; title=&quot;Quiz&quot;&gt;remises en questions techniques&lt;/a&gt; personnelles mais surtout de réflexions sur quelles sont les véritables héroïnes de ce&amp;nbsp;monde…&lt;/p&gt;
 &lt;p&gt;Un des enjeux était de voir ce que l’on arrivait à produire avec un budget très restreint (pour le domaine). Il y aurait de la matière pour un article&amp;nbsp;dédié.&lt;/p&gt;
 &lt;h2&gt;Outils&amp;nbsp;scopyleft&lt;/h2&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-outils-scopyleft.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-outils-scopyleft.jpg&quot;
            width=&quot;2430&quot; height=&quot;2124&quot;
            srcset=&quot;/static/david/2023/2023-12-08-outils-scopyleft.jpg 2430w, /static/david/2023/2023-12-08-outils-scopyleft_660x440.jpg 660w, /static/david/2023/2023-12-08-outils-scopyleft_990x660.jpg 990w, /static/david/2023/2023-12-08-outils-scopyleft_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2430 / 2124))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;J’ai produit et maintenu une quinzaine d’outils pour &lt;a href=&quot;http://scopyleft.fr/&quot;&gt;Scopyleft&lt;/a&gt; au cours de l’année. C’est beaucoup et je m’en suis rendu compte au moment où j’ai dû faire une page pour en faire la liste car on avait du mal à nous y retrouver&amp;#8239;! Plus que les outils en eux-mêmes, c’est la structuration et l’aide qu’ils ont pu apporter à des moments critiques qui me&amp;nbsp;réjouit.&lt;/p&gt;
 &lt;p&gt;J’ai aussi développé pas mal de bouts de code relatifs à l’automatisation / vérification des sous-traitant·es qui sont de plus en plus nombreuses avec le &lt;a href=&quot;https://www.data.gouv.fr/fr/datasets/realisation-de-services-publics-numeriques-en-mode-produit-coordonnes-par-le-programme-interministeriel-beta-gouv/&quot;&gt;marché public&lt;/a&gt; que l’on a remporté il y a quelques années. Extraire et vérifier des données issues de PDF provenant de l’administration ou d’outils de comptabilité n’est pas une mince&amp;nbsp;affaire…&lt;/p&gt;
 &lt;h2&gt;uMap&lt;/h2&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-umap-anct.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-umap-anct.jpg&quot;
            width=&quot;2472&quot; height=&quot;2124&quot;
            srcset=&quot;/static/david/2023/2023-12-08-umap-anct.jpg 2472w, /static/david/2023/2023-12-08-umap-anct_660x440.jpg 660w, /static/david/2023/2023-12-08-umap-anct_990x660.jpg 990w, /static/david/2023/2023-12-08-umap-anct_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2472 / 2124))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Au printemps dernier, Yohan m’a motivé pour que l’on transforme un logiciel open-source en commun tout en se faisant financer par l’État. Je dois avouer que j’étais un peu dubitatif mais j’ai tenté le coup. Quelques mois après, on a une &lt;a href=&quot;https://umap.incubateur.anct.gouv.fr/&quot;&gt;instance souveraine&lt;/a&gt; en production, des centaines d’&lt;em&gt;issues&lt;/em&gt; traitées, un &lt;a href=&quot;https://umap-project.org/&quot;&gt;site dédié&lt;/a&gt; avec une possibilité de financement participatif, des mises à jour régulières, des réflexions de fond avec la communauté, un financement par &lt;a href=&quot;https://nlnet.nl/&quot;&gt;NLnet&lt;/a&gt;, etc.&lt;/p&gt;
 &lt;p&gt;Pari tellement réussi qu’on a décidé de me passer en mécénat de compétences avec Scopyleft pour les derniers mois de l’année. Il faudra que je fasse un billet&amp;nbsp;dédié.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-12-08-umap-project.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-12-08-umap-project.jpg&quot;
            width=&quot;2462&quot; height=&quot;2108&quot;
            srcset=&quot;/static/david/2023/2023-12-08-umap-project.jpg 2462w, /static/david/2023/2023-12-08-umap-project_660x440.jpg 660w, /static/david/2023/2023-12-08-umap-project_990x660.jpg 990w, /static/david/2023/2023-12-08-umap-project_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2462 / 2108))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Capture d’écran du produit&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Capture d’écran du&amp;nbsp;produit.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;hr /&gt;
 &lt;p&gt;La plupart de ces sites sont statiques ou &lt;a href=&quot;https://larlet.fr/david/2023/09/13/&quot; title=&quot;Documentation&quot;&gt;semynamiques&lt;/a&gt;, sans faire appel à NPM.&amp;nbsp;Vous n’avez pas idée d’à quel point cela me tranquillise et augmente mon efficacité en terme de maintenance sur le long&amp;nbsp;terme.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/recherche/&quot;&gt;#recherche&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Équivalent</title>
            <link href="https://larlet.fr/david/2023/12/06/" rel="alternate" type="text/html" />
            <updated>2023-12-06T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/12/06/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Un vol aller-retour entre Paris et Montréal (11&amp;#8239;080&amp;#8239;km) émet 2,5&amp;nbsp;tonnes de &lt;mark&gt;dioxyde de carbone équivalent&lt;/mark&gt; dans l’atmosphère par passager&amp;nbsp;[…]&lt;/p&gt;
 &lt;p&gt;&lt;strong&gt;Comment contrebalancer les émissions CO₂e de votre&amp;nbsp;Paris-Montréal&amp;#8239;?&lt;/strong&gt;&lt;/p&gt;
 &lt;p&gt;Diminuer votre chauffage&amp;nbsp;: 21&amp;nbsp;ans et 3&amp;nbsp;mois&lt;br /&gt;
 Réduire vos déchets&amp;nbsp;: 12&amp;nbsp;ans et 9&amp;nbsp;mois&lt;br /&gt;
 Adopter des gestes d’écoconduite&amp;nbsp;: 12&amp;nbsp;ans et 9&amp;nbsp;mois&lt;br /&gt;
 Se nourrir localement&amp;nbsp;: 8&amp;nbsp;ans et 6&amp;nbsp;mois&lt;br /&gt;
 Adopter un régime végétarien&amp;nbsp;: 5&amp;nbsp;ans et 6&amp;nbsp;mois&lt;br /&gt;
 Adopter un régime végan&amp;nbsp;: 3&amp;nbsp;ans et 4&amp;nbsp;mois&lt;br /&gt;
 Passer à de l’électricité 100&amp;#8239;% renouvelable&amp;nbsp;: 1&amp;nbsp;an et 7&amp;nbsp;mois&lt;br /&gt;
 Abandonner la voiture&amp;nbsp;: 1&amp;nbsp;an et&amp;nbsp;3&amp;nbsp;mois&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.lemonde.fr/les-decodeurs/article/2023/12/05/vous-voulez-compenser-votre-vol-en-avion-par-des-ecogestes-voici-combien-de-temps-cela-vous-prendra_6204046_4355770.html&quot;&gt;Vous voulez «&amp;nbsp;compenser&amp;nbsp;» votre vol en avion par des écogestes&amp;#8239;? Voici combien de temps cela vous&amp;nbsp;prendra&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Je suis de plus en plus convaincu que l’on ne changera pas nos habitudes avant que les réserves de pétrole / charbon / gaz ne soient&amp;nbsp;vides.&lt;/p&gt;
 &lt;p&gt;Pénuries, famines, rapports de forces changeants, le capitalisme est très résilient dans ces situations. Il n’y a guère que la solidarité qui pourrait entamer un tel système et il comporte suffisamment de mécanismes pour s’en&amp;nbsp;protéger.&lt;/p&gt;
 &lt;p&gt;Un «&amp;nbsp;dioxyde de carbone équivalent&amp;nbsp;» est tellement scientifique, la mesure parait si propre. Combien d’«&amp;nbsp;humains morts équivalents&amp;nbsp;»&amp;#8239;? Combien de «&amp;nbsp;générations en état de suffocation équivalent&amp;nbsp;»&amp;#8239;? Combien d’«&amp;nbsp;espèces anéanties&amp;nbsp;équivalent&amp;nbsp;»&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;&lt;a href=&quot;https://theconversation.com/why-are-people-still-flying-to-climate-conferences-by-private-jet-218459&quot;&gt;Et pendant ce temps là… un vol en bandes organisées.&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/328976d647ab5dbf9ff820f2cfe35e5a/&quot;&gt;cache&lt;/a&gt;)&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;📧 Hope the air where you are is somewhat breathable today! Just wanted to circle back around on that&amp;nbsp;report.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.mcsweeneys.net/articles/email-greetings-for-modern-times&quot;&gt;Email Greetings for Modern Times&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/ec3d02a88dc8597c24f1b32b9cf51d41/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/incompetence/&quot;&gt;#incompétence&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">NostAlgIe</title>
            <link href="https://larlet.fr/david/2023/12/03/" rel="alternate" type="text/html" />
            <updated>2023-12-03T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/12/03/</id>
            <summary type="html">
 &lt;p&gt;Paradoxalement, les &lt;abbr title=&quot;Large Language Model&quot;&gt;LLM&lt;/abbr&gt; qui sont annoncés comme étant l’avenir ne font que reproduire ce qui a eu lieu dans le passé. Comme un auto-correct qui ne saurait pas que la langue évolue. Chaque &lt;em&gt;prompt&lt;/em&gt; demande à notre passé de construire notre avenir, une forme d’héritage numérique auquel il va falloir&amp;nbsp;s’habituer.&lt;/p&gt;
 &lt;p&gt;Considérant que nous sommes à un moment charnière où il faudrait justement dévier d’une trajectoire passée qui nous propulse à +trop-de-degrés, ces outils —&amp;nbsp;par nature&amp;nbsp;— réactionnaires ne sont-ils pas en train de nous conforter dans nos erreurs&amp;nbsp;passées&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;Et c’est là où ça devient intéressant, peut-on de manière éthique choisir d’être orientés et quelles dérives certaines cela aurait&amp;#8239;? Il y a déjà des biais énormes sur les jeux d’apprentissage mais est-ce que je pourrais choisir par exemple une &lt;em&gt;saveur&lt;/em&gt; de ChatGPT &lt;a href=&quot;https://www.wired.com/story/search-engine-ecosia-generative-ai-revolution/&quot;&gt;qui ait été définie par Ecosia&amp;#8239;?&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/b3accd4d0eb51c1628b85144224efa04/&quot;&gt;cache&lt;/a&gt;) Quels paramètres politiques sont acceptables&amp;#8239;? Et pour&amp;nbsp;qui&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;Bref, c’était mieux avant&amp;nbsp;🙃.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🙄 Provides neutral analysis, fostering open communication and&amp;nbsp;trust.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://liarliar.ai/&quot;&gt;LiarLiar.ai&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;✍️ Even if there are no real updates there is always something to say. In those moments, I write about something that happened to me this week. A small anecdote. &lt;mark&gt;Something human.&lt;/mark&gt; Something grounding. No design mic-drops. No condescending words of&amp;nbsp;wisdom.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://markboulton.co.uk/journal/an-anchor/&quot;&gt;An Anchor - Mark Boulton&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/ef356702864a79503a82ed2e288dd6fb/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🧑‍⚖️ The Functional Source License (FSL) is a mostly permissive non-compete license that converts to Apache 2.0&amp;nbsp;or MIT after two years. It is designed for SaaS companies that value both user freedom and developer sustainability. FSL provides everything a developer needs to use and learn from your software without harmful&amp;nbsp;free-riding.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://fsl.software/&quot;&gt;FSL&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Papillon</title>
            <link href="https://larlet.fr/david/2023/12/01/" rel="alternate" type="text/html" />
            <updated>2023-12-01T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/12/01/</id>
            <summary type="html">
 &lt;p&gt;Plus je suis stressé et plus je m’éparpille, une façon de canaliser mon cerveau qui bouillonne, une tentative pour étouffer ce qui remue au fond par un ensevelissement de tâches plus ou moins f·utiles. La beauté de ce mécanisme c’est que même en étant pleinement conscient de cela, je n’ai pas pour autant une prise dessus. Alors je lâche-prise justement, j’accepte cette période, surtout si je sais qu’elle est bornée par une date clé. Savoir qu’il va y avoir un après est déjà&amp;nbsp;libérateur.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🤯 As a family, we have a secret pass phrase to check identity between ourselves in the event of an unexpected video&amp;nbsp;call.&lt;/p&gt;
 &lt;p&gt;It’s a sticking plaster solution. &lt;mark&gt;Long term I suspect we all need 2FA for&amp;nbsp;humans.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;In the meantime, maybe the most effective ward against deepfakes is simply to turn&amp;nbsp;sideways?&lt;/p&gt;
 &lt;p&gt;We should build the habit now. At the beginning of every call, exchange a quick proof-of-humanity by showing our&amp;nbsp;ears.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://interconnected.org/home/2023/09/22/wards&quot;&gt;Old wards and new against fake humans&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/60461be5ec82443fd6a7c12f29e40587/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🦫 “As our collaborator Joe Wheaton [from Utah State University] likes to say, ‘water doesn’t burn,’” Kolarik says. “Beavers maintain healthy riverscapes which store carbon and water. Consistent access to water is key to mitigating the effects of climate disturbances like&amp;nbsp;drought.”&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;Beavers’ role as firefighters&lt;/mark&gt; has already been documented in Idaho. A 2018&amp;nbsp;technical report by Anabranch Solutions, a river restoration company, found that beavers were a major factor in decreasing burn intensity along Baugh Creek during that year’s Sharps&amp;nbsp;Fire.&lt;/p&gt;
 &lt;p&gt;“Where active beaver dams were present, native riparian vegetation persisted, unburnt,” the authors wrote. In our hotter and fierier world, beavers are a&amp;nbsp;buffer.&lt;/p&gt;
 &lt;p&gt;“I once heard a rancher use the analogy of sponges when referring to valley bottoms. If we can successfully rewet the sponges, the West will be much more resilient to climate change, and beavers can keep those sponges wet,” Kolarik&amp;nbsp;says.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://news.mongabay.com/2023/09/nasa-satellites-reveal-restoration-power-of-beavers/&quot;&gt;NASA satellites reveal restoration power of beavers&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/7732c1cdc56a5db0f2fd3117f9522fa8/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;✋ It should be strictly &lt;strong&gt;opt-in&lt;/strong&gt;. No one should be required to provide their work for free to any person or organization. The online community is under no responsibility to help them create their products. Some will declare that I am “Anti-AI” for saying such things, but that would be a misrepresentation. I am not declaring that these systems should be torn down, simply that &lt;mark&gt;their developers aren’t entitled to our work.&lt;/mark&gt; They can still build those systems with purchased or donated&amp;nbsp;data.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/&quot;&gt;Block the Bots that Feed “AI” Models by Scraping Your Website&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/af6aeab9b848e78334e31b9b7a668413/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;😔 Our community has persistent and pervasive problems of a particular sort which we are not allowed to talk about: sexual harassment and assault. Men who assault, harass, and even rape women in our spaces, are protected. A culture of silence is enforced, and those who call out rape, sexual assault, or harassment, those who criticise they who enable and protect these behaviors, are punished, swiftly and&amp;nbsp;aggressively.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://drewdevault.com/2023/09/29/The-forbidden-topics.html&quot;&gt;The forbidden topics&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/ae2b427ba896475633726fdd731caf09/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;☢️ [en] The Soviet RTG program is – for me – a foreboding engineering parable about the cost of deploying an idea with no plans for future maintenance. Sure, I can deploy this hot new tech now and it does the job in new and clever ways, but what is the impact if we don’t have a plan for regular maintenance? When future people interact with my contraption, will it work and will it kill anyone? Y’know, the basic concerns every software project deals&amp;nbsp;with.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://daverupert.com/2023/05/soviet-rtgs/&quot;&gt;Lessons from Soviet Russia on deploying small nuclear generators&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/90e565ff0043e34d7fcfc087d66555d3/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🚴 Je n’ai ni gagné ni perdu de poids, je saurais pas dire si il y a le moindre changement niveau muscles/graisse. D’après Strava, je brulais en moyenne 2000&amp;nbsp;kcal par jour à&amp;nbsp;vélo.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://virgule.net/blog/vacances_a_velo_2023.html&quot;&gt;Vacances à vélo 2023&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/7863cd9fd3df50880d0d8841307b05f2/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🎯 En tant que travailleurs de la tech, très souvent, nous faisons partie du système, nous participons au problème, &lt;mark&gt;nous sommes un maillon de la chaine productiviste&lt;/mark&gt;&amp;nbsp;: par notre travail, nous contribuons à des modèles capitalistiques coloniaux, le profit de certains au détriment de tous, l’accaparement des ressources de la planète, l’asservissement des êtres humains les plus pauvres et la destruction du&amp;nbsp;vivant.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://richardhanna.dev/blog/2023/ecoconception-ne-suffit-pas.html&quot;&gt;Écoconception des services numériques, et si ça ne suffisait pas&amp;#8239;?&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/026e36c493ee97a30d613864813aaae1/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Dix</title>
            <link href="https://larlet.fr/david/2023/11/27/" rel="alternate" type="text/html" />
            <updated>2023-11-27T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/11/27/</id>
            <summary type="html">
 &lt;p&gt;Dix ans que j’apprends à être père. Que la réaction cellulaire en chaîne aspire à devenir incontrôlable. Que ½ plus ½ fait 1&amp;nbsp;tout différent qui découvre ses propres singularités. C’est beau, c’est précieux, c’est un exercice d’équilibriste chaque jour pour que l’ébullition ne fasse pas déborder la&amp;nbsp;casserole.&lt;/p&gt;
 &lt;p&gt;Je suis content que tu aies choisi une machine à coudre comme cadeau. Et que tu sois si heureux et reconnaissant. Je vais m’endormir avec le sourire… et toi&amp;nbsp;aussi.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Perspective</title>
            <link href="https://larlet.fr/david/2023/09/27/" rel="alternate" type="text/html" />
            <updated>2023-09-27T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/09/27/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Let’s call the generally pro-Tailwind group &lt;em&gt;Builders&lt;/em&gt;, and let’s call the generally anti-Tailwind group &lt;em&gt;Crafters&lt;/em&gt;.&lt;/p&gt;
 &lt;p&gt;This isn’t to say that Crafters don’t build things, or that the Builders aren’t skilled craftspeople. But as a quick and messy shorthand, let’s go with it for a moment, because I think it hints at the values of these two&amp;nbsp;groups.&lt;/p&gt;
 &lt;p&gt;[…]&lt;/p&gt;
 &lt;p&gt;Builders clearly value getting the work done as quickly and efficiently as possible. They are making something—likely something with parts beyond the frontend—and are eager to see it through to&amp;nbsp;completion.&lt;/p&gt;
 &lt;p&gt;[…]&lt;/p&gt;
 &lt;p&gt;On the other side, the Crafters tend to be seasoned CSS specialists, and almost always enjoy the part of the work that Tailwind is supposed to make easier. It’s fair to say they’ve overcome the challenge presented by CSS—or, at least, &lt;mark&gt;that this is where they &lt;em&gt;like&lt;/em&gt; to be&amp;nbsp;challenged.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;Crafters may be building holistic products and projects, just like Builders. But Crafters generally are less focused on &lt;em&gt;getting through&lt;/em&gt; the frontend as a &lt;em&gt;part&lt;/em&gt; of that work, and instead see the frontend as &lt;em&gt;the product itself&lt;/em&gt;.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://joshcollinsworth.com/blog/tailwind-is-smart-steering&quot;&gt;Classic rock, Mario Kart, and why we can’t agree on Tailwind&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/2074a4d527220f5ddf2dc0b4e678c83a/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Un article nuancé qui pose le doigt sur la différence de point de vue dans l’utilisation des outils. Oui, c’est le second article technique d’affilé, après je vais prendre mes&amp;nbsp;gouttes.&lt;/p&gt;
 &lt;p&gt;Le parallèle est intéressant avec les joueurs et les audiophiles car on est toujours dans la recherche de l’accomplissement au-delà de la performance pure. Une histoire de plaisir à arpenter le chemin et à le rendre accessible au plus grand nombre… tout en ayant conscience d’être un peu élitiste en se permettant cela car la face nord offre d’autres&amp;nbsp;défis.&lt;/p&gt;
 &lt;p&gt;Je respecte —&amp;nbsp;et j’admire de plus en plus&amp;nbsp;— les personnes qui n’ont pas besoin d’entrer à fond dans un sujet pour s’amuser. Il y a une innocence dont émane une forme de beauté. Certain·es pourraient y lire une condescendance mal placée mais pas du tout, cette recherche est bien trop souvent un fardeau chronophage qui pourrit la vie et les relations. Un groupe sain nécessite probablement d’avoir les deux façons d’appréhender les choses pour arriver à l’équilibre instable qui consiste à aller de&amp;nbsp;l’avant.&lt;/p&gt;
 &lt;p&gt;Oh, et pour revenir aux CSS, &lt;strong&gt;pour mon usage&lt;/strong&gt; qui est de faire des petits outils résilients en équipe réduite, j’utilise de plus en plus des &lt;em&gt;frameworks&lt;/em&gt; &lt;a href=&quot;https://github.com/dbohdan/classless-css&quot;&gt;sans classes&lt;/a&gt; (ahum) comme &lt;a href=&quot;https://picocss.com/&quot;&gt;Pico.css&lt;/a&gt; qui procurent une base saine, configurable et facilement portable. Est-ce que cela fait de moi un &lt;em&gt;Brafter&lt;/em&gt;&amp;#8239;? (&lt;a href=&quot;https://www.urbandictionary.com/define.php?term=Braft&quot;&gt;Non&lt;/a&gt;.)&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;✍️ Most people default to one or another behavior but rarely use them exclusively. Writers will often benefit from talking things out when they get stuck; and talkers will find that occasionally writing something down helps solidify their thoughts. Both strategies can be learned. Whether you’re a writer or a talker isn’t about your inability to do one or the other so much as it is a preferred or optimized&amp;nbsp;mode.&lt;/p&gt;
 &lt;p&gt;This is, incidentally, &lt;mark&gt;a much more valuable way of understanding different working styles&lt;/mark&gt; than the old maker vs manager canard. Both talkers and writers make things (including decisions), but they means by which they make things—and the needs they have in relation to their colleagues—are not the&amp;nbsp;same.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://everythingchanges.us/blog/writers-and-talkers-and-leaders/&quot;&gt;Writers and talkers and leaders, oh my!&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/b2292d98e9d54537c13b8c1e2cae5583/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🐉 But in general, I’d still be wary of using local-first outside real-time / multiplayer / offline use cases. &lt;mark&gt;Local-first is definitely still bleeding-edge.&lt;/mark&gt; You will hit unexpected problems. A good community has rapidly developed, but there’ll still be some stretches on the road where you’ll have to solve novel&amp;nbsp;problems.&lt;/p&gt;
 &lt;p&gt;So: if you need local-first, see if it makes sense to isolate the local-first parts and architect the rest of the app (for now) in a more conventional&amp;nbsp;fashion.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://bricolage.io/some-notes-on-local-first-development/&quot;&gt;Some notes on Local-First Development&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/49f2ce04dd0beb94dc2f662163bc6339/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;😔 En fait ma plus grande inquiétude dans ses parcours hors-circuits sont les autres humains, ceux qui ne comprendraient pas ma&amp;nbsp;démarche.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2023/03/03/suburb&quot;&gt;banlieue ou suburb&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/5f93f91a46391e0e120dac49298857d1/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/complexite/&quot;&gt;#complexité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/recherche/&quot;&gt;#recherche&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Éco-conception</title>
            <link href="https://larlet.fr/david/2023/09/23/" rel="alternate" type="text/html" />
            <updated>2023-09-23T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/09/23/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;De mon temps on disait pas «&amp;nbsp;écoconception&amp;nbsp;» on disait juste «&amp;nbsp;appliquer les prérequis basiques du métier de dev&amp;nbsp;» et on n’était pas plus&amp;nbsp;malheureux.&lt;/p&gt;
 &lt;p&gt;S’il vous faut une formation pour vous empêcher d’afficher 10&amp;#8239;Mo d’images sur votre homepage et d’empiler 50&amp;nbsp;frameworks JS pour faire un formulaire, &lt;mark&gt;c’est peut-être que votre titre initial de «&amp;nbsp;dev full stack senior&amp;nbsp;» était légèrement usurpé.&lt;/mark&gt; Et si l’interopérabilité, la rétrocompatibilité, l’amélioration progressive, l’accessibilité et les perfs sont pour vous de nouvelles compétences tendance à faire valoir sur un CV, je suis navré de vous annoncer que vous étiez jusque ici un&amp;nbsp;escroc.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://mastodon.social/@STPo/111101966708210843&quot;&gt;STPo sur&amp;nbsp;mastodon&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Ce n’est pas vraiment un secret que je fasse partie de la team vieux-rageux-qui-lève-ses-poings-vers-le-ciel (et surtout les yeux&amp;nbsp;🙄) lorsqu’on parle de technique et de web. Le pire étant que plus le temps passe et plus j’ai le sentiment que cette profession se crée sa propre utilité. Il faudrait que je lise &lt;em&gt;Bullshit Jobs&lt;/em&gt; pour être certain de ne pas dire n’importe quoi mais je crois bien que ça s’en rapproche de plus en plus. Ou alors j’en prends davantage&amp;nbsp;conscience.&lt;/p&gt;
 &lt;p&gt;Et ça m’embête autant que de jardiner dans mon petit potager bio tout en vivant au milieu d’une zone commerciale géante bariolée de publicités et traversée par des &lt;abbr title=&quot;sport utility vehicle&quot;&gt;SUV&lt;/abbr&gt; et autres &lt;em&gt;pickups&lt;/em&gt;. Toute ressemblance avec ma dissonance cognitive actuelle serait bien évidemment&amp;nbsp;fortuite.&lt;/p&gt;
 &lt;p&gt;En ce moment, à 15h50, j’écoute les enfants à la fenêtre préparer la chanson de l’année où &lt;a href=&quot;https://www.lafabriqueculturelle.tv/capsules/14586/le-grand-rendez-vous-de-fanny-bloom-et-l-osm-une-chanson-a-l-ecole-les-journees-de-la-culture&quot;&gt;Fanny Bloom leur demande de planter des arbres&lt;/a&gt; alors qu’il y a une file de voitures de plus de 2&amp;nbsp;tonnes qui attendent la sortie de leurs chers bambins. Tout ça pour s’éviter de faire quelques centaines de mètres à&amp;nbsp;pied.&lt;/p&gt;
 &lt;p&gt;Je crois que c’est ça l’éco-conception sur le web&amp;nbsp;: réduire la taille d’une image afin de réduire son empreinte carbone tout en ayant demandé à un &lt;abbr title=&quot;Large Language Model&quot;&gt;LLM&lt;/abbr&gt; de l’avoir&amp;nbsp;générée.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🎯 However, despite recognizing the danger of an increasingly closed internet, many web developers don’t consider their own technical decisions and how those decisions can also contribute to the disappearance of web’s &lt;em&gt;culture&lt;/em&gt; of&amp;nbsp;openness.&lt;/p&gt;
 &lt;p&gt;Inadvertently (for the most part) technical trends and decisions in web development in &lt;mark&gt;the last two decades have lead to what we term a “Technical Enclosure” of the web,&lt;/mark&gt; a processes whereby technical decisions chip away at the #ViewSource affordance that Cory Doctorow discusses in the opening quote of this article, an affordance that existed as a commons for early web&amp;nbsp;developers.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://htmx.org/essays/right-click-view-source/&quot;&gt;The #ViewSource Affordance&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/2782723c95c98a22087e9954b07a8fba/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🤗 I hate what data is doing to the web. I hate that some people get obsessed with data. I hate that the entire advertising and marketing world has evolved to only care about data. But I realize that this will not change. Still, &lt;mark&gt;I like to do my part&lt;/mark&gt; which is why I try hard to not collect and keep any data about&amp;nbsp;you.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://manuelmoreale.com/i-don-t-want-your-data&quot;&gt;I don’t want your data&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/73f0ab0b4336be702e863205bd1bbace/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🧑‍⚕️ We in software, sadly, tend to be in the treatments business, not in the patients business. &lt;mark&gt;We’re Big Pharma.&lt;/mark&gt; And in the same way that Big Pharma invests massively in persuading us that we have the illness their potion cures, we have a tendency to try to get the customer’s problem to fit our solution. And so it is that “productivity” tends to be about the potion, and not the&amp;nbsp;patient.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://codemanship.wordpress.com/2023/09/25/the-illusion-of-developer-productivity-opens-the-door-to-snake-oil/&quot;&gt;The Illusion Of Developer “Productivity” Opens The Door To Snake Oil&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/d048e59b323783f6de3b03bda43a02cc/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote&gt;
 &lt;p&gt;💜 Quand il laisse couler l’eau dans la casserole pour préparer un café, il pense aux instants qui continuent de glisser entre ses doigts et dont il a peur que l’oubli n’efface les derniers sourires jusqu’à ne plus reconnaître la personne sur la photo. Où bien est-ce la photo d’un ancêtre dont les cendres sont peut-être encore sur le coin d’une étagère dans la maison et dont on se dit que les minutes longues en nettoyant la vaisselle permettent la sérénité possible à l’évasion d’une enfance&amp;nbsp;heureuse&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2023/03/15/envers&quot;&gt;endroit de l’envers&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/19a9d6fbfc9b17021f013e71ffb45593/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/nostalgie/&quot;&gt;#nostalgie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/qualite/&quot;&gt;#qualité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Documentation</title>
            <link href="https://larlet.fr/david/2023/09/13/" rel="alternate" type="text/html" />
            <updated>2023-09-13T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/09/13/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;The deeper I dig into my research, the more case studies and examples I find. Institutional memory is frequently overlooked and undervalued - until the moment when someone needs access to memory right now, and of course by then it’s too late. Good remembering means turning tacit knowledge into explicit knowledge; &lt;mark&gt;if all your tacit knowledge has left the building inside the heads of former colleagues, it’s lost to you&amp;nbsp;forever.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;So I think there’s a case for allowing and encouraging documentation for teams, just as much as documentation for software. Writing that documentation is a task, It needs to be part of someone’s job. Every organisation needs a little bit of storytelling capability, to help make that job&amp;nbsp;easier.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://gilest.org/htr.html&quot;&gt;How teams remember&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/5a9fa7db62f151b8a863b949ed4e9e5f/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;J’ai développé un outil pour Scopyleft l’année dernière qui s’intitule «&amp;nbsp;Le Voilier&amp;nbsp;». Il s’agit d’un lieux où l’on consigne nos discussions, propositions et résolutions. C’était important car il y avait pas mal de perte/dilution d’information orale, ce qui est classique en équipes distribuées qui grandissent. Depuis un an et demi, il y a 381&amp;nbsp;sujets qui ont été consignés dans ce &lt;a href=&quot;https://larlet.fr/david/2022/12/19/&quot;&gt;journal&lt;/a&gt; de bord collectif, c’est un outil vivant. Des fonctionnalités bourgeonnent ou passent au compost au gré des besoins, c’est assez plaisant d’avoir la flexibilité de connaître le générateur du site (350&amp;nbsp;lignes de Python à ce jour) et de pouvoir sortir du cadre sans que ce soit trop&amp;nbsp;douloureux.&lt;/p&gt;
 &lt;p&gt;Cela a commencé avec un site totalement statique qui était (re)construit par l’intégration continue à chaque ajout de fichier &lt;em&gt;markdown&lt;/em&gt; avec les bonnes méta-données dans un dossier dédié. Classique. C’était facile pour les personnes familières de git(lab) mais moins pratique pour celles qui ne le sont pas, notamment lorsqu’il faut prendre des notes en séance. L’expérience utilisateur·ice des forges logicielles n’est pas vraiment adaptée à un tel usage, surtout dans un contexte de charge cognitive&amp;nbsp;élevée.&lt;/p&gt;
 &lt;p&gt;J’ai donc transformé cela en site &lt;em&gt;semynamique&lt;/em&gt; 🌱&amp;nbsp;: on reste sur la même infrastructure mais je rajoute un formulaire (toujours statique) qui va soumettre les données vers une seule fonction Python/wsgi qui consiste à créer le fichier &lt;em&gt;markdown&lt;/em&gt; conforme aux attentes de l’outil et à le pousser sur le dépôt. Cela a rendu l’outil plus accessible et avenant. Depuis, j’ai décliné ce principe pour d’autres &lt;em&gt;scenarii&lt;/em&gt; avec de bons&amp;nbsp;retours.&lt;/p&gt;
 &lt;p&gt;Avec l’expérience et un petit script de déploiement, cela me prend moins d’une heure à mettre en place sur AlwaysData avec un strict minimum de maintenance. J’ai une relative tranquillité d’esprit aussi car seule une petite partie du site serait inutilisable si le service tombait et il reste la possibilité d’ajouter des fichiers dans git à la main s’il y avait une&amp;nbsp;urgence.&lt;/p&gt;
 &lt;p&gt;Je ne sais pas trop quoi faire à partir de là, je me dis que ça pourrait en inspirer d’autres. Entre les sites purement statiques et les usines à gaz en JS, il y a tout un dégradé de couleurs enthousiasmantes, certaines restant à&amp;nbsp;découvrir&amp;#8239;!&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;Peut-être qu’à un moment, on pourrait aussi proposer un catalogue d’outils utiles aux coopératives — à l’instar de &lt;a href=&quot;https://paheko.cloud/&quot;&gt;Paheko&lt;/a&gt; pour les&amp;nbsp;associations…&lt;/em&gt;&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;🏡 Une grande partie de mon entourage est déjà propriétaire. Ça en dit long sur la sphère dans laquelle j’évolue. J’ai l’impression que le fait d’acheter une maison fait partie de la liste non-négociable d’une vie réussie dans notre monde capitaliste. Jusqu’à très récemment, je n’avais jamais interrogé ce&amp;nbsp;postulat.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://ynote.hk/mots/argent/propriete.html&quot;&gt;Propriété par Fanny Cheung&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/37b0c9d01d6f788bee398b64377cb6c1/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🔨 Yes, it’s fair to point out that AI in its many different software manifestations can be considered a tool. But that is not the point of the statement. The word to watch out for is “just”. If someone were to say ”it’s a tool”, that makes sense. But the word “just” is there to shed&amp;nbsp;accountability.&lt;/p&gt;
 &lt;p&gt;Hence my concern is that the statement itself removes accountability and consideration for the bigger picture effects. &lt;mark&gt;Saying something is just a tool creates the faulty mental model&lt;/mark&gt; of all tools having interchangeable qualities from an ethical perspective, which simply isn’t&amp;nbsp;true.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://axbom.com/hammer-ai/&quot;&gt;If a hammer was like AI…&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/aac3c4716f9ff73e7409ecbc9550491b/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;💯 When it comes to front-end development, I’m worried that we’ve reached a state where the more complex over-engineered approach is viewed as the&amp;nbsp;default.&lt;/p&gt;
 &lt;p&gt;I may be committing a fundamental attribution error here, but I think that we’ve reached this point not because of any consideration for users, but rather &lt;mark&gt;because of how it makes us developers feel.&lt;/mark&gt; Perhaps building an old-fashioned website that uses HTML for navigations feels too easy, like it’s beneath us. But building an “app” that requires JavaScript just to render text on a screen feels like &lt;em&gt;real&lt;/em&gt;&amp;nbsp;programming.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://adactio.com/journal/20442&quot;&gt;Multi-page web apps&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/efc348f6559d55129657c7ba9d740b76/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/scopyleft/&quot;&gt;#scopyleft&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Blogroll</title>
            <link href="https://larlet.fr/david/2023/09/09/" rel="alternate" type="text/html" />
            <updated>2023-09-09T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/09/09/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Je lie cinq blogs personnels, choisis arbitrairement et sans hiérarchie, avec une phrase sur pourquoi ils me sont importants, en choisissant un billet précis que j’ai aimé y trouver&amp;nbsp;[…]&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://n.survol.fr/n/la-blogchain&quot;&gt;La blogchain - Carnet de notes&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/543d854b54593b8bf1adc2c491468bca/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Je partageais sur Mastodon l’initiative d’Alex Sirac d’avoir fait un·e &lt;a href=&quot;https://blogroll.fr/&quot;&gt;&lt;em&gt;blogroll&lt;/em&gt;&lt;/a&gt; et en explorant le site je me rends compte qu’&lt;a href=&quot;https://blogroll.fr/articles-recents/&quot;&gt;il y a une forme de &lt;em&gt;planet&lt;/em&gt;&lt;/a&gt; et ça m’a rappelé de doux souvenirs. Je me souviens d’avoir mis ça en place sur cet espace à un moment, ça m’a rendu nostalgique 5&amp;nbsp;minutes… et j’ai passé les deux heures suivantes à le coder en mode statique&amp;nbsp;:-). Merci-pas-merci&amp;nbsp;Alex&amp;#8239;!&lt;/p&gt;
 &lt;p&gt;Il y a donc maintenant &lt;a href=&quot;https://larlet.fr/david/blogroll/&quot;&gt;une page de blogroll&lt;/a&gt; sur ce site avec les deux derniers billets publiés par personne listée. J’espère que j’arriverai à maintenir une page qui représente mes lectures réelles. Elle est loin d’être exhaustive car j’ai 150&amp;nbsp;flux de personnes dans mon agrégateur. J’avais plus envie d’encourager la diversité des&amp;nbsp;publications.&lt;/p&gt;
 &lt;p&gt;J’ai rencontré deux problèmes durant cette&amp;nbsp;expérience&amp;nbsp;:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;strong&gt;humain&lt;/strong&gt;&amp;nbsp;: certaines personnes souhaitent ne publier certains billets que par le biais de leur flux, est-ce qu’un agrégateur public ne va pas à l’encontre de cette&amp;nbsp;volonté&amp;#8239;?&lt;/li&gt;
 &lt;li&gt;&lt;strong&gt;technique&lt;/strong&gt;&amp;nbsp;: une proportion non négligeable de flux ne sont pas valides / standards, j’ai signalé cela à certain·es auteur·ices. Un &lt;a href=&quot;https://validator.w3.org/feed/&quot;&gt;outil existe&lt;/a&gt; de la part du W3C pour effectuer cette&amp;nbsp;vérification.&lt;/li&gt;
 &lt;/ul&gt;
 &lt;p&gt;Je me suis aussi demandé si c’était pertinent de faire comme Éric le propose avec un billet d’entrée particulier. C’est ce que &lt;a href=&quot;https://www.hypothermia.fr/liens/&quot;&gt;fait Eli&lt;/a&gt; par exemple et j’avais trouvé ça chouette et plus stimulant qu’une simple liste, je garde ça dans un coin de tête. Je sais aussi d’expérience qu’il ne faut pas que je me prenne trop la tête si je veux garder une liste à jour sinon je vais vite avoir la flemme. Peut-être que je fais suffisamment de liens externes dans mes&amp;nbsp;publications.&lt;/p&gt;
 &lt;p&gt;&lt;del&gt;J’aimerais également prendre le temps de faire une liste des articles techniques qui ont compté pour moi, à l’instar de &lt;a href=&quot;https://ericwbailey.website/formative-posts/&quot;&gt;Eric W. Bailey&lt;/a&gt; et &lt;a href=&quot;https://esif.dev/&quot;&gt;tant&lt;/a&gt; &lt;a href=&quot;https://wdrl.info/evergreen/&quot;&gt;d’autres&lt;/a&gt;.&lt;/del&gt; Bon, en fait &lt;a href=&quot;https://larlet.fr/david/stream/2019/12/27/&quot;&gt;je l’ai déjà faite&lt;/a&gt;, parfois ma mémoire numérique m’aide mais me rappelle que &lt;a href=&quot;https://larlet.fr/david/stream/2018/04/07/&quot;&gt;la spirale&lt;/a&gt; n’est peut-être pas compatible avec la vieillesse, oups&amp;nbsp;😅. J’aime bien l’idée de la &lt;a href=&quot;https://gilest.org/shoebox.html&quot;&gt;boîte à chaussures&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/462022ad2f27ff57387e9d0f49e96bad/&quot;&gt;cache&lt;/a&gt;) aussi, avec la crainte que ce musée des &lt;em&gt;vaporwares&lt;/em&gt; ne soit un peu trop&amp;nbsp;déprimant.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Mot du jour&amp;nbsp;: &lt;a href=&quot;https://fr.wikipedia.org/wiki/Eucatastrophe&quot;&gt;Eucatastrophe&lt;/a&gt; (j’ai arraché deux dents&amp;nbsp;aujourd’hui).&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/decentralisation/&quot;&gt;#décentralisation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Char&amp;nbsp;2</title>
            <link href="https://larlet.fr/david/2023/09/08/" rel="alternate" type="text/html" />
            <updated>2023-09-08T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/09/08/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Je voulais le &lt;a href=&quot;https://larlet.fr/david/2020/02/07/#cars&quot;&gt;moins d’électronique&lt;/a&gt; possible et plutôt prendre un vieux véhicule robuste qui me permette de sortir d’un banc de neige et peut-être à terme de la&amp;nbsp;ville.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2021/07/16/&quot;&gt;Char&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Suite des mes aventures avec une &lt;a href=&quot;http://tmp.larlet.fr/ccmc/&quot;&gt;comptabilité à jour&lt;/a&gt; depuis bientôt 3&amp;nbsp;ans. Divulgâcheur&amp;nbsp;: ça coûte très&amp;nbsp;cher.&lt;/p&gt;
 &lt;p&gt;Le résultat n’est pas joli-joli avec environ vingt mille kilomètres au compteur sur la période. Je n’ai pas non plus réussi à descendre en-dessous des 12L/100km avec ce véhicule qui n’a pas été pensé pour être économe et qui alimente les 4&amp;nbsp;roues en permanence… MAIS je crois que si c’était à refaire, je choisirais un &lt;em&gt;véhicule stupide&lt;/em&gt; à&amp;nbsp;nouveau.&lt;/p&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Car companies are on the forefront of postcapitalism, and &lt;mark&gt;they understand that digital is the key to rent-extraction.&lt;/mark&gt; Remember when BMW announced that it was going to rent you the seatwarmer in your own fucking&amp;nbsp;car?&lt;/p&gt;
 &lt;p&gt;[…]&lt;/p&gt;
 &lt;p&gt;This is the urinary tract infection business model: without digitization, all your car’s value flowed in a healthy stream. But once the car-makers add semiconductors, each one of those features comes out in a painful, burning dribble, with every button on that farkakta touchscreen wired directly into your&amp;nbsp;credit-card.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://pluralistic.net/2023/07/24/rent-to-pwn/&quot;&gt;Pluralistic: Autoenshittification (24&amp;nbsp;July 2023)&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/8be5d8a651e8f8e211cfe10fd49bb3f0/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Je pourrais citer tellement de passages de cet article de Cory Doctorow qui confirment ce choix que ça en est édifiant. Et si vous pensez que certaines marques ne font quand même pas n’importe quoi avec vos données, Mozilla se charge — chiffres à l’appui&amp;nbsp;— de démentir cette&amp;nbsp;idée&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;The gist is: they can collect super intimate information about you -- from your medical information, your genetic information, to your “sex life” (seriously), to how fast you drive, where you drive, and what songs you play in your car -- in huge quantities. They then use it to invent more data about you through “inferences” about things like your intelligence, abilities, and&amp;nbsp;interests.&lt;/p&gt;
 &lt;p&gt;[…]&lt;/p&gt;
 &lt;p&gt;It’s bad enough for the behemoth corporations that own the car brands to have all that personal information in their possession, to use for their own research, marketing, or the ultra-vague “business purposes.” But then, most (84%) of the car brands we researched say they can share your personal data -- with service providers, data brokers, and other businesses we know little or nothing about. Worse, &lt;mark&gt;nineteen (76%) say they can sell your personal&amp;nbsp;data.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;A surprising number (56%) also say they can share your information with the government or law enforcement in response to a “request.” Not a high bar court order, but something as easy as an “informal request.” Yikes -- that’s a very low&amp;nbsp;bar!&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://foundation.mozilla.org/en/privacynotincluded/articles/its-official-cars-are-the-worst-product-category-we-have-ever-reviewed-for-privacy/&quot;&gt;It’s Official: Cars Are the Worst Product Category We Have Ever Reviewed for Privacy&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/81eb35bbd276cb28230820176152af87/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Progressivement, j’en apprends un peu plus sur la mécanique d’une vieille voiture thermique et je crois que c’est ma seule option. Elle n’est peut-être pas payante mais elle me garantit une certaine &lt;em&gt;confidensanité&lt;/em&gt;.&lt;/p&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Welcome to the future. &lt;mark&gt;Sabotage&amp;nbsp;it.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://thenib.com/im-a-luddite/&quot;&gt;I’m a Luddite (and So Can&amp;nbsp;You!)&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;😶 You can’t talk about all the friends and family you’ve lost. You can’t talk about how tired you are. You can’t talk about politics. You can’t talk about climate change. You can’t talk about the wildfires or that town that burned down. You can’t talk about living through the hottest days in human history. You can’t talk about masks or air purifiers. You can’t talk about student loans. You can’t talk about the wars we’re fighting or getting ready to&amp;nbsp;fight.&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;You can’t talk about anything that&amp;nbsp;matters.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;You can only talk about the latest shitty superhero movie. You can talk about Barbie. You can talk about celebrity gossip. You can talk about the vacation you pretended to enjoy. You can talk about&amp;nbsp;yoga.&lt;/p&gt;
 &lt;p&gt;You can talk about your morning&amp;nbsp;routine.&lt;/p&gt;
 &lt;p&gt;You can talk about&amp;nbsp;sports.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.okdoomer.io/watching-the-world-burn-on-our-phones/&quot;&gt;Watching The World Burn on Our Phones&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/977dc3c51f364f41db786f881d2c3fd2/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;😁 I’m not young enough to know&amp;nbsp;everything.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.jim-nielsen.com/2023/family-tree-wisdom/&quot;&gt;Family Tree Wisdom&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/d40295a6495f934934436470ad425cac/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/confidentialite/&quot;&gt;#confidentialité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/gafam/&quot;&gt;#gafam&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/traces/&quot;&gt;#traces&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Conteur</title>
            <link href="https://larlet.fr/david/2023/09/07/" rel="alternate" type="text/html" />
            <updated>2023-09-07T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/09/07/</id>
            <summary type="html">
 &lt;p&gt;Un peu de contexte. Lorsqu’on va promener et bivouaquer en forêt avec l’enfant —&amp;nbsp;comme la fin de semaine dernière&amp;nbsp;— on invente des histoires. C’est souvent inspiré des lectures du moment (La guerre de clans, Naruto, etc) croisées avec les éléments que l’on a sous la main (crapauds, &lt;del&gt;anis&lt;/del&gt; gemmes de Flavigny, etc). En rentrant à la maison, on prend un moment le soir pour &lt;del&gt;écrire&lt;/del&gt; taper tout cela mais il faut garder de la place pour les dessins d’illustration. Me voilà donc en train de chercher comment introduire un saut de page en Markdown lors de l’impression. Ou plutôt dans le rendu de Markdown par iAWriter pour être plus précis. Et il s’avère que &lt;a href=&quot;https://ia.net/writer/support/basics/markdown-guide&quot;&gt;c’est possible&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/478260db4b078551676bf263cbeeaa52/&quot;&gt;cache&lt;/a&gt;) avec &lt;code&gt;+++&lt;/code&gt;&amp;#8239;!&lt;/p&gt;
 &lt;p&gt;Au passage, je découvre qu’il y a tout un tas de possibilités dans un logiciel que j’utilise depuis des années. Comme les formules (dans les tableaux) ou les métadonnées qui viennent dynamiquement remplacer des variables. Une chouette découverte après avoir utilisé récemment les &lt;em&gt;templates&lt;/em&gt; pour uniformiser mes&amp;nbsp;courriers.&lt;/p&gt;
 &lt;p&gt;Et c’est ainsi que je vous conte ce qu’il nous est arrivé en contant cette histoire. Je vous accorde que c’est un peu &lt;em&gt;meta&lt;/em&gt;.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-09-06-extrait-quete.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-09-06-extrait-quete.jpg&quot;
            width=&quot;3024&quot; height=&quot;3024&quot;
            srcset=&quot;/static/david/2023/2023-09-06-extrait-quete.jpg 3024w, /static/david/2023/2023-09-06-extrait-quete_660x440.jpg 660w, /static/david/2023/2023-09-06-extrait-quete_990x660.jpg 990w, /static/david/2023/2023-09-06-extrait-quete_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 3024 / 3024))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Un extrait de l’histoire&amp;nbsp;: Sur le chemin du retour, nous nous dimes que nous allions écrire cette histoire.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Mais on aime ça le meta. (Et les typos. (Et le passé&amp;nbsp;simple.))&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🪦 The 100-Year Plan isn’t just about today. It’s an investment in tomorrow. Whether you’re cementing your own digital legacy or gifting 100&amp;nbsp;years of a trusted platform to a loved one, &lt;mark&gt;this plan is a testament to the future&lt;/mark&gt;’s boundless&amp;nbsp;potential.&lt;/p&gt;
 &lt;p&gt;The cost is $38,000. We hope people&amp;nbsp;renew.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://wordpress.com/blog/2023/08/25/introducing-the-100-year-plan/&quot;&gt;Introducing the 100-Year Plan: Secure Your Online Legacy for a Century&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/57c0b22f733354552de63db112f51b20/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;📜 A false sense of security persists surrounding digitized documents: because an infinite number of identical copies can be made of any original, most of us believe that our electronic files have an indefinite shelf life and unlimited retrieval opportunities. In fact, preserving the world’s online content is an increasing concern, particularly as file formats (and the hardware and software used to run them) become scarce, inaccessible, or antiquated, technologies evolve, and data decays. &lt;mark&gt;Without constant maintenance and management,&lt;/mark&gt; most digital information will be lost in just a few decades. Our modern records are far from&amp;nbsp;permanent.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://longnow.org/ideas/shining-a-light-on-the-digital-dark-age/&quot;&gt;Shining a Light on the Digital Dark Age&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/83c60dd85e9f0f07bf41821a2694a0e5/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🔋 But there’s something else I want to suggest here, and it’s to stop thinking about time entirely. Or, at least, to stop thinking about time as something &lt;em&gt;consistent&lt;/em&gt;. We all know that time can be stretchy or compressed—we’ve experienced hours that plodded along interminably and those that whisked by in a few breaths. We’ve had days in which we got so much done we surprised ourselves and days where we got into a staring contest with the to-do list and the to-do list didn’t blink. And we’ve also had days that left us puddled on the floor and days that left us pumped up, practically leaping out of our chairs. &lt;mark&gt;What differentiates these experiences isn’t the number of hours in the day but the energy we get from the work.&lt;/mark&gt; Energy &lt;em&gt;makes&lt;/em&gt;&amp;nbsp;time.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://everythingchanges.us/blog/energy-makes-time/&quot;&gt;Energy makes time&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/3f4be4add2995420dc6be529f1032e46/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Retour</title>
            <link href="https://larlet.fr/david/2023/09/06/" rel="alternate" type="text/html" />
            <updated>2023-09-06T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/09/06/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;The app will eventually become obsolete. It’s the plain text files I create that are designed to last. Who knows if anyone will want to read them besides me, but &lt;em&gt;future me&lt;/em&gt; is enough of an audience to make it&amp;nbsp;worthwhile.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://stephango.com/file-over-app&quot;&gt;File over app - Steph Ango&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/20d288eb47779c4f1b3f36fb86aa7108/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Je vais revenir délicatement publier par ici. Ces derniers mois ont été… mmh, agités… mais je commence à retrouver un certain équilibre. Beaucoup de phases qui ne s’articulaient pas comme je l’espérais, d’attention trop superficielle mal compensée, au milieu d’une grosse &lt;a href=&quot;https://larlet.fr/david/2023/01/23/&quot; title=&quot;Déception&quot;&gt;déception&lt;/a&gt; qui a laissé des traces profondes. J’aurais au moins appris la différence entre l’inspiration et la manipulation. &lt;em&gt;The Hard Way™&lt;/em&gt;. Je suis très reconnaissant envers toutes les personnes qui ont fait que je ne me suis pas senti trop isolé ou vulnérable pendant cette&amp;nbsp;période.&lt;/p&gt;
 &lt;p&gt;Grâce à un départ, &lt;a href=&quot;http://scopyleft.fr/&quot;&gt;Scopyleft&lt;/a&gt; prend une &lt;a href=&quot;https://larlet.fr/david/2021/03/17/&quot;&gt;autre dimension&lt;/a&gt; et redéfinit ses aspirations collectivement à travers des échanges plus sains et apaisés. Un arbre tombe et de nombreuses autres espèces arrivent enfin à capter la lumière pour proposer un autre paysage, envisager un nouvel écosystème&amp;nbsp;🌻🐝.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Et puis, j’ai des dizaines d’onglets à partager à mon &lt;em&gt;futur moi&lt;/em&gt;.&lt;/p&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;💭 If you’re more a guess-culture person, asking people for help without knowing their circumstances can feel rude or intrusive. Broadcasting publicly your need for help can feel awkward and&amp;nbsp;vulnerable.&lt;/p&gt;
 &lt;p&gt;If you’re more of an ask-culture person, the guess-culture example of juggling everyone’s specific scenarios and the historical context of favors &lt;mark&gt;probably seems exhausting.&lt;/mark&gt; Dropping hints in the hopes that you won’t even have to make your request can feel extra passive and&amp;nbsp;manipulative.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jeanhsu.substack.com/p/ask-vs-guess-culture&quot;&gt;Ask vs guess culture&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/ba42826808418339bdc0364586bea5bf/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;😔 But really the baseline of web design is so low because there’s a lack of tenderness, care, and empathy. &lt;mark&gt;It’s because we don’t see the making of a website as a worthy profession.&lt;/mark&gt; It’s because we hope to squeeze the last bit of juice from the orange by mulching people in between modals and pop ups and cookie&amp;nbsp;banners.&lt;/p&gt;
 &lt;p&gt;So how do we do better? How do we take better care of our&amp;nbsp;websites?&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://robinrendle.com/notes/why-are-websites-embarrassing/&quot;&gt;Why are websites embarrassing?&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/7458294e070577c610294f8ec927c30d/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;🍏 It would also inject the potential for a slippery slope of unintended consequences. Scanning for one type of content, for instance, &lt;mark&gt;opens the door for bulk surveillance&lt;/mark&gt; and could create a desire to search other encrypted messaging systems across content types (such as images, videos, text, or audio) and content categories. How can users be assured that a tool for one type of surveillance has not been reconfigured to surveil for other content such as political activity or religious persecution? Tools of mass surveillance have widespread negative implications for freedom of speech and, by extension, democracy as a whole. Also, designing this technology for one government could require applications for other countries across new data&amp;nbsp;types.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://larlet.fr/static/david/2023/apple-letter-to-heat-initiative.pdf&quot;&gt;Apple letter to Heat initiative&lt;/a&gt; (PDF, 121Ko)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/intimite/&quot;&gt;#intimité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/scopyleft/&quot;&gt;#scopyleft&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">France</title>
            <link href="https://larlet.fr/david/2023/07/28/" rel="alternate" type="text/html" />
            <updated>2023-07-28T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/07/28/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Si vous êtes venus pour m’aider, vous perdez votre temps. Mais si vous êtes venus parce que votre libération est liée à la mienne, alors travaillons&amp;nbsp;ensemble.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;Lilla Watson (militante autochtone&amp;nbsp;australienne)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Sentiment toujours très particulier pour l’expatrié que je suis de faire un séjour dans son pays de&amp;nbsp;naissance.&lt;/p&gt;
 &lt;p&gt;Il y a les paysages, les personnes, les odeurs, les situations à la fois si réelles et si cotonneuses. Comme si les émotions étaient encore sous le coup du décalage horaire. Comme si l’éphémère se devait d’être intense, presque sur-joué. Comme si l’enjeu pouvait être un retour. Ou encore plus de&amp;nbsp;kérosène.&lt;/p&gt;
 &lt;p&gt;Il y a le monde. Partout. Tout le temps. L’impression d’être asphyxié dans ces petites rues caniculaires (coucou Pomme). Et l’inquiétude qui monte de se demander ce qu’il va arriver à toutes ces personnes. Dans l’étuve, les grenouilles apprécient l’eau chaude tant qu’il y en a — moins les moustiques&amp;nbsp;tigres.&lt;/p&gt;
 &lt;p&gt;Il y a les montagnes, celles que l’on évalue en se cassant la nuque. Celles qui aspirent et inspirent. Qui permettent de se sentir vivant… à en perdre le souffle. Qui requièrent de s’élever pour élargir sa vision du monde. Celles qui me manquent tant. Je n’ai pas arrêté de faire du sport, j’ai arrêté d’être attiré par des&amp;nbsp;sommets.&lt;/p&gt;
 &lt;p&gt;Il y a &lt;em&gt;toujours&lt;/em&gt; cette ambiance nauséabonde qui se traduit en un chapelet de micro-agressions auxquelles on ne peut être pleinement sensible lorsqu’on baigne dedans. C’est leur absence, ailleurs, qui les rend d’autant plus visibles. Ma parentalité en France serait une épreuve pour justifier des abus injustifiables (et je croule déjà sous mes propres&amp;nbsp;contradictions).&lt;/p&gt;
 &lt;p&gt;Il y a les retrouvailles, les fruits mûrs, les rigolades, le non soutenable qui étire les yeux et les sourires. La culpabilité d’imposer ce manque —&amp;nbsp;et sa compensation&amp;nbsp;— à un enfant aussi, qui peut difficilement rationaliser depuis le cocon familial si douillet des vacances. Il y a les reproches qui grandissent avec le besoin de se construire une jeune identité. Il y a les proches qui vieillissent avec la peur de devoir déconstruire leurs&amp;nbsp;in·certitudes.&lt;/p&gt;
 &lt;p&gt;Il y a læ covid. Ah non, pardon&amp;nbsp;🫣.&lt;/p&gt;
 &lt;p&gt;Il y a la&amp;nbsp;France.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/nostalgie/&quot;&gt;#nostalgie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/sociologie/&quot;&gt;#sociologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Perles</title>
            <link href="https://larlet.fr/david/2023/07/02/" rel="alternate" type="text/html" />
            <updated>2023-07-02T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/07/02/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Mon travail de scientifique m’a appris comment les gens construisent des théories pour avoir le sentiment de contrôler leur&amp;nbsp;environnement.&lt;/p&gt;
 &lt;p&gt;Ils se comportent ensuite de manière à renforcer ces théories. Les personnes autistes partagent ce désir «&amp;nbsp;normal&amp;nbsp;» de contrôler leur environnement. Ce qui diffère pour elles, c’est l’intensité avec laquelle cet environnement les déborde. Des connexions neuronales atypiques dans le cerveau des personnes autistes peuvent conduire à une perception anormale, augmentant l’importance des événements individuels mais affaiblissant la capacité à relier ces morceaux de vie en des représentations plus intégrées et&amp;nbsp;abstraites.&lt;/p&gt;
 &lt;p&gt;Les comportements rigides et répétitifs des personnes autistes commencent à avoir un sens lorsque nous les considérons comme la réaction normale d’un être humain à un environnement sensoriel très anormal, plutôt que comme des symptômes d’une maladie. Les symptômes autistiques sont ce qu’une personne fait pour forcer un monde chaotique à suivre un scénario prévisible. Nous essayons tous d’imposer un ordre narratif à ce qui peut sembler un monde fondamentalement chaotique. La différence dans l’autisme est qu’il y a plus de chaos à&amp;nbsp;contrôler.&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;À cet égard, l’étude de l’autisme peut nous en apprendre beaucoup sur l’humanité en général&lt;/mark&gt; et sur la façon dont la détresse psychologique peut être expliquée comme une réaction rationnelle, bien qu’extrême, à un monde qui ne tourne pas&amp;nbsp;rond.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;L’imperméable jaune&lt;/em&gt;, Matthew&amp;nbsp;Belmonte&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Une citation extraite de &lt;em&gt;Des gènes, des synapses, des autismes&lt;/em&gt; de Thomas Bourgeron qui est assez technique et que je recommande. Cela me donne envie de séquencer mon génome pour jouer avec mais comment réduire les intermédiaires&amp;nbsp;profiteurs&amp;#8239;?&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;La génétique n’est pas la science des gènes mais la science de la diversité génétique qui contribue à notre&amp;nbsp;individualité.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;hr /&gt;
 &lt;p&gt;Avec son&amp;nbsp;consentement&amp;nbsp;:&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-07-02-explique-ton-hypothese.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-07-02-explique-ton-hypothese.jpg&quot;
            width=&quot;3022&quot; height=&quot;675&quot;
            srcset=&quot;/static/david/2023/2023-07-02-explique-ton-hypothese.jpg 3022w, /static/david/2023/2023-07-02-explique-ton-hypothese_660x440.jpg 660w, /static/david/2023/2023-07-02-explique-ton-hypothese_990x660.jpg 990w, /static/david/2023/2023-07-02-explique-ton-hypothese_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 3022 / 675))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Explique ton hypothèse&amp;nbsp;: Ça. (← Ceci n’est pas une hypothèse.)&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Ni une&amp;nbsp;pipe.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-07-02-que-remarques-tu.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-07-02-que-remarques-tu.jpg&quot;
            width=&quot;3022&quot; height=&quot;675&quot;
            srcset=&quot;/static/david/2023/2023-07-02-que-remarques-tu.jpg 3022w, /static/david/2023/2023-07-02-que-remarques-tu_660x440.jpg 660w, /static/david/2023/2023-07-02-que-remarques-tu_990x660.jpg 990w, /static/david/2023/2023-07-02-que-remarques-tu_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 3022 / 675))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Que remarques-tu&amp;#8239;? J’ai remarqué que j’ai raison.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Devenu un&amp;nbsp;mème.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-07-02-pourquoi.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-07-02-pourquoi.jpg&quot;
            width=&quot;3022&quot; height=&quot;819&quot;
            srcset=&quot;/static/david/2023/2023-07-02-pourquoi.jpg 3022w, /static/david/2023/2023-07-02-pourquoi_660x440.jpg 660w, /static/david/2023/2023-07-02-pourquoi_990x660.jpg 990w, /static/david/2023/2023-07-02-pourquoi_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 3022 / 819))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Pourquoi&amp;#8239;? On le dit tout le temps.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;La&amp;nbsp;facilité.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-07-02-enonce-une-hypothese.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-07-02-enonce-une-hypothese.jpg&quot;
            width=&quot;3022&quot; height=&quot;1185&quot;
            srcset=&quot;/static/david/2023/2023-07-02-enonce-une-hypothese.jpg 3022w, /static/david/2023/2023-07-02-enonce-une-hypothese_660x440.jpg 660w, /static/david/2023/2023-07-02-enonce-une-hypothese_990x660.jpg 990w, /static/david/2023/2023-07-02-enonce-une-hypothese_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 3022 / 1185))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Je le pense parce que&amp;nbsp;: car dur + dur + dur = méga-dur&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;La&amp;nbsp;science.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-07-02-vie-de-groupe.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-07-02-vie-de-groupe.jpg&quot;
            width=&quot;2932&quot; height=&quot;2190&quot;
            srcset=&quot;/static/david/2023/2023-07-02-vie-de-groupe.jpg 2932w, /static/david/2023/2023-07-02-vie-de-groupe_660x440.jpg 660w, /static/david/2023/2023-07-02-vie-de-groupe_990x660.jpg 990w, /static/david/2023/2023-07-02-vie-de-groupe_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2932 / 2190))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Pourquoi doit-on apprendre à vivre en groupe&amp;#8239;? Pour s’amuser. (Car nous vivons en société.) Est-il facile selon toi de vivre en groupe&amp;#8239;? Explique pourquoi. NON. J’arrive pas à attendre qu’elle ai terminer&amp;#8239;! (Ce n’est pas que du travail à deux)&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Une histoire de chats et de&amp;nbsp;chiens.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/accompagnement/&quot;&gt;#accompagnement&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/parentalite/&quot;&gt;#parentalité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Particules</title>
            <link href="https://larlet.fr/david/2023/06/26/" rel="alternate" type="text/html" />
            <updated>2023-06-26T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/06/26/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;La mémoire est la source de la libération, et l’oubli est la racine de&amp;nbsp;l’exil.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;Ba’al&amp;nbsp;Shem-Tov&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;On attend que les particules fines retombent pour pouvoir décoller. Si ça n’est pas un grand écart &lt;em&gt;facepalm&lt;/em&gt;&amp;nbsp;ça…&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Pas vraiment d’&lt;a href=&quot;https://larlet.fr/david/2021/06/15/&quot;&gt;avihonte&lt;/a&gt; chez les ami·es (expatrié·es). J’évite de trop y penser, je vis déjà assez reclus comme ça. Et je suis loin d’être&amp;nbsp;exemplaire.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Il y a un besoin urgent à ce que je devienne ringard. Comme la cigarette, la voiture, l’avion. Un sous-groupe de ma génération doit incarner ce qu’il ne faut &lt;strong&gt;pas&lt;/strong&gt;&amp;nbsp;devenir.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Les Sardaukars ont en eu marre de se battre contre des Fremens et sont retournés sur Geidi Prime pour le dire. Denis Villeneuve doit se frotter les&amp;nbsp;mains.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;J’ai lu le Paradoxe de Fermi de Jean-Pierre Boudine ainsi que &lt;a href=&quot;https://www.visualcapitalist.com/path-of-human-evolution/&quot;&gt;cette illustration&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/58bdc0bd6ed37d5990d24384ee40022b/&quot;&gt;cache&lt;/a&gt;), serait-on sur la dernière marche&amp;#8239;? Celle du grand&amp;nbsp;sot.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Combien d’appareils pourraient être rendus meilleurs en enlevant des choses dedans&amp;#8239;? Tous&amp;#8239;? &lt;a href=&quot;http://mikebeauchamp.com/misc/sennheiser-hd-555-to-hd-595-mod/&quot;&gt;Au moins un.&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/8f76362de8331d4dc5d3e0e0a882606e/&quot;&gt;cache&lt;/a&gt;)&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;J’ai failli acheter une casquette sur laquelle était&amp;nbsp;inscrite&amp;nbsp;:&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Ce qui distingue les garçons des hommes c’est le prix de leurs jouets. (Oui, ça sonnait mieux en&amp;nbsp;anglais…)&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Depuis, je ris&amp;nbsp;jaune.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Je me suis mis au skate pour pouvoir suivre l’enfant. Je me demande à quel point le &lt;em&gt;longboard&lt;/em&gt; est un skate bourgeois. Je retrouve des sensations de &lt;em&gt;snowboard&lt;/em&gt; intéressantes cela&amp;nbsp;dit.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Je suis content de ne pas avoir pris mon appareil photo pour cette dernière sortie en forêt. Documenter &lt;a href=&quot;https://larlet.fr/david/2023/06/12/&quot; title=&quot;Apocalypse&quot;&gt;l’apocalypse&lt;/a&gt; sans la rendre belle est un enjeu&amp;nbsp;important.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2023/2023-06-25-ouareau-smog.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2023/2023-06-25-ouareau-smog.jpg&quot;
            width=&quot;3024&quot; height=&quot;4032&quot;
            srcset=&quot;/static/david/2023/2023-06-25-ouareau-smog.jpg 3024w, /static/david/2023/2023-06-25-ouareau-smog_660x440.jpg 660w, /static/david/2023/2023-06-25-ouareau-smog_990x660.jpg 990w, /static/david/2023/2023-06-25-ouareau-smog_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Un soleil rouge au-dessus de la forêt embrumée par des cendres à des centaines de kilomètres plus au nord.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Ou&amp;nbsp;ringard.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/solastalgia/&quot;&gt;#solastalgia&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/tristesse/&quot;&gt;#tristesse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>

        <entry xml:lang="fr">
            <title type="html">Village</title>
            <link href="https://larlet.fr/david/2023/06/19/" rel="alternate" type="text/html" />
            <updated>2023-06-19T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2023/06/19/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Because they are precious, it’s important to understand what makes a village a village, and what kills the&amp;nbsp;village.&lt;/p&gt;
 &lt;p&gt;The central thesis is that what these villages can’t tolerate is a sustained large influx of strangers. A stranger in this context is an nothing more or less than an unfamiliar face. I know it tends to draw the mind in those directions, but please refrain from projecting concepts such as nationality or ethnicity on the term. We’re all simultaneously villagers and strangers in various social&amp;nbsp;circumstances.&lt;/p&gt;
 &lt;p&gt;A slow trickle of strangers is tolerable, a brief large influx is fine; the strangers’ average interaction is eventually stabilizes and biases toward the a stable group of members, and they quickly find shared values and become villagers too. They become familiar faces, and undoubtedly make their mark on the shared culture. That’s often a refreshing and welcome thing. It’s still a&amp;nbsp;village.&lt;/p&gt;
 &lt;p&gt;When sustained growth is too large, the strangers’ average interaction is with other strangers, and even if this would have eventually stabilized into something like a village, there are yet more strangers to prevent this from happening. Everyone stays strangers, and a sort of stranger-culture emerges where guards are up by default because there are never any familiar&amp;nbsp;faces.&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;It’s no longer a village, but something like a train station.&lt;/mark&gt; The default mode of being is &lt;em&gt;passing through&lt;/em&gt;. People come and go, and there’s no real sense of belonging. There is a sense of anonymity, there are no lasting repercussions for cutting in line or being&amp;nbsp;rude.&lt;/p&gt;
 &lt;p&gt;It’s an oppressive, alienating, and disempowering&amp;nbsp;environment.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.marginalia.nu/log/82_killing_community/&quot;&gt;Killing Community&lt;/a&gt;&lt;/em&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/e6c79911a93db53d87a80281d0037b97/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Cet article parle de Reddit mais je ressens très fort la transformation qui s’est opérée au sein de Mastodon, d’un village en une gare. Il m’a fallu &lt;a href=&quot;https://larlet.fr/david/2022/11/12/&quot;&gt;6&amp;nbsp;mois&lt;/a&gt; pour prendre le train et retourner dans ma&amp;nbsp;grotte.&lt;/p&gt;
 &lt;p&gt;Dans cet espace, je réfléchis beaucoup à cette différence de se sentir &lt;a href=&quot;https://sive.rs/below-average&quot;&gt;en-dessous de la moyenne&lt;/a&gt;&amp;nbsp;(&lt;a href=&quot;https://larlet.fr/david/cache/2023/4d9148b9d78455c2d67051e467d2e824/&quot;&gt;cache&lt;/a&gt;). Et ce changement de point de vue me fait aussi reconsidérer mes dépendances et mes incompétences. Ce n’est pas cet atelier vélo qui est mauvais, ce sont mes choix techniques qui m’ont rendu incompétent face aux pannes actuelles qui demandent davantage d’outillage et d’expérience. Etc.&lt;/p&gt;
 &lt;p&gt;En ce moment, je travaille avec &lt;a href=&quot;https://www.croix-rouge.fr/&quot;&gt;La Croix-Rouge française&lt;/a&gt;, le &lt;a href=&quot;https://labrri.net/&quot;&gt;Laboratoire de recherche en relations interculturelles de l’Université de Montréal&lt;/a&gt; et surtout &lt;a href=&quot;https://github.com/umap-project/umap/&quot;&gt;uMap&lt;/a&gt; et son essaimage, autant de projets et d’explorations qui redonnent du sens à mes investissements dans le numérique. Il faudrait que je prenne le temps d’écrire à ce sujet, j’aurais probablement des choses à partager côté évolution de Scopyleft&amp;nbsp;aussi.&lt;/p&gt;
 &lt;p&gt;Dans un temps et un espaces finis, il faut constamment rebâtir les chemins de sa pensée et prendre soin des relations du village. Mon activité devient alors davantage celle d’un conteur, qui se sert parfois d’outils pour mettre en musique les actions des&amp;nbsp;autres.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2023/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/incompetence/&quot;&gt;#incompétence&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2023/simplicite/&quot;&gt;#simplicité&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
 </feed>
--- a/david/templates/profil.html
+++ b/david/templates/profil.html
@@ -18,15 +18,14 @@
      For an English profile, check out
      <a href="http://larlet.com" data-instant>this page 🇨🇦</a>.
    </p>
    <h2>Publications 2023</h2>
    <h2>Publications 2024</h2>
    <p>Liste des publications récentes en ordre anté-chronologique :</p>
    <nav>
      <p>
        {% for page in page_list -%}
          <a href="{{ page.url }}">{{ page.title }}</a>
          {%- if not loop.last %},
          {% else %}
            .
          {%- else -%}.
          {% endif %}
        {% endfor %}
      </p>
@@ -37,12 +36,130 @@
        {% for slug, title, count in tags -%}
          <a href="/david/2023/{{ slug }}/" rel="tag">#{{ title }} ({{ count }})</a>
          {%- if not loop.last %},
          {% else %}
            .
          {%- else -%}.
          {% endif %}
        {% endfor %}
      </p>
    </nav>
    <h2>Publications 2023</h2>
    <p>Liste des publications en ordre anté-chronologique :</p>
    <nav>
      <p>
        <a href="/david/2023/12/31/">Ailleurs</a>,
        <a href="/david/2023/12/12/">Abonnement</a>,
        <a href="/david/2023/12/08/">Développement(s)</a>,
        <a href="/david/2023/12/06/">Équivalent</a>,
        <a href="/david/2023/12/03/">NostAlgIe</a>,
        <a href="/david/2023/12/01/">Papillon</a>,
        <a href="/david/2023/11/27/">Dix</a>,
        <a href="/david/2023/09/27/">Perspective</a>,
        <a href="/david/2023/09/23/">Éco-conception</a>,
        <a href="/david/2023/09/13/">Documentation</a>,
        <a href="/david/2023/09/09/">Blogroll</a>,
        <a href="/david/2023/09/08/">Char&nbsp;2</a>,
        <a href="/david/2023/09/07/">Conteur</a>,
        <a href="/david/2023/09/06/">Retour</a>,
        <a href="/david/2023/07/28/">France</a>,
        <a href="/david/2023/07/02/">Perles</a>,
        <a href="/david/2023/06/26/">Particules</a>,
        <a href="/david/2023/06/19/">Village</a>,
        <a href="/david/2023/06/12/">Apocalypse</a>,
        <a href="/david/2023/06/06/">Réponse(s)</a>,
        <a href="/david/2023/05/06/">SudWeb</a>,
        <a href="/david/2023/05/05/">AÏe</a>,
        <a href="/david/2023/05/01/">Long&nbsp;cours</a>,
        <a href="/david/2023/03/13/">Traditions</a>,
        <a href="/david/2023/03/04/">Jour&nbsp;3</a>,
        <a href="/david/2023/03/03/">Jour&nbsp;2</a>,
        <a href="/david/2023/03/02/">Jour&nbsp;1</a>,
        <a href="/david/2023/02/28/">AlgoRSSithme</a>,
        <a href="/david/2023/02/25/">Transmission</a>,
        <a href="/david/2023/02/18/">Quiz</a>,
        <a href="/david/2023/02/13/">Livre</a>,
        <a href="/david/2023/02/12/">Jour&nbsp;3</a>,
        <a href="/david/2023/02/11/">Jour&nbsp;2</a>,
        <a href="/david/2023/02/10/">Jour&nbsp;1</a>,
        <a href="/david/2023/02/09/">Allumage</a>,
        <a href="/david/2023/02/08/">TextcAIst</a>,
        <a href="/david/2023/02/07/">Madeleine</a>,
        <a href="/david/2023/02/05/">Attente</a>,
        <a href="/david/2023/02/03/">Chargement</a>,
        <a href="/david/2023/02/02/">Moment</a>,
        <a href="/david/2023/02/01/">Ombres</a>,
        <a href="/david/2023/01/31/">Ennui</a>,
        <a href="/david/2023/01/30/">Lecture</a>,
        <a href="/david/2023/01/26/">Décentralisation</a>,
        <a href="/david/2023/01/24/">Capot</a>,
        <a href="/david/2023/01/23/">Déception</a>,
        <a href="/david/2023/01/22/">Jour&nbsp;2</a>,
        <a href="/david/2023/01/21/">Jour&nbsp;1</a>,
        <a href="/david/2023/01/20/">Lettres</a>,
        <a href="/david/2023/01/18/">Femmes</a>,
        <a href="/david/2023/01/17/">Populaire</a>,
        <a href="/david/2023/01/16/">Chasse</a>,
        <a href="/david/2023/01/15/">Snow&nbsp;Fall</a>,
        <a href="/david/2023/01/14/">Dépendances</a>,
        <a href="/david/2023/01/13/">Eaux&nbsp;grises</a>,
        <a href="/david/2023/01/12/">Masque</a>,
        <a href="/david/2023/01/11/">Suspendu</a>,
        <a href="/david/2023/01/10/">Qualité</a>,
        <a href="/david/2023/01/09/">Indépendant·e</a>,
        <a href="/david/2023/01/08/">Partage</a>,
        <a href="/david/2023/01/07/">Dette</a>,
        <a href="/david/2023/01/06/">Toile</a>,
        <a href="/david/2023/01/05/">Instanseul</a>,
        <a href="/david/2023/01/04/">Rétrospectives</a>,
        <a href="/david/2023/01/03/">Préparation</a>,
        <a href="/david/2023/01/02/">Lucidité</a>,
        <a href="/david/2023/01/01/">Alleeez</a>.
      </p>
    </nav>
    <p id="tags-2023">Ou par étiquettes :</p>
    <nav>
      <p>
        <a href="/david/2023/accompagnement/" rel="tag">#accompagnement (9)</a>,
        <a href="/david/2023/amadou/" rel="tag">#amadou (1)</a>,
        <a href="/david/2023/attention/" rel="tag">#attention (2)</a>,
        <a href="/david/2023/aventure/" rel="tag">#aventure (13)</a>,
        <a href="/david/2023/complexite/" rel="tag">#complexité (8)</a>,
        <a href="/david/2023/confiance/" rel="tag">#confiance (6)</a>,
        <a href="/david/2023/confidentialite/" rel="tag">#confidentialité (4)</a>,
        <a href="/david/2023/courage/" rel="tag">#courage (7)</a>,
        <a href="/david/2023/decentralisation/" rel="tag">#décentralisation (4)</a>,
        <a href="/david/2023/don/" rel="tag">#don (2)</a>,
        <a href="/david/2023/eau/" rel="tag">#eau (3)</a>,
        <a href="/david/2023/ecriture/" rel="tag">#écriture (5)</a>,
        <a href="/david/2023/foret/" rel="tag">#forêt (11)</a>,
        <a href="/david/2023/gafam/" rel="tag">#gafam (3)</a>,
        <a href="/david/2023/gratitude/" rel="tag">#gratitude (10)</a>,
        <a href="/david/2023/incompetence/" rel="tag">#incompétence (5)</a>,
        <a href="/david/2023/intimite/" rel="tag">#intimité (3)</a>,
        <a href="/david/2023/livre/" rel="tag">#livre (3)</a>,
        <a href="/david/2023/masque/" rel="tag">#masque (1)</a>,
        <a href="/david/2023/mastodon/" rel="tag">#mastodon (1)</a>,
        <a href="/david/2023/nostalgie/" rel="tag">#nostalgie (4)</a>,
        <a href="/david/2023/parentalite/" rel="tag">#parentalité (5)</a>,
        <a href="/david/2023/partage/" rel="tag">#partage (3)</a>,
        <a href="/david/2023/patriarcat/" rel="tag">#patriarcat (1)</a>,
        <a href="/david/2023/photographie/" rel="tag">#photographie (3)</a>,
        <a href="/david/2023/propriete/" rel="tag">#propriété (2)</a>,
        <a href="/david/2023/psychologie/" rel="tag">#psychologie (2)</a>,
        <a href="/david/2023/qualite/" rel="tag">#qualité (4)</a>,
        <a href="/david/2023/recherche/" rel="tag">#recherche (12)</a>,
        <a href="/david/2023/recyclage/" rel="tag">#recyclage (2)</a>,
        <a href="/david/2023/reponse/" rel="tag">#réponse (2)</a>,
        <a href="/david/2023/scopyleft/" rel="tag">#scopyleft (2)</a>,
        <a href="/david/2023/simplicite/" rel="tag">#simplicité (4)</a>,
        <a href="/david/2023/sociologie/" rel="tag">#sociologie (8)</a>,
        <a href="/david/2023/solastalgia/" rel="tag">#solastalgia (4)</a>,
        <a href="/david/2023/sport/" rel="tag">#sport (3)</a>,
        <a href="/david/2023/technique/" rel="tag">#technique (10)</a>,
        <a href="/david/2023/traces/" rel="tag">#traces (6)</a>,
        <a href="/david/2023/tristesse/" rel="tag">#tristesse (6)</a>,
        <a href="/david/2023/viande/" rel="tag">#viande (1)</a>,
        <a href="/david/2023/web/" rel="tag">#web (10)</a>.
      </p>
    </nav>
    <p>
      Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗.
    </p>
--- a/site.py
+++ b/site.py
@@ -31,7 +31,7 @@ from widont import widont
 # Useful for dates rendering within Jinja2.
 locale.setlocale(locale.LC_ALL, "fr_FR.UTF-8")

 VERSION = "2023.09.10"
 VERSION = "2024.01.01"
 HERE = Path(".")
 DAVID = HERE / "david"
 STATIC = HERE / ".." / "larlet-fr-static"
@@ -42,7 +42,7 @@ NORMALIZED_STRFTIME = "%Y-%m-%dT12:00:00+01:00"
 TODAY = datetime.today() + timedelta(hours=6)
 PUBLICATION_BUFFER = TODAY - timedelta(days=0)
 NB_ITEMS_IN_FEED = 30
 SOURCES_PATH = DAVID / "2023" / "_sources"
 SOURCES_PATH = DAVID / "2024" / "_sources"

 all_tags = set()
 pages_by_tags = defaultdict(list)
@@ -55,7 +55,7 @@ class TagsRenderer(mistune.HTMLRenderer):
    def paragraph(self, text):
        if text.startswith("#"):
            tags = " ".join(
                f'<a href="/david/2023/{slugify(tag.strip())}/">#{tag.strip()}</a>'
                f'<a href="/david/2024/{slugify(tag.strip())}/">#{tag.strip()}</a>'
                for tag in text.split("#")
                if tag.strip()
            )
@@ -79,7 +79,7 @@ class InternalLinkTitleRenderer(mistune.HTMLRenderer):
    def link(self, text, url, title=None):
        s = '<a href="' + self.safe_url(url) + '"'

        if not title and url.startswith("/david/2023/"):
        if not title and url.startswith("/david/2024/"):
            # It will not work for internal urls referencing the future.
            page = pages_by_url.get(url)
            if page:
@@ -122,7 +122,7 @@ class ImgsWithSizesRenderer(CustomAndBlockquoteLanguageRenderer):
        src_size = src.replace(".jpg", f"_{width}x{height}.jpg")
        full_path = STATIC / Path(src[1:])
        full_path_size = STATIC / Path(src_size[1:])
        if full_path_size.exists() or "/2023/" not in src:
        if full_path_size.exists() or "/2024/" not in src:
            return src_size

        image = Image.open(full_path)
@@ -134,7 +134,7 @@ class ImgsWithSizesRenderer(CustomAndBlockquoteLanguageRenderer):
        src_webp = src.replace(".jpg", ".webp")
        full_path = STATIC / Path(src[1:])
        full_path_webp = STATIC / Path(src_webp[1:])
        if full_path_webp.exists() or "/2023/" not in src:
        if full_path_webp.exists() or "/2024/" not in src:
            return src_webp

        image = Image.open(full_path)
@@ -235,6 +235,13 @@ def format_struct_time(value, format="%d-%m-%Y"):
 environment.filters["format_struct_time"] = format_struct_time


 def format_date(value, format="%-d %B %Y"):
    return value.strftime(format)


 environment.filters["format_date"] = format_date


 def neighborhood(iterable, first=None, last=None):
    """
    Yield the (previous, current, next) items given an iterable.
@@ -294,7 +301,7 @@ class Page:
        self.normalized_date = self.date.strftime(NORMALIZED_STRFTIME)
        self.escaped_title = escape(self.title)
        tag_template = Template(
            f'<a href="{DOMAIN}/david/2023/$tag_slug/">#$tag_name</a>'
            f'<a href="{DOMAIN}/david/2024/$tag_slug/">#$tag_name</a>'
        )
        tag_links = " ".join(
            tag_template.substitute(tag_slug=slugify(tag), tag_name=tag)
@@ -380,16 +387,16 @@ class Page:
@cli
 def pages():
    """Build article pages."""
    root_path = DAVID / "2023"
    root_path = DAVID / "2024"
    for previous, page, next_ in neighborhood(
        reversed(Page.all(source=SOURCES_PATH, only_published=False)),
        first={
            "url": "/david/2022/",
            "title": "Publications 2022",
            "url": "/david/2023/",
            "title": "Publications 2023",
            "is_draft": False,
        },
    ):
        template = environment.get_template("article_2020.html")
        template = environment.get_template("article_2024.html")
        content = template.render(page=page, prev=previous, next=next_, slugify=slugify)
        target_path = Path(page.url[1:])
        target_path.mkdir(parents=True, exist_ok=True)
@@ -420,7 +427,7 @@ def tags():
            page_list=sorted(pages_by_tags[tag], reverse=True),
            tag_name=tag,
        )
        target_path = DAVID / "2023" / slugify(tag)
        target_path = DAVID / "2024" / slugify(tag)
        target_path.mkdir(parents=True, exist_ok=True)
        (target_path / "index.html").write_text(content)

@@ -534,11 +541,12 @@ def blogroll():
            url="https://blog.ecologie-politique.eu/",
            feed="https://blog.ecologie-politique.eu/feed/atom",
        ),
        Website(
            name="Llu",
            url="https://bribesdereel.net/",
            feed="https://bribesdereel.net/feed/rss2",
        ),
        # Site en maintenance.
        # Website(
        #     name="Llu",
        #     url="https://bribesdereel.net/",
        #     feed="https://bribesdereel.net/feed/rss2",
        # ),
        Website(
            name="Winnie Lim (en)",
            url="https://winnielim.org/",
@@ -574,6 +582,9 @@ def toot():
 def search():
    """Build the static search page with custom index."""
    template = environment.get_template("recherche.html")
    page_list_2024 = Page.all(
        source=SOURCES_PATH, only_published=True, with_h2_anchors=False
    )
    page_list_2023 = Page.all(
        source=SOURCES_PATH, only_published=True, with_h2_anchors=False
    )
@@ -592,7 +603,8 @@ def search():
    stream_page_list_2019 = StreamPage.all(source=DAVID / "stream" / "2019")
    stream_page_list_2018 = StreamPage.all(source=DAVID / "stream" / "2018")
    page_list = (
        page_list_2023
        page_list_2024
        + page_list_2023
        + page_list_2022
        + page_list_2021
        + page_list_2020