3 months ago · 88ad12e677
--- a/david/2024/01/01/index.html
+++ b/david/2024/01/01/index.html
@@ -194,19 +194,21 @@ Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/02/index.html
+++ b/david/2024/01/02/index.html
@@ -206,19 +206,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/03/index.html
+++ b/david/2024/01/03/index.html
@@ -183,19 +183,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/04/index.html
+++ b/david/2024/01/04/index.html
@@ -169,19 +169,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/05/index.html
+++ b/david/2024/01/05/index.html
@@ -209,19 +209,21 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&nbsp
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/06/index.html
+++ b/david/2024/01/06/index.html
@@ -203,19 +203,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/07/index.html
+++ b/david/2024/01/07/index.html
@@ -204,19 +204,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/08/index.html
+++ b/david/2024/01/08/index.html
@@ -216,19 +216,21 @@ a::before {
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/09/index.html
+++ b/david/2024/01/09/index.html
@@ -187,19 +187,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/10/index.html
+++ b/david/2024/01/10/index.html
@@ -226,19 +226,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/11/index.html
+++ b/david/2024/01/11/index.html
@@ -201,19 +201,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/12/index.html
+++ b/david/2024/01/12/index.html
@@ -206,19 +206,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/13/index.html
+++ b/david/2024/01/13/index.html
@@ -187,19 +187,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/14/index.html
+++ b/david/2024/01/14/index.html
@@ -197,19 +197,21 @@
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/15/index.html
+++ b/david/2024/01/15/index.html
@@ -125,6 +125,10 @@
         title="Aller à la page de recherche"
         rel="search">Recherche</a>
      
        • <a rel="next"
            href="/david/2024/01/16/"
            title="Publication suivante : Endorphines">Suivant →</a>
      
    </p>
  </nav>
  
@@ -168,22 +172,28 @@
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
        • <a rel="next"
            href="/david/2024/01/16/"
            title="Publication suivante : Endorphines">Suivant →</a>
      
    </p>
  </nav>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/01/16/index.html
+++ b/david/2024/01/16/index.html
@@ -0,0 +1,318 @@
 <!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>
    Endorphines
  — David Larlet</title>
  <meta name="description" content="J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150 mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (tapeée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en boitant.">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <body data-instant-intensity="viewport-all">
    <article>
      
  <header>
    <hgroup>
      <h1>Endorphines</h1>
      <p>Le <time datetime="2024-01-16">16 janvier 2024</time></p>
    </hgroup>
  </header>
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/01/15/"
           title="Publication précédente : Rééducation">← Précédent</a> •
      
      <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
      •
      <a href="/david/recherche/"
         title="Aller à la page de recherche"
         rel="search">Recherche</a>
      
    </p>
  </nav>
  
 <p>J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (<em>tape</em>ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&nbsp;boitant.</p>
 <p>Cela conclus peut-être mon journal de&nbsp;chialage.</p>
 <hr />
 <p>Hier soir, je travaillais sur la <a href="/david/">page d’accueil</a> en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&nbsp;chantier).</p>
 <p>Et puis ce matin <a data-link-domain="nicolas-hoizey.com" href="https://nicolas-hoizey.com/">Nicolas H.</a> m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le <em>parsing</em> du contenu HTML (intégrer une <a data-link-domain="validator.w3.org" href="https://validator.w3.org/feed/">validation</a> pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&nbsp;fait.</p>
 <p>Il y a dorénavant 54&nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&nbsp;sourire.</p>
 <p>Je constate au passage que la <a href="/david/recherche/">page de recherche</a> fait 2&#8239;Mo (700&#8239;Ko à télécharger), désindexer des années ou explorer des <a data-link-domain="pagefind.app" href="https://pagefind.app/">alternatives</a>&#8239;? J’aime bien me dire que mes écrits de ces 8&nbsp;dernières années tiennent sur&nbsp;2&nbsp;disquettes.</p>
 <hr />
 <p>Vidéo du jour&nbsp;: <a data-link-domain="video.blast-info.fr" href="https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6">DRY JANUARY, ÉCOLOGIE&nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&#8239;?</a> (désolé pour les cris, ça semble être le style de&nbsp;BLAST&nbsp;🙃).</p>
 <hr />
 <p>On creuse les <a data-link-domain="developer.mozilla.org" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap"><code>importmap</code></a> pour <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&nbsp;Baseline™2023.</p>
 <p>Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&#8239;? <em>À&nbsp;méditer.</em></p>

 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">[archive]</a></em></cite></p>
 </blockquote>

  
    <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/evolution/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#évolution</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/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
      </p>
    </nav>
  
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/01/15/"
           title="Publication précédente : Rééducation">← Précédent</a> •
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
    </p>
  </nav>

      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
    </article>
    <hr>
    <footer>
      <p>
        <a href="/david/" title="Aller à l’accueil">Accueil</a>
        •
        <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
        •
        <a href="http://larlet.com"
           title="Go to my English profile"
           data-instant>Pro</a>
        •
        <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
        •
        <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
      </p>
      <template id="theme-selector">
        <form>
          <style type="text/css">
            fieldset div {
              text-align: center;
            }
          </style>
          <fieldset>
            <legend>Thème</legend>
            <div>
              <label>
                <input type="radio" value="auto" name="chosen-color-scheme" checked>
                Auto
              </label>
              <label>
                <input type="radio" value="dark" name="chosen-color-scheme">
                Foncé
              </label>
              <label>
                <input type="radio" value="light" name="chosen-color-scheme">
                Clair
              </label>
            </div>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      class ThemeToggle extends HTMLElement {
        constructor() {
          super()
          const themeSelectorTemplate = document.querySelector('#theme-selector')
          const form = themeSelectorTemplate.content.firstElementChild
          this.attachShadow({ mode: 'open' })
          this.shadowRoot.appendChild(form.cloneNode(true))
        }

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

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

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

          // WARNING: do not try to insert a Rule to a styleSheet you are
          // currently iterating on, otherwise the browser will be stuck
          // in a infinite loop…
          for (const mediaRule of mediaRules) {
            // Safari requires the `0` second parameter (even if default).
            colorsLayer.insertRule(mediaRule.cssText, 0)
            hasDarkRules = true
          }
        }

        if (hasDarkRules) {
          if ('customElements' in window && !customElements.get('theme-toggle')) {
            customElements.define('theme-toggle', ThemeToggle)
          }
        }
      })
    </script>
    
  </body>
 </html>
--- a/david/2024/_sources/2024-01-16
+++ b/david/2024/_sources/2024-01-16
@@ -0,0 +1,31 @@
 # Endorphines

 J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150 mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (*tape*ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en boitant.

 Cela conclus peut-être mon journal de chialage.

 ---

 Hier soir, je travaillais sur la [page d’accueil](/david/) en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un chantier).

 Et puis ce matin [Nicolas H.](https://nicolas-hoizey.com/) m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le *parsing* du contenu HTML (intégrer une [validation](https://validator.w3.org/feed/) pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est fait.

 Il y a dorénavant 54 liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le sourire.

 Je constate au passage que la [page de recherche](/david/recherche/) fait 2 Mo (700 Ko à télécharger), désindexer des années ou explorer des [alternatives](https://pagefind.app/) ? J’aime bien me dire que mes écrits de ces 8 dernières années tiennent sur 2 disquettes.

 ---

 Vidéo du jour : [DRY JANUARY, ÉCOLOGIE : POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ ?](https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6) (désolé pour les cris, ça semble être le style de BLAST 🙃).

 ---

 On creuse les [`importmap`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap) pour [uMap](https://umap-project.org/fr/) en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du Baseline™2023.

 Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail ? *À méditer.*

 > [en] If the new software no longer runs on old hardware, it is ==worse== than the old software.
 > 
 > <cite>*[Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega](https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/)*</cite>

 #addiction #évolution #technique
--- a/david/2024/accessibilite/index.html
+++ b/david/2024/accessibilite/index.html
@@ -179,19 +179,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/accompagnement/index.html
+++ b/david/2024/accompagnement/index.html
@@ -175,19 +175,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/addiction/index.html
+++ b/david/2024/addiction/index.html
@@ -134,6 +134,49 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/01/16/" title="Lien permanent vers cet article">Endorphines</a> <time datetime="2024-01-16">16 janvier 2024</time>
    </h2>
    
 <p>J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (<em>tape</em>ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&nbsp;boitant.</p>
 <p>Cela conclus peut-être mon journal de&nbsp;chialage.</p>
 <hr />
 <p>Hier soir, je travaillais sur la <a href="/david/">page d’accueil</a> en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&nbsp;chantier).</p>
 <p>Et puis ce matin <a data-link-domain="nicolas-hoizey.com" href="https://nicolas-hoizey.com/">Nicolas H.</a> m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le <em>parsing</em> du contenu HTML (intégrer une <a data-link-domain="validator.w3.org" href="https://validator.w3.org/feed/">validation</a> pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&nbsp;fait.</p>
 <p>Il y a dorénavant 54&nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&nbsp;sourire.</p>
 <p>Je constate au passage que la <a href="/david/recherche/">page de recherche</a> fait 2&#8239;Mo (700&#8239;Ko à télécharger), désindexer des années ou explorer des <a data-link-domain="pagefind.app" href="https://pagefind.app/">alternatives</a>&#8239;? J’aime bien me dire que mes écrits de ces 8&nbsp;dernières années tiennent sur&nbsp;2&nbsp;disquettes.</p>
 <hr />
 <p>Vidéo du jour&nbsp;: <a data-link-domain="video.blast-info.fr" href="https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6">DRY JANUARY, ÉCOLOGIE&nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&#8239;?</a> (désolé pour les cris, ça semble être le style de&nbsp;BLAST&nbsp;🙃).</p>
 <hr />
 <p>On creuse les <a data-link-domain="developer.mozilla.org" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap"><code>importmap</code></a> pour <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&nbsp;Baseline™2023.</p>
 <p>Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&#8239;? <em>À&nbsp;méditer.</em></p>

 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">[archive]</a></em></cite></p>
 </blockquote>

    
      <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/evolution/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#évolution</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/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/01/15/" title="Lien permanent vers cet article">Rééducation</a> <time datetime="2024-01-15">15 janvier 2024</time>
    </h2>
@@ -282,19 +325,21 @@ Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/apprentissage/index.html
+++ b/david/2024/apprentissage/index.html
@@ -345,19 +345,21 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&nbsp
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/communaute/index.html
+++ b/david/2024/communaute/index.html
@@ -196,19 +196,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/decision/index.html
+++ b/david/2024/decision/index.html
@@ -201,19 +201,21 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&nbsp
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/ecriture/index.html
+++ b/david/2024/ecriture/index.html
@@ -419,19 +419,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/equipe/index.html
+++ b/david/2024/equipe/index.html
@@ -201,19 +201,21 @@ Isobel hésite. Sans lever les yeux de son livre, Emily répond à sa place&nbsp
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/evolution/index.html
+++ b/david/2024/evolution/index.html
@@ -134,6 +134,49 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/01/16/" title="Lien permanent vers cet article">Endorphines</a> <time datetime="2024-01-16">16 janvier 2024</time>
    </h2>
    
 <p>J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (<em>tape</em>ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&nbsp;boitant.</p>
 <p>Cela conclus peut-être mon journal de&nbsp;chialage.</p>
 <hr />
 <p>Hier soir, je travaillais sur la <a href="/david/">page d’accueil</a> en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&nbsp;chantier).</p>
 <p>Et puis ce matin <a data-link-domain="nicolas-hoizey.com" href="https://nicolas-hoizey.com/">Nicolas H.</a> m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le <em>parsing</em> du contenu HTML (intégrer une <a data-link-domain="validator.w3.org" href="https://validator.w3.org/feed/">validation</a> pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&nbsp;fait.</p>
 <p>Il y a dorénavant 54&nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&nbsp;sourire.</p>
 <p>Je constate au passage que la <a href="/david/recherche/">page de recherche</a> fait 2&#8239;Mo (700&#8239;Ko à télécharger), désindexer des années ou explorer des <a data-link-domain="pagefind.app" href="https://pagefind.app/">alternatives</a>&#8239;? J’aime bien me dire que mes écrits de ces 8&nbsp;dernières années tiennent sur&nbsp;2&nbsp;disquettes.</p>
 <hr />
 <p>Vidéo du jour&nbsp;: <a data-link-domain="video.blast-info.fr" href="https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6">DRY JANUARY, ÉCOLOGIE&nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&#8239;?</a> (désolé pour les cris, ça semble être le style de&nbsp;BLAST&nbsp;🙃).</p>
 <hr />
 <p>On creuse les <a data-link-domain="developer.mozilla.org" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap"><code>importmap</code></a> pour <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&nbsp;Baseline™2023.</p>
 <p>Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&#8239;? <em>À&nbsp;méditer.</em></p>

 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">[archive]</a></em></cite></p>
 </blockquote>

    
      <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/evolution/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#évolution</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/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/01/15/" title="Lien permanent vers cet article">Rééducation</a> <time datetime="2024-01-15">15 janvier 2024</time>
    </h2>
@@ -229,19 +272,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/experience/index.html
+++ b/david/2024/experience/index.html
@@ -303,19 +303,21 @@ Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/fediverse/index.html
+++ b/david/2024/fediverse/index.html
@@ -196,19 +196,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/ia/index.html
+++ b/david/2024/ia/index.html
@@ -262,19 +262,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/index.html
+++ b/david/2024/index.html
@@ -143,7 +143,8 @@
      <a href="/david/2024/01/12/">Personnel</a>, 
      <a href="/david/2024/01/13/">Wuwei</a>, 
      <a href="/david/2024/01/14/">Fiction</a>, 
      <a href="/david/2024/01/15/">Rééducation</a>.
      <a href="/david/2024/01/15/">Rééducation</a>, 
      <a href="/david/2024/01/16/">Endorphines</a>.
      
    </p>
  
@@ -152,13 +153,13 @@
    <p>
      <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (1)</a>, 
      <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (1)</a>, 
      <a href="/david/2024/addiction/" rel="tag">#addiction (3)</a>, 
      <a href="/david/2024/addiction/" rel="tag">#addiction (4)</a>, 
      <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (3)</a>, 
      <a href="/david/2024/communaute/" rel="tag">#communauté (1)</a>, 
      <a href="/david/2024/decision/" rel="tag">#décision (1)</a>, 
      <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>, 
      <a href="/david/2024/equipe/" rel="tag">#équipe (1)</a>, 
      <a href="/david/2024/evolution/" rel="tag">#évolution (2)</a>, 
      <a href="/david/2024/evolution/" rel="tag">#évolution (3)</a>, 
      <a href="/david/2024/experience/" rel="tag">#expérience (3)</a>, 
      <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>, 
      <a href="/david/2024/ia/" rel="tag">#IA (2)</a>, 
@@ -168,25 +169,27 @@
      <a href="/david/2024/psychologie/" rel="tag">#psychologie (1)</a>, 
      <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (1)</a>, 
      <a href="/david/2024/sport/" rel="tag">#sport (3)</a>, 
      <a href="/david/2024/technique/" rel="tag">#technique (4)</a>, 
      <a href="/david/2024/technique/" rel="tag">#technique (5)</a>, 
      <a href="/david/2024/web/" rel="tag">#web (3)</a>.
      
    </p>
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/parvenir/index.html
+++ b/david/2024/parvenir/index.html
@@ -179,19 +179,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/processus/index.html
+++ b/david/2024/processus/index.html
@@ -331,19 +331,21 @@ a::before {
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/protopie/index.html
+++ b/david/2024/protopie/index.html
@@ -240,19 +240,21 @@ Pb&nbsp;: mémoire, troubles cognitifs, responsable de cancer, pb sommeil, déco
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/psychologie/index.html
+++ b/david/2024/psychologie/index.html
@@ -198,19 +198,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/solastalgia/index.html
+++ b/david/2024/solastalgia/index.html
@@ -208,19 +208,21 @@ a::before {
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/sport/index.html
+++ b/david/2024/sport/index.html
@@ -275,19 +275,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/technique/index.html
+++ b/david/2024/technique/index.html
@@ -134,6 +134,49 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/01/16/" title="Lien permanent vers cet article">Endorphines</a> <time datetime="2024-01-16">16 janvier 2024</time>
    </h2>
    
 <p>J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (<em>tape</em>ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&nbsp;boitant.</p>
 <p>Cela conclus peut-être mon journal de&nbsp;chialage.</p>
 <hr />
 <p>Hier soir, je travaillais sur la <a href="/david/">page d’accueil</a> en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&nbsp;chantier).</p>
 <p>Et puis ce matin <a data-link-domain="nicolas-hoizey.com" href="https://nicolas-hoizey.com/">Nicolas H.</a> m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le <em>parsing</em> du contenu HTML (intégrer une <a data-link-domain="validator.w3.org" href="https://validator.w3.org/feed/">validation</a> pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&nbsp;fait.</p>
 <p>Il y a dorénavant 54&nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&nbsp;sourire.</p>
 <p>Je constate au passage que la <a href="/david/recherche/">page de recherche</a> fait 2&#8239;Mo (700&#8239;Ko à télécharger), désindexer des années ou explorer des <a data-link-domain="pagefind.app" href="https://pagefind.app/">alternatives</a>&#8239;? J’aime bien me dire que mes écrits de ces 8&nbsp;dernières années tiennent sur&nbsp;2&nbsp;disquettes.</p>
 <hr />
 <p>Vidéo du jour&nbsp;: <a data-link-domain="video.blast-info.fr" href="https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6">DRY JANUARY, ÉCOLOGIE&nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&#8239;?</a> (désolé pour les cris, ça semble être le style de&nbsp;BLAST&nbsp;🙃).</p>
 <hr />
 <p>On creuse les <a data-link-domain="developer.mozilla.org" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap"><code>importmap</code></a> pour <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&nbsp;Baseline™2023.</p>
 <p>Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&#8239;? <em>À&nbsp;méditer.</em></p>

 <blockquote lang="en">
 <p>If the new software no longer runs on old hardware, it is <mark>worse</mark> than the old&nbsp;software.</p>
 <p><cite><em><a data-link-domain="blog.jim-nielsen.com" href="https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/">Notes from “An approach to computing and sustainability inspired from permaculture” by Devine LuLinvega</a> <a href="/david/cache/2024/1f40a33f9c57a16d420eb0868a129e96/" title="Copie locale au 2024-01-15">[archive]</a></em></cite></p>
 </blockquote>

    
      <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/evolution/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#évolution</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/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/01/11/" title="Lien permanent vers cet article">Impact</a> <time datetime="2024-01-11">11 janvier 2024</time>
    </h2>
@@ -373,19 +416,21 @@ a::before {
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/2024/web/index.html
+++ b/david/2024/web/index.html
@@ -296,19 +296,21 @@
    
  

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/index.html
+++ b/david/index.html
@@ -142,54 +142,51 @@
  </p>
  <h2>Publications 2024</h2>
  <p>Liste des publications récentes en ordre anté-chronologique :</p>
  <nav>
    <p>
      <a href="/david/2024/01/15/">Rééducation</a>,
      <a href="/david/2024/01/14/">Fiction</a>,
      <a href="/david/2024/01/13/">Wuwei</a>,
      <a href="/david/2024/01/12/">Personnel</a>,
      <a href="/david/2024/01/11/">Impact</a>,
      <a href="/david/2024/01/10/">Écriture</a>,
      <a href="/david/2024/01/09/">Blessure</a>,
      <a href="/david/2024/01/08/">Liens</a>,
      <a href="/david/2024/01/07/">Dons</a>,
      <a href="/david/2024/01/06/">Objectif</a>,
      <a href="/david/2024/01/05/">Vocabulaire</a>,
      <a href="/david/2024/01/04/">Repos</a>,
      <a href="/david/2024/01/03/">Appariement</a>,
      <a href="/david/2024/01/02/">Fondations</a>,
      <a href="/david/2024/01/01/">Dryear(s)</a>.
        
  <p>
    <a href="/david/2024/01/16/">Endorphines</a>,
    <a href="/david/2024/01/15/">Rééducation</a>,
    <a href="/david/2024/01/14/">Fiction</a>,
    <a href="/david/2024/01/13/">Wuwei</a>,
    <a href="/david/2024/01/12/">Personnel</a>,
    <a href="/david/2024/01/11/">Impact</a>,
    <a href="/david/2024/01/10/">Écriture</a>,
    <a href="/david/2024/01/09/">Blessure</a>,
    <a href="/david/2024/01/08/">Liens</a>,
    <a href="/david/2024/01/07/">Dons</a>,
    <a href="/david/2024/01/06/">Objectif</a>,
    <a href="/david/2024/01/05/">Vocabulaire</a>,
    <a href="/david/2024/01/04/">Repos</a>,
    <a href="/david/2024/01/03/">Appariement</a>,
    <a href="/david/2024/01/02/">Fondations</a>,
    <a href="/david/2024/01/01/">Dryear(s)</a>.
      
    </p>
  </nav>
    
  </p>
  <p id="tags-2024">Ou par étiquettes :</p>
  <nav>
    <p>
      <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (1)</a>,
      <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (1)</a>,
      <a href="/david/2024/addiction/" rel="tag">#addiction (3)</a>,
      <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (3)</a>,
      <a href="/david/2024/communaute/" rel="tag">#communauté (1)</a>,
      <a href="/david/2024/decision/" rel="tag">#décision (1)</a>,
      <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>,
      <a href="/david/2024/equipe/" rel="tag">#équipe (1)</a>,
      <a href="/david/2024/evolution/" rel="tag">#évolution (2)</a>,
      <a href="/david/2024/experience/" rel="tag">#expérience (3)</a>,
      <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>,
      <a href="/david/2024/ia/" rel="tag">#IA (2)</a>,
      <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>,
      <a href="/david/2024/processus/" rel="tag">#processus (3)</a>,
      <a href="/david/2024/protopie/" rel="tag">#protopie (2)</a>,
      <a href="/david/2024/psychologie/" rel="tag">#psychologie (1)</a>,
      <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (1)</a>,
      <a href="/david/2024/sport/" rel="tag">#sport (3)</a>,
      <a href="/david/2024/technique/" rel="tag">#technique (4)</a>,
      <a href="/david/2024/web/" rel="tag">#web (3)</a>.
        
  <p>
    <a href="/david/2024/accessibilite/" rel="tag">#accessibilité (1)</a>,
    <a href="/david/2024/accompagnement/" rel="tag">#accompagnement (1)</a>,
    <a href="/david/2024/addiction/" rel="tag">#addiction (4)</a>,
    <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (3)</a>,
    <a href="/david/2024/communaute/" rel="tag">#communauté (1)</a>,
    <a href="/david/2024/decision/" rel="tag">#décision (1)</a>,
    <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>,
    <a href="/david/2024/equipe/" rel="tag">#équipe (1)</a>,
    <a href="/david/2024/evolution/" rel="tag">#évolution (3)</a>,
    <a href="/david/2024/experience/" rel="tag">#expérience (3)</a>,
    <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>,
    <a href="/david/2024/ia/" rel="tag">#IA (2)</a>,
    <a href="/david/2024/parvenir/" rel="tag">#parvenir (1)</a>,
    <a href="/david/2024/processus/" rel="tag">#processus (3)</a>,
    <a href="/david/2024/protopie/" rel="tag">#protopie (2)</a>,
    <a href="/david/2024/psychologie/" rel="tag">#psychologie (1)</a>,
    <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (1)</a>,
    <a href="/david/2024/sport/" rel="tag">#sport (3)</a>,
    <a href="/david/2024/technique/" rel="tag">#technique (5)</a>,
    <a href="/david/2024/web/" rel="tag">#web (3)</a>.
      
    </p>
  </nav>
    
  </p>
  <p>
    Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗.
  </p>
@@ -219,19 +216,21 @@
    </em>
  </p>

      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -6,13 +6,39 @@
    <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
    <link href="https://larlet.fr/david/log/" rel="self" />
    <id>https://larlet.fr/david/</id>
    <updated>2024-01-15T12:00:00+01:00</updated>
    <updated>2024-01-16T12:00:00+01:00</updated>
    <author>
        <name>David Larlet</name>
        <uri>https://larlet.fr/david/</uri>
    </author>
    <rights>Copyright (c) 2004-2024, David Larlet</rights>
    
        <entry xml:lang="fr">
            <title type="html">Endorphines</title>
            <link href="https://larlet.fr/david/2024/01/16/" rel="alternate" type="text/html" />
            <updated>2024-01-16T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/01/16/</id>
            <summary type="html">
 &lt;p&gt;J’ai remis les pieds sur des skis (de fond). J’ai une piste à 150&amp;nbsp;mètres de chez moi et c’était probablement les plus critiques. Je me suis déjà tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations étaient bonnes et l’entorse (&lt;em&gt;tape&lt;/em&gt;ée) n’a pas couiné. Le mollet un peu plus mais je me demande si ce n’est pas à force de compenser en&amp;nbsp;boitant.&lt;/p&gt;
 &lt;p&gt;Cela conclus peut-être mon journal de&amp;nbsp;chialage.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Hier soir, je travaillais sur la &lt;a href=&quot;https://larlet.fr/david/&quot;&gt;page d’accueil&lt;/a&gt; en voulant donner davantage d’espace à la recherche qui passe également en pied de page (qui est un&amp;nbsp;chantier).&lt;/p&gt;
 &lt;p&gt;Et puis ce matin &lt;a href=&quot;https://nicolas-hoizey.com/&quot;&gt;Nicolas H.&lt;/a&gt; m’indique que mon flux est cassé. Je répare cette histoire de caractère invisible qui casse le &lt;em&gt;parsing&lt;/em&gt; du contenu HTML (intégrer une &lt;a href=&quot;https://validator.w3.org/feed/&quot;&gt;validation&lt;/a&gt; pourrait s’avérer être utile). Et je pousse les modifications qui contiennent la page d’accueil en chantier. Tant pis, au moins c’est&amp;nbsp;fait.&lt;/p&gt;
 &lt;p&gt;Il y a dorénavant 54&amp;nbsp;liens sur cette page, j’ai besoin de revoir des choses mais au moins il commence à y avoir une cohérence sur le thème de l’année et ses pages générées. Le chemin continue de me donner le&amp;nbsp;sourire.&lt;/p&gt;
 &lt;p&gt;Je constate au passage que la &lt;a href=&quot;https://larlet.fr/david/recherche/&quot;&gt;page de recherche&lt;/a&gt; fait 2&amp;#8239;Mo (700&amp;#8239;Ko à télécharger), désindexer des années ou explorer des &lt;a href=&quot;https://pagefind.app/&quot;&gt;alternatives&lt;/a&gt;&amp;#8239;? J’aime bien me dire que mes écrits de ces 8&amp;nbsp;dernières années tiennent sur&amp;nbsp;2&amp;nbsp;disquettes.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Vidéo du jour&amp;nbsp;: &lt;a href=&quot;https://video.blast-info.fr/w/9885ed4e-386b-4b3b-bcb5-dc2e454939e6&quot;&gt;DRY JANUARY, ÉCOLOGIE&amp;nbsp;: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRIÉTÉ&amp;#8239;?&lt;/a&gt; (désolé pour les cris, ça semble être le style de&amp;nbsp;BLAST&amp;nbsp;🙃).&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;On creuse les &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap&quot;&gt;&lt;code&gt;importmap&lt;/code&gt;&lt;/a&gt; pour &lt;a href=&quot;https://umap-project.org/fr/&quot;&gt;uMap&lt;/a&gt; en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses intéressantes dans les possibilités que ça offre mais c’est du&amp;nbsp;Baseline™2023.&lt;/p&gt;
 &lt;p&gt;Si un produit accueille moins de personnes lors de mon départ que lors de mon arrivée, j’ai probablement mal fait mon travail&amp;#8239;? &lt;em&gt;À&amp;nbsp;méditer.&lt;/em&gt;&lt;/p&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;If the new software no longer runs on old hardware, it is &lt;mark&gt;worse&lt;/mark&gt; than the old&amp;nbsp;software.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.jim-nielsen.com/2024/notes-from-computing-sustainably/&quot;&gt;Notes from “An approach to computing and sustainability inspired from permaculture” by Devine&amp;nbsp;LuLinvega&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/2024/addiction/&quot;&gt;#addiction&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/evolution/&quot;&gt;#évolution&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/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">Rééducation</title>
            <link href="https://larlet.fr/david/2024/01/15/" rel="alternate" type="text/html" />
--- a/david/recherche/index.html
+++ b/david/recherche/index.html
@@ -48,40 +48,40 @@
  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">
  <link rel="stylesheet" href="/static/david/css/style_2024-01-15.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"
        href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
        href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
        href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_regular.woff2"
        href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_bold.woff2"
        href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/triplicate_t3_italic.woff2"
        href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
@@ -103,180 +103,185 @@
    }
  </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>
  <body data-instant-intensity="viewport-all">
    <article>
      
  <header>
    <hgroup>
      <h1>Recherche</h1>
    </header>
    <nav>
      <p class="center">
        <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>
      </p>
    </nav>
    <hr>
    <form action="https://duckduckgo.com/" method="get" id="form-search">
      <label for="input-search">Termes de votre recherche :</label>
      <input type="search" name="q" id="input-search" required>
      <input type="hidden" name="sites" value="larlet.fr">
      <button>Chercher</button>
      <button type="reset">Annuler</button>
    </form>
    <p id="search-status" role="status"></p>
    <div id="search-results"></div>
    <hr>
      <p>Seuls les contenus de ces 8 dernières années sont indexés.</p>
    </hgroup>
  </header>
  <nav>
    <p>
      Seuls les écrits de ces dernières années sont indexés.
      Vous pouvez aussi consulter les archives chronologiques de
      <a href="/david/2024/">2024</a>,
      <a href="/david/2023/">2023</a>,
      <a href="/david/2022/">2022</a>,
      <a href="/david/2021/">2021</a>,
      <a href="/david/2020/">2020</a>,
      <a href="/david/blog/">etc</a>.
      <a href="/david/" title="Aller à l’accueil">
        Accueil</a>
      •
      <a rel="tags"
        href="/david/2024/#tags"
        title="Liste de toutes les étiquettes">
        Étiquettes</a>
      •
      <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
    </p>
  
  </nav>
  <form action="https://duckduckgo.com/" method="get" id="form-search">
    <fieldset>
      <legend>Recherche</legend>
      <label for="input-search">Termes de votre recherche :</label>
      <input id="input-search" type="search" name="q" aria-describedby="indexation-infos" required>
      <input type="submit" value="Chercher">
      <p id="indexation-infos" role="status"><small></small></p>
    </fieldset>
  </form>
  <div id="search-results"></div>
  <hr>
  <p>
    Vous pouvez aussi consulter les archives chronologiques de
    <a href="/david/2024/">2024</a>,
    <a href="/david/2023/">2023</a>,
    <a href="/david/2022/">2022</a>,
    <a href="/david/2021/">2021</a>,
    <a href="/david/2020/">2020</a>,
    <a href="/david/blog/">etc</a>.
  </p>

      
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
    </article>
    <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>
        <a href="/david/" title="Aller à l’accueil">Accueil</a>
        •
        <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>
        <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
        •
        <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>
        <a href="http://larlet.com"
           title="Go to my English profile"
           data-instant>Pro</a>
        •
        <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>
        <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
        •
        <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>
        <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
      </p>
      <template id="theme-selector">
        <form>
          <style type="text/css">
            fieldset div {
              text-align: center;
            }
          </style>
          <fieldset>
            <legend>
              <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>
            <legend>Thème</legend>
            <div>
              <label>
                <input type="radio" value="auto" name="chosen-color-scheme" checked>
                Auto
              </label>
              <label>
                <input type="radio" value="dark" name="chosen-color-scheme">
                Foncé
              </label>
              <label>
                <input type="radio" value="light" name="chosen-color-scheme">
                Clair
              </label>
            </div>
          </fieldset>
        </form>
      </template>
    </footer>
    <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
    <script>
      function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)
      class ThemeToggle extends HTMLElement {
        constructor() {
          super()
          const themeSelectorTemplate = document.querySelector('#theme-selector')
          const form = themeSelectorTemplate.content.firstElementChild
          this.attachShadow({ mode: 'open' })
          this.shadowRoot.appendChild(form.cloneNode(true))
        }

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

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

      const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
      window.addEventListener('load', () => {
        let colorsLayer = undefined
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
          let mediaRules = []
          for (const cssRule of styleSheet.cssRules) {
            if (cssRule.type !== CSSRule.MEDIA_RULE) {
          for (const layerRule of styleSheet.cssRules) {
            if (!(layerRule instanceof CSSLayerBlockRule)) {
              continue
            }
            // WARNING: Safari does not have/supports `conditionText`.
            if (cssRule.conditionText) {
              if (cssRule.conditionText !== prefersColorSchemeDark) {
            if (layerRule.name === 'colors') {
              colorsLayer = layerRule
            }
            for (const cssRule of layerRule.cssRules) {
              if (cssRule.type !== CSSRule.MEDIA_RULE) {
                continue
              }
            } else {
              if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                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))
            }
            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)
            // Safari requires the `0` second parameter (even if default).
            colorsLayer.insertRule(mediaRule.cssText, 0)
            hasDarkRules = true
          }
        }

        if (hasDarkRules) {
          loadThemeForm('#theme-selector')
          if ('customElements' in window && !customElements.get('theme-toggle')) {
            customElements.define('theme-toggle', ThemeToggle)
          }
        }
      })
    </script>
    
    <template id="search-result">
      <h2>
        <a href="${url}">${title}</a> (${date})
        <a href="${url}">${title}</a> <time datetime="${date}">${date}</time>
      </h2>
      <p>${content}</p>
    </template>
    
    <script id="search-index" type="application/json">[
  {
    "title": "Endorphines",
    "url": "/david/2024/01/16/",
    "date": "2024-01-16",
    "content": "J\u2019ai remis les pieds sur des skis (de fond). J\u2019ai une piste \u00e0 150\u00a0m\u00e8tres de chez moi et c\u2019\u00e9tait probablement les plus critiques. Je me suis d\u00e9j\u00e0 tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations \u00e9taient bonnes et l\u2019entorse (tape\u00e9e) n\u2019a pas couin\u00e9. Le mollet un peu plus mais je me demande si ce n\u2019est pas \u00e0 force de compenser en\u00a0boitant. Cela conclus peut-\u00eatre mon journal de\u00a0chialage. Hier soir, je travaillais sur la page d\u2019accueil en voulant donner davantage d\u2019espace \u00e0 la recherche qui passe \u00e9galement en pied de page (qui est un\u00a0chantier). Et puis ce matin Nicolas H. m\u2019indique que mon flux est cass\u00e9. Je r\u00e9pare cette histoire de caract\u00e8re invisible qui casse le parsing du contenu HTML (int\u00e9grer une validation pourrait s\u2019av\u00e9rer \u00eatre utile). Et je pousse les modifications qui contiennent la page d\u2019accueil en chantier. Tant pis, au moins c\u2019est\u00a0fait. Il y a dor\u00e9navant 54\u00a0liens sur cette page, j\u2019ai besoin de revoir des choses mais au moins il commence \u00e0 y avoir une coh\u00e9rence sur le th\u00e8me de l\u2019ann\u00e9e et ses pages g\u00e9n\u00e9r\u00e9es. Le chemin continue de me donner le\u00a0sourire. Je constate au passage que la page de recherche fait 2\u202fMo (700\u202fKo \u00e0 t\u00e9l\u00e9charger), d\u00e9sindexer des ann\u00e9es ou explorer des alternatives\u202f? J\u2019aime bien me dire que mes \u00e9crits de ces 8\u00a0derni\u00e8res ann\u00e9es tiennent sur\u00a02\u00a0disquettes. Vid\u00e9o du jour\u00a0: DRY JANUARY, \u00c9COLOGIE\u00a0: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRI\u00c9T\u00c9\u202f? (d\u00e9sol\u00e9 pour les cris, \u00e7a semble \u00eatre le style de\u00a0BLAST\u00a0\ud83d\ude43). On creuse les importmap pour uMap en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses int\u00e9ressantes dans les possibilit\u00e9s que \u00e7a offre mais c\u2019est du\u00a0Baseline\u21222023. Si un produit accueille moins de personnes lors de mon d\u00e9part que lors de mon arriv\u00e9e, j\u2019ai probablement mal fait mon travail\u202f? \u00c0\u00a0m\u00e9diter. If the new software no longer runs on old hardware, it is worse than the old\u00a0software. Notes from \u201cAn approach to computing and sustainability inspired from permaculture\u201d by Devine\u00a0LuLinvega"
  },
  {
    "title": "R\u00e9\u00e9ducation",
    "url": "/david/2024/01/15/",
@@ -367,6 +372,12 @@
    "date": "2024-01-01",
    "content": "33\u202f% de 44\u00a0millions de consommateurs vont faire le Dry January 22\u202f% des consommateurs ont une conso excessive, c\u2019est-\u00e0-dire 10\u00a0verres/semaine max et plus de deux\u00a0verres/jour. Les seniors sont aussi tr\u00e8s touch\u00e9\u00b7es. L\u2019alcool est une drogue.. On peut faire la f\u00eate sans alcool et\u00a0s\u2019\u00e9clater. Quand on arr\u00eate\u00a0: bienfaits sur le foie, la peau, le coeur, etc\u2026 Pb\u00a0: m\u00e9moire, troubles cognitifs, responsable de cancer, pb sommeil, d\u00e9compensation de maladie psy,\u2026 41000\u00a0d\u00e9c\u00e8s par an en\u00a0France. Les cinq sympt\u00f4mes d\u00e9finissent un probl\u00e8me de\u00a0d\u00e9pendance\u00a0: Perte de\u00a0contr\u00f4le Usage\u00a0compulsif Envie\u00a0r\u00e9pressive Usage\u00a0chronique Cons\u00e9quences psychiques, physiques, sociales,\u2026 Bon Dry J. pour celleux qui le font\u202f! Moi j\u2019en\u00a0suis\u202f! @Air@framapiaf.org Dans mon entourage, de plus en plus de personnes que j\u2019estime ne boivent pas d\u2019alcool, de plus en plus de personnes qui vieillissent en deviennent d\u00e9pendantes. Je suis davantage attir\u00e9 par la premi\u00e8re option\u2026 et pas pour un seul\u00a0mois. Je me sens pr\u00eat, on verra bien o\u00f9 cela me\u00a0m\u00e8ne. Grosse envie de reprendre la CSS par ici en ce d\u00e9but d\u2019ann\u00e9e. Avec le dilemme de faire chuter cette motivation si je publie d\u00e8s maintenant avec l\u2019ancienne (qui restera effective sur les anciens articles). Je vais essayer de me\u00a0retenir."
  },
  {
    "title": "Endorphines",
    "url": "/david/2024/01/16/",
    "date": "2024-01-16",
    "content": "J\u2019ai remis les pieds sur des skis (de fond). J\u2019ai une piste \u00e0 150\u00a0m\u00e8tres de chez moi et c\u2019\u00e9tait probablement les plus critiques. Je me suis d\u00e9j\u00e0 tordu la cheville plusieurs fois sur ce trajet. Mais une fois dans les traces les sensations \u00e9taient bonnes et l\u2019entorse (tape\u00e9e) n\u2019a pas couin\u00e9. Le mollet un peu plus mais je me demande si ce n\u2019est pas \u00e0 force de compenser en\u00a0boitant. Cela conclus peut-\u00eatre mon journal de\u00a0chialage. Hier soir, je travaillais sur la page d\u2019accueil en voulant donner davantage d\u2019espace \u00e0 la recherche qui passe \u00e9galement en pied de page (qui est un\u00a0chantier). Et puis ce matin Nicolas H. m\u2019indique que mon flux est cass\u00e9. Je r\u00e9pare cette histoire de caract\u00e8re invisible qui casse le parsing du contenu HTML (int\u00e9grer une validation pourrait s\u2019av\u00e9rer \u00eatre utile). Et je pousse les modifications qui contiennent la page d\u2019accueil en chantier. Tant pis, au moins c\u2019est\u00a0fait. Il y a dor\u00e9navant 54\u00a0liens sur cette page, j\u2019ai besoin de revoir des choses mais au moins il commence \u00e0 y avoir une coh\u00e9rence sur le th\u00e8me de l\u2019ann\u00e9e et ses pages g\u00e9n\u00e9r\u00e9es. Le chemin continue de me donner le\u00a0sourire. Je constate au passage que la page de recherche fait 2\u202fMo (700\u202fKo \u00e0 t\u00e9l\u00e9charger), d\u00e9sindexer des ann\u00e9es ou explorer des alternatives\u202f? J\u2019aime bien me dire que mes \u00e9crits de ces 8\u00a0derni\u00e8res ann\u00e9es tiennent sur\u00a02\u00a0disquettes. Vid\u00e9o du jour\u00a0: DRY JANUARY, \u00c9COLOGIE\u00a0: POURQUOI LE POUVOIR A-T-IL SI PEUR DE LA SOBRI\u00c9T\u00c9\u202f? (d\u00e9sol\u00e9 pour les cris, \u00e7a semble \u00eatre le style de\u00a0BLAST\u00a0\ud83d\ude43). On creuse les importmap pour uMap en ce moment. Un peu contraints par un passage aux modules JS qui supporte mal la minification + invalidation du cache. Il y a des choses int\u00e9ressantes dans les possibilit\u00e9s que \u00e7a offre mais c\u2019est du\u00a0Baseline\u21222023. Si un produit accueille moins de personnes lors de mon d\u00e9part que lors de mon arriv\u00e9e, j\u2019ai probablement mal fait mon travail\u202f? \u00c0\u00a0m\u00e9diter. If the new software no longer runs on old hardware, it is worse than the old\u00a0software. Notes from \u201cAn approach to computing and sustainability inspired from permaculture\u201d by Devine\u00a0LuLinvega"
  },
  {
    "title": "R\u00e9\u00e9ducation",
    "url": "/david/2024/01/15/",
@@ -5636,7 +5647,7 @@
        let form = document.querySelector('#form-search')
        let input = document.querySelector('#input-search')
        let resultList = document.querySelector('#search-results')
        let searchStatus = document.querySelector('#search-status')
        let searchStatus = document.querySelector('[role="status"] small')
        let searchResultTemplate = document.querySelector('#search-result')

        // Make sure required content exists
--- a/david/templates/base_2024.html
+++ b/david/templates/base_2024.html
@@ -107,19 +107,21 @@
    <article>
      {% block content %}
      {% endblock content %}
      <form action="/david/recherche/" method="get">
        <fieldset>
          <legend>Recherche</legend>
          <label for="input-search">Termes de votre recherche :</label>
          <input type="search" name="s" aria-describedby="indexation-infos" required>
          <input type="submit" value="Chercher">
          <p id="indexation-infos">
            <small>
              Seuls les contenus de ces 8 dernières années sont indexés.
            </small>
          </p>
        </fieldset>
      </form>
      {% block search %}
        <form action="/david/recherche/" method="get">
          <fieldset>
            <legend>Recherche</legend>
            <label for="input-search">Termes de votre recherche :</label>
            <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
            <input type="submit" value="Chercher">
            <p id="indexation-infos">
              <small>
                Seuls les contenus de ces 8 dernières années sont indexés.
              </small>
            </p>
          </fieldset>
        </form>
      {% endblock search %}
      <aside>
        <theme-toggle></theme-toggle>
      </aside>
--- a/david/templates/profil_2024.html
+++ b/david/templates/profil_2024.html
@@ -39,27 +39,23 @@
  </p>
  <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 -%}.
        {% endif %}
      {% endfor %}
    </p>
  </nav>
  <p>
    {% for page in page_list -%}
      <a href="{{ page.url }}">{{ page.title }}</a>
      {%- if not loop.last %},
      {%- else -%}.
      {% endif %}
    {% endfor %}
  </p>
  <p id="tags-2024">Ou par étiquettes :</p>
  <nav>
    <p>
      {% for slug, title, count in tags -%}
        <a href="/david/2024/{{ slug }}/" rel="tag">#{{ title }} ({{ count }})</a>
        {%- if not loop.last %},
        {%- else -%}.
        {% endif %}
      {% endfor %}
    </p>
  </nav>
  <p>
    {% for slug, title, count in tags -%}
      <a href="/david/2024/{{ slug }}/" rel="tag">#{{ title }} ({{ count }})</a>
      {%- if not loop.last %},
      {%- else -%}.
      {% endif %}
    {% endfor %}
  </p>
  <p>
    Les <a href="/david/blogroll/">liens des ami·es</a> avec leurs dernières publications 🤗.
  </p>
--- a/david/templates/recherche_2024.html
+++ b/david/templates/recherche_2024.html
@@ -0,0 +1,375 @@
 {% extends "base_2024.html" %}
 {% block lang %}fr{% endblock %}
 {% block title %}Recherche{% endblock %}
 {% block description %}Voici l’espace personnel de David Larlet sur le Web.{% endblock %}
 {% block content %}
  <header>
    <hgroup>
      <h1>Recherche</h1>
      <p>Seuls les contenus de ces 8 dernières années sont indexés.</p>
    </hgroup>
  </header>
  <nav>
    <p>
      <a href="/david/" title="Aller à l’accueil">
        Accueil</a>
      •
      <a rel="tags"
        href="/david/2024/#tags"
        title="Liste de toutes les étiquettes">
        Étiquettes</a>
      •
      <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
    </p>
  </nav>
  <form action="https://duckduckgo.com/" method="get" id="form-search">
    <fieldset>
      <legend>Recherche</legend>
      <label for="input-search">Termes de votre recherche :</label>
      <input id="input-search" type="search" name="q" aria-describedby="indexation-infos" required>
      <input type="submit" value="Chercher">
      <p id="indexation-infos" role="status"><small></small></p>
    </fieldset>
  </form>
  <div id="search-results"></div>
  <hr>
  <p>
    Vous pouvez aussi consulter les archives chronologiques de
    <a href="/david/2024/">2024</a>,
    <a href="/david/2023/">2023</a>,
    <a href="/david/2022/">2022</a>,
    <a href="/david/2021/">2021</a>,
    <a href="/david/2020/">2020</a>,
    <a href="/david/blog/">etc</a>.
  </p>
 {% endblock content %}
 {% block search %}{% endblock search %}
  {% block extra_body %}
    <template id="search-result">
      <h2>
        <a href="${url}">${title}</a> <time datetime="${date}">${date}</time>
      </h2>
      <p>${content}</p>
    </template>
    {# djlint:off #}
    <script id="search-index" type="application/json">{{ search_index }}</script>
    {# djlint:on #}
    <!-- French stopwords from https://github.com/stopwords-iso/stopwords-fr -->
    <script id="search-stop-words" type="application/json">
      [
        "a", "abord", "absolument", "afin", "ah", "ai", "aie", "aient", "aies",
        "ailleurs", "ainsi", "ait", "allaient", "allo", "allons", "allô",
        "alors", "anterieur", "anterieure", "anterieures", "apres", "après",
        "as", "assez", "attendu", "au", "aucun", "aucune", "aucuns", "aujourd",
        "aujourd'hui", "aupres", "auquel", "aura", "aurai", "auraient", "aurais",
        "aurait", "auras", "aurez", "auriez", "aurions", "aurons", "auront",
        "aussi", "autant", "autre", "autrefois", "autrement", "autres", "autrui",
        "aux", "auxquelles", "auxquels", "avaient", "avais", "avait", "avant",
        "avec", "avez", "aviez", "avions", "avoir", "avons", "ayant", "ayez",
        "ayons", "b", "bah", "bas", "basee", "bat", "beau", "beaucoup", "bien",
        "bigre", "bon", "boum", "bravo", "brrr", "c", "car", "ce", "ceci",
        "cela", "celle", "celle-ci", "celle-là", "celles", "celles-ci",
        "celles-là", "celui", "celui-ci", "celui-là", "celà", "cent",
        "cependant", "certain", "certaine", "certaines", "certains", "certes",
        "ces", "cet", "cette", "ceux", "ceux-ci", "ceux-là", "chacun", "chacune",
        "chaque", "cher", "chers", "chez", "chiche", "chut", "chère", "chères",
        "ci", "cinq", "cinquantaine", "cinquante", "cinquantième", "cinquième",
        "clac", "clic", "combien", "comme", "comment", "comparable",
        "comparables", "compris", "concernant", "contre", "couic", "crac", "d",
        "da", "dans", "de", "debout", "dedans", "dehors", "deja", "delà",
        "depuis", "dernier", "derniere", "derriere", "derrière", "des",
        "desormais", "desquelles", "desquels", "dessous", "dessus", "deux",
        "deuxième", "deuxièmement", "devant", "devers", "devra", "devrait",
        "different", "differentes", "differents", "différent", "différente",
        "différentes", "différents", "dire", "directe", "directement", "dit",
        "dite", "dits", "divers", "diverse", "diverses", "dix", "dix-huit",
        "dix-neuf", "dix-sept", "dixième", "doit", "doivent", "donc", "dont",
        "dos", "douze", "douzième", "dring", "droite", "du", "duquel", "durant",
        "dès", "début", "désormais", "e", "effet", "egale", "egalement",
        "egales", "eh", "elle", "elle-même", "elles", "elles-mêmes", "en",
        "encore", "enfin", "entre", "envers", "environ", "es", "essai", "est",
        "et", "etant", "etc", "etre", "eu", "eue", "eues", "euh", "eurent",
        "eus", "eusse", "eussent", "eusses", "eussiez", "eussions", "eut", "eux",
        "eux-mêmes", "exactement", "excepté", "extenso", "exterieur", "eûmes",
        "eût", "eûtes", "f", "fais", "faisaient", "faisant", "fait", "faites",
        "façon", "feront", "fi", "flac", "floc", "fois", "font", "force",
        "furent", "fus", "fusse", "fussent", "fusses", "fussiez", "fussions",
        "fut", "fûmes", "fût", "fûtes", "g", "gens", "h", "ha", "haut", "hein",
        "hem", "hep", "hi", "ho", "holà", "hop", "hormis", "hors", "hou", "houp",
        "hue", "hui", "huit", "huitième", "hum", "hurrah", "hé", "hélas", "i",
        "ici", "il", "ils", "importe", "j", "je", "jusqu", "jusque", "juste",
        "k", "l", "la", "laisser", "laquelle", "las", "le", "lequel", "les",
        "lesquelles", "lesquels", "leur", "leurs", "longtemps", "lors",
        "lorsque", "lui", "lui-meme", "lui-même", "là", "lès", "m", "ma",
        "maint", "maintenant", "mais", "malgre", "malgré", "maximale", "me",
        "meme", "memes", "merci", "mes", "mien", "mienne", "miennes", "miens",
        "mille", "mince", "mine", "minimale", "moi", "moi-meme", "moi-même",
        "moindres", "moins", "mon", "mot", "moyennant", "multiple", "multiples",
        "même", "mêmes", "n", "na", "naturel", "naturelle", "naturelles", "ne",
        "neanmoins", "necessaire", "necessairement", "neuf", "neuvième", "ni",
        "nombreuses", "nombreux", "nommés", "non", "nos", "notamment", "notre",
        "nous", "nous-mêmes", "nouveau", "nouveaux", "nul", "néanmoins", "nôtre",
        "nôtres", "o", "oh", "ohé", "ollé", "olé", "on", "ont", "onze",
        "onzième", "ore", "ou", "ouf", "ouias", "oust", "ouste", "outre",
        "ouvert", "ouverte", "ouverts", "o|", "où", "p", "paf", "pan", "par",
        "parce", "parfois", "parle", "parlent", "parler", "parmi", "parole",
        "parseme", "partant", "particulier", "particulière", "particulièrement",
        "pas", "passé", "pendant", "pense", "permet", "personne", "personnes",
        "peu", "peut", "peuvent", "peux", "pff", "pfft", "pfut", "pif", "pire",
        "pièce", "plein", "plouf", "plupart", "plus", "plusieurs", "plutôt",
        "possessif", "possessifs", "possible", "possibles", "pouah", "pour",
        "pourquoi", "pourrais", "pourrait", "pouvait", "prealable",
        "precisement", "premier", "première", "premièrement", "pres", "probable",
        "probante", "procedant", "proche", "près", "psitt", "pu", "puis",
        "puisque", "pur", "pure", "q", "qu", "quand", "quant", "quant-à-soi",
        "quanta", "quarante", "quatorze", "quatre", "quatre-vingt", "quatrième",
        "quatrièmement", "que", "quel", "quelconque", "quelle", "quelles",
        "quelqu'un", "quelque", "quelques", "quels", "qui", "quiconque",
        "quinze", "quoi", "quoique", "r", "rare", "rarement", "rares",
        "relative", "relativement", "remarquable", "rend", "rendre", "restant",
        "reste", "restent", "restrictif", "retour", "revoici", "revoilà", "rien",
        "s", "sa", "sacrebleu", "sait", "sans", "sapristi", "sauf", "se", "sein",
        "seize", "selon", "semblable", "semblaient", "semble", "semblent",
        "sent", "sept", "septième", "sera", "serai", "seraient", "serais",
        "serait", "seras", "serez", "seriez", "serions", "serons", "seront",
        "ses", "seul", "seule", "seulement", "si", "sien", "sienne", "siennes",
        "siens", "sinon", "six", "sixième", "soi", "soi-même", "soient", "sois",
        "soit", "soixante", "sommes", "son", "sont", "sous", "souvent", "soyez",
        "soyons", "specifique", "specifiques", "speculatif", "stop",
        "strictement", "subtiles", "suffisant", "suffisante", "suffit", "suis",
        "suit", "suivant", "suivante", "suivantes", "suivants", "suivre",
        "sujet", "superpose", "sur", "surtout", "t", "ta", "tac", "tandis",
        "tant", "tardive", "te", "tel", "telle", "tellement", "telles", "tels",
        "tenant", "tend", "tenir", "tente", "tes", "tic", "tien", "tienne",
        "tiennes", "tiens", "toc", "toi", "toi-même", "ton", "touchant",
        "toujours", "tous", "tout", "toute", "toutefois", "toutes", "treize",
        "trente", "tres", "trois", "troisième", "troisièmement", "trop", "très",
        "tsoin", "tsouin", "tu", "té", "u", "un", "une", "unes", "uniformement",
        "unique", "uniques", "uns", "v", "va", "vais", "valeur", "vas", "vers",
        "via", "vif", "vifs", "vingt", "vivat", "vive", "vives", "vlan", "voici",
        "voie", "voient", "voilà", "voire", "vont", "vos", "votre", "vous",
        "vous-mêmes", "vu", "vé", "vôtre", "vôtres", "w", "x", "y", "z", "zut",
        "à", "â", "ça", "ès", "étaient", "étais", "était", "étant", "état",
        "étiez", "étions", "été", "étée", "étées", "étés", "êtes", "être", "ô"
      ]
    </script>
    <script type="text/javascript">
      /* See:
       * https://gomakethings.com/how-to-create-a-search-page-for-a-static-website-with-vanilla-js/
       * https://gomakethings.com/how-to-update-the-url-of-a-page-without-causing-a-reload-using-vanilla-javascript/
       */
      ;
      (function() {
        // Retrieving the search index and stopwords from JSON.
        // See https://v8.dev/blog/cost-of-javascript-2019#json
        let searchIndex = JSON.parse(
          document.getElementById('search-index').textContent
        )
        let stopWords = JSON.parse(
          document.getElementById('search-stop-words').textContent
        )

        // Get the DOM elements
        let form = document.querySelector('#form-search')
        let input = document.querySelector('#input-search')
        let resultList = document.querySelector('#search-results')
        let searchStatus = document.querySelector('[role="status"] small')
        let searchResultTemplate = document.querySelector('#search-result')

        // Make sure required content exists
        if (
          !form ||
          !input ||
          !resultList ||
          !searchStatus ||
          !searchIndex ||
          !stopWords ||
          !searchResultTemplate
        )
          return

        // Create a submit handler
        form.addEventListener('submit', function(event) {
          event.preventDefault()
          search(input.value)
        })

        // Create a typeahead handler
        form.addEventListener('keyup', function(event) {
          search(input.value)
        })

        // Create a reset handler
        form.addEventListener('reset', function() {
          search('')
          searchStatus.innerHTML = ''
        })

        // Check for query strings onload
        onload()

        /**
         * If there's a query string search term, search it on page load
         */
        function onload() {
          let query = new URLSearchParams(window.location.search).get('s')
          if (!query) return
          input.value = query
          search(query)
        }

        /**
         * Search for matches
         * @param  {String} query The term to search for
         */
        function search(query) {
          // Create a regex for each query
          let regMap = query
            .toLowerCase()
            .split(' ')
            .filter(function(word) {
              return word.length && !stopWords.includes(word)
            })
            .map(function(word) {
              return new RegExp(word, 'i')
            })

          // Get and sort the results
          let results = searchIndex
            .reduce(function(results, article, index) {
              // Setup priority count
              let priority = 0

              // Assign priority
              for (let reg of regMap) {
                if (reg.test(article.title)) {
                  priority += 100
                }
                let occurences = article.content.match(reg)
                if (occurences) {
                  priority += occurences.length
                }
              }

              // If any matches, push to results
              if (priority > 0) {
                results.push({
                  priority: priority,
                  article: article,
                })
              }

              return results
            }, [])
            .sort(function(article1, article2) {
              return article2.priority - article1.priority
            })

          results = [
            ...new Map(results.map(item => [item['article']['title'], item])).values()
          ]

          // Display the results
          showResults(results, regMap)

          // Update the URL
          updateURL(query)
        }

        /**
         * Show the search results in the UI
         * @param  {Array}  results The results to display
         * @param  {List}  regMap Regular expressions for the highlights
         */
        function showResults(results, regMap) {
          let status = 'Aucune publication n’a été trouvée 😢'
          let searchResults = ''
          if (results.length) {
            const plural = results.length > 1 ? 's' : ''
            status = `${results.length} publication${plural} trouvée${plural} 🙌`
            searchResults = results
              .map(function(result) {
                return interpolate(searchResultTemplate.innerHTML, {
                  url: result.article.url,
                  title: highlightText(result.article.title, regMap),
                  date: result.article.date,
                  content: highlightText(result.article.content, regMap),
                })
              })
              .join('')
          }
          searchStatus.innerHTML = status
          resultList.innerHTML = searchResults
        }

        /**
         * Get a template from a string
         * https://stackoverflow.com/a/41015840
         * https://gomakethings.com/html-templates-with-vanilla-javascript/
         * @param  {String} str    The string to interpolate
         * @param  {Object} params The parameters
         * @return {String}        The interpolated string
         */
        function interpolate(str, params) {
          let names = Object.keys(params)
          let vals = Object.values(params)
          return new Function(...names, `return \`${str}\``)(...vals)
        }

        /**
         * Highlight the text in the UI
         * @param  {String}  text The content to highlight
         * @param  {List}  regMap Regular expressions for the highlights
         */
        function highlightText(text, regMap) {
          // TODO: deal with close matches when multiple words are looked for,
          // it does not look trivial because you have to memorize positions
          // then create extracts.
          // For instance: `microsoft github`
          const extractBoundariesSize = 100
          const textLength = text.length
          let extracts = []
          for (let reg of regMap) {
            const index = text.search(reg)
            if (index === -1) {
              continue
            }
            let extract = text.substring(
              index - extractBoundariesSize,
              index + reg.source.length + extractBoundariesSize
            )
            // TODISCUSS: we replace with the source but in case there is
            // an uppercase letter it will disappear from the extract
            // (is that confusing or closer to what is expected?)
            extract = extract.replace(reg, `<mark>${reg.source}</mark>`)
            const prefixEllipsis = index - extractBoundariesSize >= 0 ? '…' : ''
            const suffixEllipsis =
              index + extractBoundariesSize <= textLength ? '…' : ''
            extracts.push(`${prefixEllipsis}${extract}${suffixEllipsis}`)
          }
          if (!extracts.length && textLength < 200) {
            // If there is no match but it's a short title, return it.
            return text
          }
          return extracts.join('')
        }

        /**
         * Update the URL with a query string for the search string
         * @param  {String} query The search query
         */
        function updateURL(query) {
          // Create the properties
          let state = history.state
          let title = document.title
          let url = window.location.origin + window.location.pathname
          if (query) {
            url += '?s=' + encodeURI(query)
          }

          // Update the URL
          history.pushState(state, title, url)
        }
      })()
    </script>
  {% endblock %}
--- a/site.py
+++ b/site.py
@@ -616,7 +616,7 @@ def toot():
@cli
 def search():
    """Build the static search page with custom index."""
    template = environment.get_template("recherche.html")
    template = environment.get_template("recherche_2024.html")
    page_list_2024 = Page.all(
        source=SOURCES_PATH, only_published=True, with_h2_anchors=False
    )