2 months ago · 6686af64ed
--- a/david/2024/02/05/index.html
+++ b/david/2024/02/05/index.html
@@ -152,6 +152,10 @@
         title="Aller à la page de recherche"
         rel="search" data-no-instant>Recherche</a>
      
        • <a rel="next"
            href="/david/2024/02/06/"
            title="Publication suivante : Anneau">Suivant →</a>
      
    </p>
  </nav>
  
@@ -203,6 +207,10 @@
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
        • <a rel="next"
            href="/david/2024/02/06/"
            title="Publication suivante : Anneau">Suivant →</a>
      
    </p>
  </nav>

--- a/david/2024/02/06/index.html
+++ b/david/2024/02/06/index.html
@@ -0,0 +1,392 @@
 <!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>
    Anneau
  — David Larlet</title>
  <meta name="description" content="« J’aurais voulu que cela n’ait pas à arriver de mon temps », dit Frodo. « Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est ce que nous comptons faire du temps qui nous est imparti. »">
  <!-- 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-02-03.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>
  
 <style type="text/css">
  .tippy-content {
    min-width: 280px;
    padding: .5rem;
    font-size: calc(var(--fluid-0) * 0.8);
    font-family: var(--labor-font);
    letter-spacing: initial;
    text-align: left;
  }
  .tippy-content h3 {
    margin-top: 0;
  }
  .tippy-content h3 img {
    max-width: 2rem;
    max-height: 2rem;
    display: inline-block;
  }
  .tippy-content .tippy-links {
    display: flex;
    justify-content: space-around;
  }
  .tippy-content a {
    padding: .4rem;
    color: #F06048;
  }
 </style>

  <body data-instant-intensity="viewport-all">
    <article>
      
  <header>
    <hgroup>
      <h1>Anneau</h1>
      <p>Le <time datetime="2024-02-06">6 février 2024</time></p>
    </hgroup>
  </header>
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/02/05/"
           title="Publication précédente : Jeu">← 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" data-no-instant>Recherche</a>
      
    </p>
  </nav>
  

 <blockquote>
 <p>«&nbsp;J’aurais voulu que cela n’ait pas à arriver de mon temps&nbsp;», dit Frodo.<br />
 «&nbsp;Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est <mark>ce que nous comptons faire du temps qui nous est imparti.</mark>&nbsp;»</p>
 <p><cite><em>Le seigneur des anneaux</em>, J.R.R. Tolkien</cite></p>
 </blockquote>
 <p>Me voilà repartit pour un tour au départ <strong>du</strong> Comté, cette fois avec la nouvelle traduction de Daniel Lauzon. Ça pique un peu au niveau des noms, forcément.</p>
 <p>Je vais moins publier ces prochains&nbsp;jours&nbsp;😇.</p>

 <blockquote>
 <p><em>Tout ce qui est or ne brille pas,</em><br />
 <em>Ne sont pas perdus tout ceux qui vagabondent&#8239;;</em><br />
 <em>Ce qui est vieux mais fort ne se flétrit pas,</em><br />
 <em>Le gel n’atteint pas les racines&nbsp;profondes.</em></p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
 <a href="#hr-68" title="Lien vers cette section de la page"><hr id="hr-68" /></a>

 <blockquote lang="en">
 <p>The webring is a directory of neighbor websites and&nbsp;portfolios.</p>
 <p>This is an attempt to <strong>inspire artists and developers to create and maintain their own personal website,</strong> and share traffic organically among each other. The ring’s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and&nbsp;portfolios.</p>
 <p><cite><em><a data-link-domain="wiki.xxiivv.com" href="https://wiki.xxiivv.com/site/webring.html" hreflang="en"
            title="Consultation de l’article (anglais)">XXIIVV - webring</a>
            <a href="/david/cache/2024/842e88c947068b81c9b9d6218c600dd2/" hreflang="en"
                data-tippy data-description="The Webring, like we are in the 2000s."
                data-source="https://wiki.xxiivv.com/site/webring.html"
                data-date="2024-02-06"
                data-favicon="https://wiki.xxiivv.com/media/services/icon.png"
                data-domain="wiki.xxiivv.com"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
 </blockquote>
 <p>C’est marrant de voir ressurgir d’anciennes pratiques. Il y a un côté vintage, ou reprise d’une ancienne chanson populaire. Avec ce questionnement récurrent&nbsp;: <q>N’a-t-on vraiment rien inventé de mieux depuis&#8239;?</q> (Ah si, maintenant il faut avoir un compte Microsauron Github pour accéder à&nbsp;l’anneau.)</p>
 <p><em>Écrit-il en relisant pour la x-ième fois le même&nbsp;livre.</em></p>

  
    <nav>
      <p>
        
          <a href="/david/2024/communaute/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#communauté</a>
        
          <a href="/david/2024/equipe/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#équipe</a>
        
          <a href="/david/2024/lecture/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#lecture</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/02/05/"
           title="Publication précédente : Jeu">← 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>
    
  <script src="/static/david/js/popper-2.11.8.min.js"></script>
  <script src="/static/david/js/tippy-bundle-6.3.7.umd.min.js"></script>
  <script>
    tippy('[data-tippy]', {
      content(reference) {
        reference.addEventListener('click', (e) => e.preventDefault())
        return `
        <h3 lang="fr">
          <img src="${reference.dataset.favicon}" loading="lazy">
          <a href="${reference.dataset.source}"
            >Article sur ${reference.dataset.domain}</a></h3>
        <p lang="${reference.hreflang}"><em>${reference.dataset.description}</em></p>
        <div class="tippy-links" lang="fr">
          <a href="${reference.href}">Archive au ${reference.dataset.date}</a>
        </div>
        `
      },
      allowHTML: true,
      interactive: true,
      delay: [150, 700],
      hideOnClick: false
    })
  </script>

  </body>
 </html>
--- a/david/2024/_sources/2024-02-06
+++ b/david/2024/_sources/2024-02-06
@@ -0,0 +1,31 @@
 # Anneau

 > « J’aurais voulu que cela n’ait pas à arriver de mon temps », dit Frodo.  
 > « Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est ==ce que nous comptons faire du temps qui nous est imparti.== »
 > 
 > <cite>*Le seigneur des anneaux*, J.R.R. Tolkien</cite>

 Me voilà repartit pour un tour au départ **du** Comté, cette fois avec la nouvelle traduction de Daniel Lauzon. Ça pique un peu au niveau des noms, forcément.

 Je vais moins publier ces prochains jours 😇.

 > *Tout ce qui est or ne brille pas,*  
 > *Ne sont pas perdus tout ceux qui vagabondent ;*  
 > *Ce qui est vieux mais fort ne se flétrit pas,*  
 > *Le gel n’atteint pas les racines profondes.*
 >
 > <cite>*Ibid.*</cite>

 ---

 > [en] The webring is a directory of neighbor websites and portfolios.
 >
 > This is an attempt to **inspire artists and developers to create and maintain their own personal website,** and share traffic organically among each other. The ring’s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and portfolios.
 > 
 > <cite>*[XXIIVV - webring](https://wiki.xxiivv.com/site/webring.html)*</cite>

 C’est marrant de voir ressurgir d’anciennes pratiques. Il y a un côté vintage, ou reprise d’une ancienne chanson populaire. Avec ce questionnement récurrent : <q>N’a-t-on vraiment rien inventé de mieux depuis ?</q> (Ah si, maintenant il faut avoir un compte Microsauron Github pour accéder à l’anneau.)

 *Écrit-il en relisant pour la x-ième fois le même livre.*

 #communauté #équipe #lecture
--- a/david/2024/communaute/index.html
+++ b/david/2024/communaute/index.html
@@ -134,6 +134,72 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/02/06/" title="Lien permanent vers cet article">Anneau</a> <time datetime="2024-02-06">6 février 2024</time>
    </h2>
    

 <blockquote>
 <p>«&nbsp;J’aurais voulu que cela n’ait pas à arriver de mon temps&nbsp;», dit Frodo.<br />
 «&nbsp;Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est <mark>ce que nous comptons faire du temps qui nous est imparti.</mark>&nbsp;»</p>
 <p><cite><em>Le seigneur des anneaux</em>, J.R.R. Tolkien</cite></p>
 </blockquote>
 <p>Me voilà repartit pour un tour au départ <strong>du</strong> Comté, cette fois avec la nouvelle traduction de Daniel Lauzon. Ça pique un peu au niveau des noms, forcément.</p>
 <p>Je vais moins publier ces prochains&nbsp;jours&nbsp;😇.</p>

 <blockquote>
 <p><em>Tout ce qui est or ne brille pas,</em><br />
 <em>Ne sont pas perdus tout ceux qui vagabondent&#8239;;</em><br />
 <em>Ce qui est vieux mais fort ne se flétrit pas,</em><br />
 <em>Le gel n’atteint pas les racines&nbsp;profondes.</em></p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
 <a href="#hr-68" title="Lien vers cette section de la page"><hr id="hr-68" /></a>

 <blockquote lang="en">
 <p>The webring is a directory of neighbor websites and&nbsp;portfolios.</p>
 <p>This is an attempt to <strong>inspire artists and developers to create and maintain their own personal website,</strong> and share traffic organically among each other. The ring’s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and&nbsp;portfolios.</p>
 <p><cite><em><a data-link-domain="wiki.xxiivv.com" href="https://wiki.xxiivv.com/site/webring.html" hreflang="en"
            title="Consultation de l’article (anglais)">XXIIVV - webring</a>
            <a href="/david/cache/2024/842e88c947068b81c9b9d6218c600dd2/" hreflang="en"
                data-tippy data-description="The Webring, like we are in the 2000s."
                data-source="https://wiki.xxiivv.com/site/webring.html"
                data-date="2024-02-06"
                data-favicon="https://wiki.xxiivv.com/media/services/icon.png"
                data-domain="wiki.xxiivv.com"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
 </blockquote>
 <p>C’est marrant de voir ressurgir d’anciennes pratiques. Il y a un côté vintage, ou reprise d’une ancienne chanson populaire. Avec ce questionnement récurrent&nbsp;: <q>N’a-t-on vraiment rien inventé de mieux depuis&#8239;?</q> (Ah si, maintenant il faut avoir un compte Microsauron Github pour accéder à&nbsp;l’anneau.)</p>
 <p><em>Écrit-il en relisant pour la x-ième fois le même&nbsp;livre.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/communaute/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#communauté</a>
          
            <a href="/david/2024/equipe/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#équipe</a>
          
            <a href="/david/2024/lecture/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#lecture</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/01/24/" title="Lien permanent vers cet article">Taille</a> <time datetime="2024-01-24">24 janvier 2024</time>
    </h2>
--- a/david/2024/equipe/index.html
+++ b/david/2024/equipe/index.html
@@ -134,6 +134,72 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/02/06/" title="Lien permanent vers cet article">Anneau</a> <time datetime="2024-02-06">6 février 2024</time>
    </h2>
    

 <blockquote>
 <p>«&nbsp;J’aurais voulu que cela n’ait pas à arriver de mon temps&nbsp;», dit Frodo.<br />
 «&nbsp;Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est <mark>ce que nous comptons faire du temps qui nous est imparti.</mark>&nbsp;»</p>
 <p><cite><em>Le seigneur des anneaux</em>, J.R.R. Tolkien</cite></p>
 </blockquote>
 <p>Me voilà repartit pour un tour au départ <strong>du</strong> Comté, cette fois avec la nouvelle traduction de Daniel Lauzon. Ça pique un peu au niveau des noms, forcément.</p>
 <p>Je vais moins publier ces prochains&nbsp;jours&nbsp;😇.</p>

 <blockquote>
 <p><em>Tout ce qui est or ne brille pas,</em><br />
 <em>Ne sont pas perdus tout ceux qui vagabondent&#8239;;</em><br />
 <em>Ce qui est vieux mais fort ne se flétrit pas,</em><br />
 <em>Le gel n’atteint pas les racines&nbsp;profondes.</em></p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
 <a href="#hr-68" title="Lien vers cette section de la page"><hr id="hr-68" /></a>

 <blockquote lang="en">
 <p>The webring is a directory of neighbor websites and&nbsp;portfolios.</p>
 <p>This is an attempt to <strong>inspire artists and developers to create and maintain their own personal website,</strong> and share traffic organically among each other. The ring’s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and&nbsp;portfolios.</p>
 <p><cite><em><a data-link-domain="wiki.xxiivv.com" href="https://wiki.xxiivv.com/site/webring.html" hreflang="en"
            title="Consultation de l’article (anglais)">XXIIVV - webring</a>
            <a href="/david/cache/2024/842e88c947068b81c9b9d6218c600dd2/" hreflang="en"
                data-tippy data-description="The Webring, like we are in the 2000s."
                data-source="https://wiki.xxiivv.com/site/webring.html"
                data-date="2024-02-06"
                data-favicon="https://wiki.xxiivv.com/media/services/icon.png"
                data-domain="wiki.xxiivv.com"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
 </blockquote>
 <p>C’est marrant de voir ressurgir d’anciennes pratiques. Il y a un côté vintage, ou reprise d’une ancienne chanson populaire. Avec ce questionnement récurrent&nbsp;: <q>N’a-t-on vraiment rien inventé de mieux depuis&#8239;?</q> (Ah si, maintenant il faut avoir un compte Microsauron Github pour accéder à&nbsp;l’anneau.)</p>
 <p><em>Écrit-il en relisant pour la x-ième fois le même&nbsp;livre.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/communaute/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#communauté</a>
          
            <a href="/david/2024/equipe/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#équipe</a>
          
            <a href="/david/2024/lecture/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#lecture</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/02/02/" title="Lien permanent vers cet article">Valeurs</a> <time datetime="2024-02-02">2 février 2024</time>
    </h2>
--- a/david/2024/index.html
+++ b/david/2024/index.html
@@ -169,7 +169,8 @@
      <a href="/david/2024/02/02/">Valeurs</a>, 
      <a href="/david/2024/02/03/">Archives</a>, 
      <a href="/david/2024/02/04/">Tooltipopover</a>, 
      <a href="/david/2024/02/05/">Jeu</a>.
      <a href="/david/2024/02/05/">Jeu</a>, 
      <a href="/david/2024/02/06/">Anneau</a>.
      
    </p>
  
@@ -181,20 +182,21 @@
      <a href="/david/2024/addiction/" rel="tag">#addiction (4)</a>, 
      <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (7)</a>, 
      <a href="/david/2024/commun/" rel="tag">#commun (3)</a>, 
      <a href="/david/2024/communaute/" rel="tag">#communauté (3)</a>, 
      <a href="/david/2024/communaute/" rel="tag">#communauté (4)</a>, 
      <a href="/david/2024/decision/" rel="tag">#décision (2)</a>, 
      <a href="/david/2024/dependance/" rel="tag">#dépendance (2)</a>, 
      <a href="/david/2024/documentation/" rel="tag">#documentation (1)</a>, 
      <a href="/david/2024/dystopie/" rel="tag">#dystopie (1)</a>, 
      <a href="/david/2024/echanges/" rel="tag">#échanges (3)</a>, 
      <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>, 
      <a href="/david/2024/equipe/" rel="tag">#équipe (5)</a>, 
      <a href="/david/2024/equipe/" rel="tag">#équipe (6)</a>, 
      <a href="/david/2024/evolution/" rel="tag">#évolution (5)</a>, 
      <a href="/david/2024/experience/" rel="tag">#expérience (9)</a>, 
      <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>, 
      <a href="/david/2024/foret/" rel="tag">#forêt (3)</a>, 
      <a href="/david/2024/gratitude/" rel="tag">#gratitude (2)</a>, 
      <a href="/david/2024/ia/" rel="tag">#IA (2)</a>, 
      <a href="/david/2024/lecture/" rel="tag">#lecture (1)</a>, 
      <a href="/david/2024/opensource/" rel="tag">#opensource (2)</a>, 
      <a href="/david/2024/parentalite/" rel="tag">#parentalité (3)</a>, 
      <a href="/david/2024/partage/" rel="tag">#partage (2)</a>, 
--- a/david/2024/lecture/index.html
+++ b/david/2024/lecture/index.html
@@ -0,0 +1,341 @@
 <!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>
    Étiquette #lecture
  — David Larlet</title>
  <meta name="description" content="Publications relatives au tag #lecture">
  <!-- 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-02-03.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>
  
  <style type="text/css">
    details[open] summary {
      display: none;
    }
  </style>

  <body data-instant-intensity="viewport-all">
    <article>
      
  <header>
    <hgroup>
      <h1>#lecture</h1>
      <p>Publications relatives à cette étiquette</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/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
      •
      <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/02/06/" title="Lien permanent vers cet article">Anneau</a> <time datetime="2024-02-06">6 février 2024</time>
    </h2>
    

 <blockquote>
 <p>«&nbsp;J’aurais voulu que cela n’ait pas à arriver de mon temps&nbsp;», dit Frodo.<br />
 «&nbsp;Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est <mark>ce que nous comptons faire du temps qui nous est imparti.</mark>&nbsp;»</p>
 <p><cite><em>Le seigneur des anneaux</em>, J.R.R. Tolkien</cite></p>
 </blockquote>
 <p>Me voilà repartit pour un tour au départ <strong>du</strong> Comté, cette fois avec la nouvelle traduction de Daniel Lauzon. Ça pique un peu au niveau des noms, forcément.</p>
 <p>Je vais moins publier ces prochains&nbsp;jours&nbsp;😇.</p>

 <blockquote>
 <p><em>Tout ce qui est or ne brille pas,</em><br />
 <em>Ne sont pas perdus tout ceux qui vagabondent&#8239;;</em><br />
 <em>Ce qui est vieux mais fort ne se flétrit pas,</em><br />
 <em>Le gel n’atteint pas les racines&nbsp;profondes.</em></p>
 <p><cite><em>Ibid.</em></cite></p>
 </blockquote>
 <a href="#hr-68" title="Lien vers cette section de la page"><hr id="hr-68" /></a>

 <blockquote lang="en">
 <p>The webring is a directory of neighbor websites and&nbsp;portfolios.</p>
 <p>This is an attempt to <strong>inspire artists and developers to create and maintain their own personal website,</strong> and share traffic organically among each other. The ring’s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and&nbsp;portfolios.</p>
 <p><cite><em><a data-link-domain="wiki.xxiivv.com" href="https://wiki.xxiivv.com/site/webring.html" hreflang="en"
            title="Consultation de l’article (anglais)">XXIIVV - webring</a>
            <a href="/david/cache/2024/842e88c947068b81c9b9d6218c600dd2/" hreflang="en"
                data-tippy data-description="The Webring, like we are in the 2000s."
                data-source="https://wiki.xxiivv.com/site/webring.html"
                data-date="2024-02-06"
                data-favicon="https://wiki.xxiivv.com/media/services/icon.png"
                data-domain="wiki.xxiivv.com"
                ><svg xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="square"
                    stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
                    <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                    <line x1="12" y1="17" x2="12.01" y2="17"></line>
                </svg>
                <span class="sr-only">[archive]</span></a></em></cite></p>
 </blockquote>
 <p>C’est marrant de voir ressurgir d’anciennes pratiques. Il y a un côté vintage, ou reprise d’une ancienne chanson populaire. Avec ce questionnement récurrent&nbsp;: <q>N’a-t-on vraiment rien inventé de mieux depuis&#8239;?</q> (Ah si, maintenant il faut avoir un compte Microsauron Github pour accéder à&nbsp;l’anneau.)</p>
 <p><em>Écrit-il en relisant pour la x-ième fois le même&nbsp;livre.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/communaute/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#communauté</a>
          
            <a href="/david/2024/equipe/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#équipe</a>
          
            <a href="/david/2024/lecture/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#lecture</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</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/index.html
+++ b/david/index.html
@@ -143,6 +143,7 @@
  <h2>Publications 2024</h2>
  <p>Liste des publications récentes en ordre anté-chronologique :</p>
  <p>
    <a href="/david/2024/02/06/">Anneau</a>,
    <a href="/david/2024/02/05/">Jeu</a>,
    <a href="/david/2024/02/04/">Tooltipopover</a>,
    <a href="/david/2024/02/03/">Archives</a>,
@@ -189,20 +190,21 @@
    <a href="/david/2024/addiction/" rel="tag">#addiction (4)</a>,
    <a href="/david/2024/apprentissage/" rel="tag">#apprentissage (7)</a>,
    <a href="/david/2024/commun/" rel="tag">#commun (3)</a>,
    <a href="/david/2024/communaute/" rel="tag">#communauté (3)</a>,
    <a href="/david/2024/communaute/" rel="tag">#communauté (4)</a>,
    <a href="/david/2024/decision/" rel="tag">#décision (2)</a>,
    <a href="/david/2024/dependance/" rel="tag">#dépendance (2)</a>,
    <a href="/david/2024/documentation/" rel="tag">#documentation (1)</a>,
    <a href="/david/2024/dystopie/" rel="tag">#dystopie (1)</a>,
    <a href="/david/2024/echanges/" rel="tag">#échanges (3)</a>,
    <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>,
    <a href="/david/2024/equipe/" rel="tag">#équipe (5)</a>,
    <a href="/david/2024/equipe/" rel="tag">#équipe (6)</a>,
    <a href="/david/2024/evolution/" rel="tag">#évolution (5)</a>,
    <a href="/david/2024/experience/" rel="tag">#expérience (9)</a>,
    <a href="/david/2024/fediverse/" rel="tag">#fédiverse (1)</a>,
    <a href="/david/2024/foret/" rel="tag">#forêt (3)</a>,
    <a href="/david/2024/gratitude/" rel="tag">#gratitude (2)</a>,
    <a href="/david/2024/ia/" rel="tag">#IA (2)</a>,
    <a href="/david/2024/lecture/" rel="tag">#lecture (1)</a>,
    <a href="/david/2024/opensource/" rel="tag">#opensource (2)</a>,
    <a href="/david/2024/parentalite/" rel="tag">#parentalité (3)</a>,
    <a href="/david/2024/partage/" rel="tag">#partage (2)</a>,
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -13,6 +13,40 @@
    </author>
    <rights>Copyright (c) 2004-2024, David Larlet</rights>
    
        <entry xml:lang="fr">
            <title type="html">Anneau</title>
            <link href="https://larlet.fr/david/2024/02/06/" rel="alternate" type="text/html" />
            <updated>2024-02-06T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/02/06/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;«&amp;nbsp;J’aurais voulu que cela n’ait pas à arriver de mon temps&amp;nbsp;», dit Frodo.&lt;br /&gt;
 «&amp;nbsp;Moi aussi, dit Gandalf, et il en va de même pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de décider. Tout ce qu’il nous appartient de décider, c’est &lt;mark&gt;ce que nous comptons faire du temps qui nous est imparti.&lt;/mark&gt;&amp;nbsp;»&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;Le seigneur des anneaux&lt;/em&gt;, J.R.R. Tolkien&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Me voilà repartit pour un tour au départ &lt;strong&gt;du&lt;/strong&gt; Comté, cette fois avec la nouvelle traduction de Daniel Lauzon. Ça pique un peu au niveau des noms, forcément.&lt;/p&gt;
 &lt;p&gt;Je vais moins publier ces prochains&amp;nbsp;jours&amp;nbsp;😇.&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;&lt;em&gt;Tout ce qui est or ne brille pas,&lt;/em&gt;&lt;br /&gt;
 &lt;em&gt;Ne sont pas perdus tout ceux qui vagabondent&amp;#8239;;&lt;/em&gt;&lt;br /&gt;
 &lt;em&gt;Ce qui est vieux mais fort ne se flétrit pas,&lt;/em&gt;&lt;br /&gt;
 &lt;em&gt;Le gel n’atteint pas les racines&amp;nbsp;profondes.&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ibid.&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;The webring is a directory of neighbor websites and&amp;nbsp;portfolios.&lt;/p&gt;
 &lt;p&gt;This is an attempt to &lt;strong&gt;inspire artists and developers to create and maintain their own personal website,&lt;/strong&gt; and share traffic organically among each other. The ring’s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and&amp;nbsp;portfolios.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://wiki.xxiivv.com/site/webring.html&quot;&gt;XXIIVV -&amp;nbsp;webring&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;C’est marrant de voir ressurgir d’anciennes pratiques. Il y a un côté vintage, ou reprise d’une ancienne chanson populaire. Avec ce questionnement récurrent&amp;nbsp;: &lt;q&gt;N’a-t-on vraiment rien inventé de mieux depuis&amp;#8239;?&lt;/q&gt; (Ah si, maintenant il faut avoir un compte Microsauron Github pour accéder à&amp;nbsp;l’anneau.)&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;Écrit-il en relisant pour la x-ième fois le même&amp;nbsp;livre.&lt;/em&gt;&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/communaute/&quot;&gt;#communauté&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/equipe/&quot;&gt;#équipe&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/lecture/&quot;&gt;#lecture&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">Jeu</title>
            <link href="https://larlet.fr/david/2024/02/05/" rel="alternate" type="text/html" />
@@ -1296,48 +1330,4 @@ a::before {
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/processus/&quot;&gt;#processus&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/solastalgia/&quot;&gt;#solastalgia&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">Dons</title>
            <link href="https://larlet.fr/david/2024/01/07/" rel="alternate" type="text/html" />
            <updated>2024-01-07T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/01/07/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Plus que 3&amp;nbsp;jours pour décider de l’usage de vos #impôts en donnant à des&amp;nbsp;#assos&amp;#8239;!&lt;/p&gt;
 &lt;p&gt;Vu le succès de &lt;a href=&quot;https://piaille.fr/@mattisg/109605598029237063&quot;&gt;l’opération l’an dernier&lt;/a&gt;, je relance le doublement des dons en cette fin d’année 2023, avec un plafond plus élevé&amp;#8239;! 🤑💞&lt;/p&gt;
 &lt;p&gt;Donnez à une des assos ci-dessous, publiez votre reçu en réponse, &lt;mark&gt;je double votre don.&lt;/mark&gt;&amp;nbsp;[…]&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://piaille.fr/@mattisg/111652988498506725&quot;&gt;@mattisg@piaille.fr&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Admirable. C’est la deuxième année que nous arrivons à faire des dons avec Scopyleft et ça me met en joie. Cela m’a même motivé pour en faire à titre&amp;nbsp;personnel.&lt;/p&gt;
 &lt;p&gt;Une forme d’impôt volontaire qui ne termine pas / &lt;a href=&quot;https://larlet.fr/david/2024/01/01/&quot;&gt;plus&lt;/a&gt; à la &lt;a href=&quot;https://www.saq.com/&quot;&gt;SAQ&lt;/a&gt;.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Pensée (genrée) du jour&amp;nbsp;: un bon développeur fait bien la cuisine, un très bon développeur fait la vaisselle après avoir fait la&amp;nbsp;cuisine.&lt;/p&gt;
 &lt;p&gt;Il y a une métaphore au niveau du soin, du partage et de la maintenance à peine&amp;nbsp;déguisée.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Masto comme un &lt;a href=&quot;https://fedi.larlet.fr/@david/111709177849752316&quot;&gt;espace de discussion&lt;/a&gt;, le blog comme un espace de synthèse&amp;nbsp;: il me faut un sélecteur de thème clair / foncé car c’est utile à plusieurs personnes. C’est faible comme test utilisateur·ice mais c’est déjà ça. Et puis j’ai découvert plein de&amp;nbsp;pratiques&amp;#8239;!&lt;/p&gt;
 &lt;p&gt;Je décline le sélecteur de thème que l’&lt;a href=&quot;https://larlet.fr/david/2020/06/25/#paillasse&quot;&gt;on avait fait en 2020&lt;/a&gt; avec &lt;a href=&quot;https://ricaud.me/blog/&quot;&gt;Anthony&lt;/a&gt; mais cette fois sous la forme d’un &lt;em&gt;Web Component&lt;/em&gt;. Je me suis pris les pieds dans le tapis car les &lt;em&gt;layers&lt;/em&gt; en CSS ajoutent un niveau d’indentation dans la logique (et changent la spécificité mais c’est le&amp;nbsp;but&amp;#8239;!).&lt;/p&gt;
 &lt;p&gt;Je ne sais pas encore quel style lui donner. J’en profite pour mettre en place le changement subtil de police pour le thème foncé (plus &lt;em&gt;light&lt;/em&gt;, ironiquement). J’ai l’espoir que ce type d’adaptation aide les astigmates… à arriver jusqu’au sélecteur de&amp;nbsp;thème&amp;nbsp;😅.&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;Bientôt 500&amp;nbsp;lignes de&amp;nbsp;CSS.&lt;/em&gt;&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Une fois la transcription terminée, je peux enregistrer le fichier texte du podcast avec la fonction export en mode paragraphe. (non corrigé, brut).&lt;/p&gt;
 &lt;p&gt;Je suis&amp;nbsp;impressionné.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2024/01/06/ebauche&quot;&gt;plaisir&amp;nbsp;d’ébauche&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Ce&amp;nbsp;titre&amp;nbsp;:)&lt;/p&gt;
 &lt;p&gt;La transcription des &lt;em&gt;podcast&lt;/em&gt; serait très importante pour moi car je n’arrive pas à en écouter un plus de 2&amp;nbsp;minutes sans être à la peine (imaginez-moi au téléphone… ou en visio sans vidéo). J’avais fait des &lt;a href=&quot;https://larlet.fr/david/2021/01/18/&quot;&gt;essais il y a 3&amp;nbsp;ans&lt;/a&gt; déjà qui n’étaient pas concluant mais peut-être que l’IA s’en sort mieux aujourd’hui. En tout cas, ça semble être le cas sur cet essai. Il faut que je prenne le temps de transformer ces murmures en mots, j’ai l’impression de passer à côté de beaucoup de choses&amp;nbsp;inspirantes.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;We evaluate APIs only on the basis of merit in the context of providing superior search engine results. Considering company x founder political views is not a factor in this evaluation. &lt;mark&gt;Politics finding its way into tech is one of the reason we do not have innovation any&amp;nbsp;more.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;We are primarily in the business of search and we’d like to stay focused on&amp;nbsp;that.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6&quot;&gt;Vlad (admin Kagi) répondant&lt;/a&gt; à «&amp;nbsp;Reconsider your partnership with&amp;nbsp;Brave&amp;nbsp;»&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;À un moment l’année dernière, j’ai essayé Kagi et j’ai failli franchir le pas du payant. Je suis bien content de ne pas l’avoir fait car je m’en serais mordu les doigts aujourd’hui. Dans l’idéal, un moteur de recherche serait objectif mais un algorithme comporte toujours les biais de ses créateur·ices. Et vu la population qui code aujourd’hui, autant dire que c’est mal barré. Le fait qu’un administrateur de Kagi puisse être aussi naïf sur le sujet est assez&amp;nbsp;terrible.&lt;/p&gt;
 &lt;p&gt;&lt;a href=&quot;https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy&quot;&gt;Pas de politique au travail&lt;/a&gt; est ma nouvelle&amp;nbsp;cryptonite.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/communaute/&quot;&gt;#communauté&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/fediverse/&quot;&gt;#fédiverse&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
 </feed>
--- a/david/recherche/index.html
+++ b/david/recherche/index.html
@@ -276,6 +276,12 @@
    </template>
    
    <script id="search-index" type="application/json">[
  {
    "title": "Anneau",
    "url": "/david/2024/02/06/",
    "date": "2024-02-06",
    "content": "\u00ab\u00a0J\u2019aurais voulu que cela n\u2019ait pas \u00e0 arriver de mon temps\u00a0\u00bb, dit Frodo. \u00ab\u00a0Moi aussi, dit Gandalf, et il en va de m\u00eame pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de d\u00e9cider. Tout ce qu\u2019il nous appartient de d\u00e9cider, c\u2019est ce que nous comptons faire du temps qui nous est imparti.\u00a0\u00bb Le seigneur des anneaux, J.R.R. Tolkien Me voil\u00e0 repartit pour un tour au d\u00e9part du Comt\u00e9, cette fois avec la nouvelle traduction de Daniel Lauzon. \u00c7a pique un peu au niveau des noms, forc\u00e9ment. Je vais moins publier ces prochains\u00a0jours\u00a0\ud83d\ude07. Tout ce qui est or ne brille pas, Ne sont pas perdus tout ceux qui vagabondent\u202f; Ce qui est vieux mais fort ne se fl\u00e9trit pas, Le gel n\u2019atteint pas les racines\u00a0profondes. Ibid. The webring is a directory of neighbor websites and\u00a0portfolios. This is an attempt to inspire artists and developers to create and maintain their own personal website, and share traffic organically among each other. The ring\u2019s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and\u00a0portfolios. XXIIVV -\u00a0webring C\u2019est marrant de voir ressurgir d\u2019anciennes pratiques. Il y a un c\u00f4t\u00e9 vintage, ou reprise d\u2019une ancienne chanson populaire. Avec ce questionnement r\u00e9current\u00a0: N\u2019a-t-on vraiment rien invent\u00e9 de mieux depuis\u202f? (Ah si, maintenant il faut avoir un compte Microsauron Github pour acc\u00e9der \u00e0\u00a0l\u2019anneau.) \u00c9crit-il en relisant pour la x-i\u00e8me fois le m\u00eame\u00a0livre."
  },
  {
    "title": "Jeu",
    "url": "/david/2024/02/05/",
@@ -492,6 +498,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": "Anneau",
    "url": "/david/2024/02/06/",
    "date": "2024-02-06",
    "content": "\u00ab\u00a0J\u2019aurais voulu que cela n\u2019ait pas \u00e0 arriver de mon temps\u00a0\u00bb, dit Frodo. \u00ab\u00a0Moi aussi, dit Gandalf, et il en va de m\u00eame pour tout ceux qui vivent en de pareils temps. Mais il ne leur appartient pas de d\u00e9cider. Tout ce qu\u2019il nous appartient de d\u00e9cider, c\u2019est ce que nous comptons faire du temps qui nous est imparti.\u00a0\u00bb Le seigneur des anneaux, J.R.R. Tolkien Me voil\u00e0 repartit pour un tour au d\u00e9part du Comt\u00e9, cette fois avec la nouvelle traduction de Daniel Lauzon. \u00c7a pique un peu au niveau des noms, forc\u00e9ment. Je vais moins publier ces prochains\u00a0jours\u00a0\ud83d\ude07. Tout ce qui est or ne brille pas, Ne sont pas perdus tout ceux qui vagabondent\u202f; Ce qui est vieux mais fort ne se fl\u00e9trit pas, Le gel n\u2019atteint pas les racines\u00a0profondes. Ibid. The webring is a directory of neighbor websites and\u00a0portfolios. This is an attempt to inspire artists and developers to create and maintain their own personal website, and share traffic organically among each other. The ring\u2019s aim is to promote the creation of hand crafted diaries, wikis, bookmarks and\u00a0portfolios. XXIIVV -\u00a0webring C\u2019est marrant de voir ressurgir d\u2019anciennes pratiques. Il y a un c\u00f4t\u00e9 vintage, ou reprise d\u2019une ancienne chanson populaire. Avec ce questionnement r\u00e9current\u00a0: N\u2019a-t-on vraiment rien invent\u00e9 de mieux depuis\u202f? (Ah si, maintenant il faut avoir un compte Microsauron Github pour acc\u00e9der \u00e0\u00a0l\u2019anneau.) \u00c9crit-il en relisant pour la x-i\u00e8me fois le m\u00eame\u00a0livre."
  },
  {
    "title": "Jeu",
    "url": "/david/2024/02/05/",