8 månader sedan · e55bc4dbdd
--- a/david/2024/03/13/index.html
+++ b/david/2024/03/13/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/03/14/"
            title="Publication suivante : Montre 2">Suivant →</a>
      
    </p>
  </nav>
  
@@ -385,6 +389,10 @@
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
        • <a rel="next"
            href="/david/2024/03/14/"
            title="Publication suivante : Montre 2">Suivant →</a>
      
    </p>
  </nav>

--- a/david/2024/03/14/index.html
+++ b/david/2024/03/14/index.html
@@ -0,0 +1,396 @@
 <!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>
    Montre 2
  — David Larlet</title>
  <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>
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2024-03-09.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>
  <meta name="description" content="J’ai reçu un nouveau jouet aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à explorer.">
  <!-- 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">
  
 <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>Montre 2</h1>
      <p>Le <time datetime="2024-03-14">14 mars 2024</time></p>
    </hgroup>
  </header>
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/03/13/"
           title="Publication précédente : Sérendipité">← 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>
  
 <p>J’ai reçu un <a href="/2024/03/02/">nouveau jouet</a> aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à&nbsp;explorer.</p>
 <p>J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux&nbsp;auparavant.</p>
 <p>Il faut que j’apprenne à ne pas courir <em>contre</em> mais <em>avec</em> la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas&nbsp;suivre.</p>
 <p>Il y a du travail à faire pour transformer un jugement en&nbsp;allié.</p>

 <blockquote>
 <p>Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…<br />
 … mais la conversation est à sens unique et totalement stérile.<br />
 Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un&nbsp;pouce.</p>
 <p>La rencontre n’a pas eu&nbsp;lieu.</p>
 <p>Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.<br />
 Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.<br />
 Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à&nbsp;eux.</p>
 <p>Le tennis est un art. L’art de&nbsp;l’échange.</p>
 <p><cite><em>Max Winson</em>, Jérémie&nbsp;Moreau</cite></p>
 </blockquote>

  
    <nav>
      <p>
        
          <a href="/david/2024/deception/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#déception</a>
        
          <a href="/david/2024/enthousiasme/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#enthousiasme</a>
        
          <a href="/david/2024/sport/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#sport</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/03/13/"
           title="Publication précédente : Sérendipité">← 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>
  <script type="module">
    import { annotate } from '/static/david/js/rough-notation-0.5.1.esm.min.js'

    const markObserver = new IntersectionObserver((entries, observer) => {
      const computedStyle = getComputedStyle(document.documentElement)
      const markBackground = computedStyle.getPropertyValue('--mark-background')
      for (const entry of entries) {
        if (entry.intersectionRatio === 0) continue
        const markElement = entry.target
        markElement.style.backgroundColor = 'inherit'
        const annotation = annotate(
          markElement, {
            type: 'highlight',
            multiline: true,
            color: markBackground,
            // animate: !window.matchMedia('(prefers-reduced-motion: reduce)').matches
            animate: false
          }
        )
        annotation.show()
        observer.unobserve(markElement)
      }
    }, {threshold: 1.0})

    for (const markElement of document.querySelectorAll('mark')) {
      markObserver.observe(markElement)
    }
  </script>

  </body>
 </html>
--- a/david/2024/_sources/2024-03-14
+++ b/david/2024/_sources/2024-03-14
@@ -0,0 +1,25 @@
 # Montre 2

 J’ai reçu un [nouveau jouet](/2024/03/02/) aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à explorer.

 J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux auparavant.

 Il faut que j’apprenne à ne pas courir *contre* mais *avec* la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas suivre.

 Il y a du travail à faire pour transformer un jugement en allié.

 > Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…  
 > … mais la conversation est à sens unique et totalement stérile.  
 > Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un pouce.
 > 
 > La rencontre n’a pas eu lieu.
 > 
 > Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.  
 > Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.  
 > Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à eux.
 > 
 > Le tennis est un art. L’art de l’échange.
 >
 > <cite>*Max Winson*, Jérémie Moreau</cite>

 #déception #enthousiasme #sport
--- a/david/2024/deception/index.html
+++ b/david/2024/deception/index.html
@@ -134,6 +134,48 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/03/14/" title="Lien permanent vers cet article">Montre 2</a> <time datetime="2024-03-14">14 mars 2024</time>
    </h2>
    
 <p>J’ai reçu un <a href="/2024/03/02/">nouveau jouet</a> aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à&nbsp;explorer.</p>
 <p>J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux&nbsp;auparavant.</p>
 <p>Il faut que j’apprenne à ne pas courir <em>contre</em> mais <em>avec</em> la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas&nbsp;suivre.</p>
 <p>Il y a du travail à faire pour transformer un jugement en&nbsp;allié.</p>

 <blockquote>
 <p>Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…<br />
 … mais la conversation est à sens unique et totalement stérile.<br />
 Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un&nbsp;pouce.</p>
 <p>La rencontre n’a pas eu&nbsp;lieu.</p>
 <p>Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.<br />
 Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.<br />
 Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à&nbsp;eux.</p>
 <p>Le tennis est un art. L’art de&nbsp;l’échange.</p>
 <p><cite><em>Max Winson</em>, Jérémie&nbsp;Moreau</cite></p>
 </blockquote>

    
      <nav>
        <p>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/enthousiasme/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#enthousiasme</a>
          
            <a href="/david/2024/sport/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#sport</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/07/" title="Lien permanent vers cet article">Sondages</a> <time datetime="2024-03-07">7 mars 2024</time>
    </h2>
--- a/david/2024/enthousiasme/index.html
+++ b/david/2024/enthousiasme/index.html
@@ -0,0 +1,317 @@
 <!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 #enthousiasme
  — David Larlet</title>
  <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>
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2024-03-09.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>
  <meta name="description" content="Publications relatives au tag #enthousiasme">
  <!-- 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">
  
  <style type="text/css">
    details[open] summary {
      display: none;
    }
  </style>

  <body data-instant-intensity="viewport-all">
    <article>
      
  <header>
    <hgroup>
      <h1>#enthousiasme</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/03/14/" title="Lien permanent vers cet article">Montre 2</a> <time datetime="2024-03-14">14 mars 2024</time>
    </h2>
    
 <p>J’ai reçu un <a href="/2024/03/02/">nouveau jouet</a> aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à&nbsp;explorer.</p>
 <p>J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux&nbsp;auparavant.</p>
 <p>Il faut que j’apprenne à ne pas courir <em>contre</em> mais <em>avec</em> la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas&nbsp;suivre.</p>
 <p>Il y a du travail à faire pour transformer un jugement en&nbsp;allié.</p>

 <blockquote>
 <p>Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…<br />
 … mais la conversation est à sens unique et totalement stérile.<br />
 Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un&nbsp;pouce.</p>
 <p>La rencontre n’a pas eu&nbsp;lieu.</p>
 <p>Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.<br />
 Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.<br />
 Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à&nbsp;eux.</p>
 <p>Le tennis est un art. L’art de&nbsp;l’échange.</p>
 <p><cite><em>Max Winson</em>, Jérémie&nbsp;Moreau</cite></p>
 </blockquote>

    
      <nav>
        <p>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/enthousiasme/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#enthousiasme</a>
          
            <a href="/david/2024/sport/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#sport</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/2024/index.html
+++ b/david/2024/index.html
@@ -211,7 +211,8 @@
      <a href="/david/2024/03/10/">Dune</a>, 
      <a href="/david/2024/03/11/">LoginWall</a>, 
      <a href="/david/2024/03/12/">Surligner</a>, 
      <a href="/david/2024/03/13/">Sérendipité</a>.
      <a href="/david/2024/03/13/">Sérendipité</a>, 
      <a href="/david/2024/03/14/">Montre 2</a>.
      
    </p>
  
@@ -228,13 +229,14 @@
      <a href="/david/2024/commun/" rel="tag">#commun (9)</a>, 
      <a href="/david/2024/communaute/" rel="tag">#communauté (5)</a>, 
      <a href="/david/2024/decentralisation/" rel="tag">#décentralisation (1)</a>, 
      <a href="/david/2024/deception/" rel="tag">#déception (2)</a>, 
      <a href="/david/2024/deception/" rel="tag">#déception (3)</a>, 
      <a href="/david/2024/decision/" rel="tag">#décision (8)</a>, 
      <a href="/david/2024/dependance/" rel="tag">#dépendance (6)</a>, 
      <a href="/david/2024/documentation/" rel="tag">#documentation (2)</a>, 
      <a href="/david/2024/dystopie/" rel="tag">#dystopie (3)</a>, 
      <a href="/david/2024/echanges/" rel="tag">#échanges (5)</a>, 
      <a href="/david/2024/ecriture/" rel="tag">#écriture (7)</a>, 
      <a href="/david/2024/enthousiasme/" rel="tag">#enthousiasme (1)</a>, 
      <a href="/david/2024/equipe/" rel="tag">#équipe (7)</a>, 
      <a href="/david/2024/evolution/" rel="tag">#évolution (8)</a>, 
      <a href="/david/2024/experience/" rel="tag">#expérience (12)</a>, 
@@ -258,7 +260,7 @@
      <a href="/david/2024/protopie/" rel="tag">#protopie (7)</a>, 
      <a href="/david/2024/psychologie/" rel="tag">#psychologie (10)</a>, 
      <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (5)</a>, 
      <a href="/david/2024/sport/" rel="tag">#sport (5)</a>, 
      <a href="/david/2024/sport/" rel="tag">#sport (6)</a>, 
      <a href="/david/2024/technique/" rel="tag">#technique (15)</a>, 
      <a href="/david/2024/velo/" rel="tag">#vélo (1)</a>, 
      <a href="/david/2024/web/" rel="tag">#web (13)</a>.
--- a/david/2024/sport/index.html
+++ b/david/2024/sport/index.html
@@ -134,6 +134,48 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/03/14/" title="Lien permanent vers cet article">Montre 2</a> <time datetime="2024-03-14">14 mars 2024</time>
    </h2>
    
 <p>J’ai reçu un <a href="/2024/03/02/">nouveau jouet</a> aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à&nbsp;explorer.</p>
 <p>J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux&nbsp;auparavant.</p>
 <p>Il faut que j’apprenne à ne pas courir <em>contre</em> mais <em>avec</em> la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas&nbsp;suivre.</p>
 <p>Il y a du travail à faire pour transformer un jugement en&nbsp;allié.</p>

 <blockquote>
 <p>Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…<br />
 … mais la conversation est à sens unique et totalement stérile.<br />
 Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un&nbsp;pouce.</p>
 <p>La rencontre n’a pas eu&nbsp;lieu.</p>
 <p>Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.<br />
 Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.<br />
 Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à&nbsp;eux.</p>
 <p>Le tennis est un art. L’art de&nbsp;l’échange.</p>
 <p><cite><em>Max Winson</em>, Jérémie&nbsp;Moreau</cite></p>
 </blockquote>

    
      <nav>
        <p>
          
            <a href="/david/2024/deception/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#déception</a>
          
            <a href="/david/2024/enthousiasme/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#enthousiasme</a>
          
            <a href="/david/2024/sport/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#sport</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/02/" title="Lien permanent vers cet article">Montre</a> <time datetime="2024-03-02">2 mars 2024</time>
    </h2>
--- a/david/index.html
+++ b/david/index.html
@@ -262,6 +262,13 @@
        background-color: var(--hover-tag-color);
      }
    
      body [data-tag="enthousiasme"]:hover,
      body [data-enthousiasme]:hover,
      body:has([data-tag="enthousiasme"]:hover) [data-enthousiasme],
      body:has([data-enthousiasme]:hover) [data-tag="enthousiasme"] {
        background-color: var(--hover-tag-color);
      }
    
      body [data-tag="equipe"]:hover,
      body [data-equipe]:hover,
      body:has([data-tag="equipe"]:hover) [data-equipe],
@@ -454,6 +461,7 @@
  </style>
  <p>Liste des publications récentes en ordre anté-chronologique :</p>
  <p>
    <a href="/david/2024/03/14/" data-deception data-enthousiasme data-sport  title="Étiquettes : déception, enthousiasme, sport.">Montre 2</a>,
    <a href="/david/2024/03/13/" data-liens data-partage data-web  title="Étiquettes : liens, partage, web.">Sérendipité</a>,
    <a href="/david/2024/03/12/" data-partage data-technique data-web  title="Étiquettes : partage, technique, web.">Surligner</a>,
    <a href="/david/2024/03/11/" data-decentralisation data-dependance data-web  title="Étiquettes : décentralisation, dépendance, web.">LoginWall</a>,
@@ -542,13 +550,14 @@
    <a href="/david/2024/commun/" data-tag="commun" rel="tag">#commun (9)</a>,
    <a href="/david/2024/communaute/" data-tag="communaute" rel="tag">#communauté (5)</a>,
    <a href="/david/2024/decentralisation/" data-tag="decentralisation" rel="tag">#décentralisation (1)</a>,
    <a href="/david/2024/deception/" data-tag="deception" rel="tag">#déception (2)</a>,
    <a href="/david/2024/deception/" data-tag="deception" rel="tag">#déception (3)</a>,
    <a href="/david/2024/decision/" data-tag="decision" rel="tag">#décision (8)</a>,
    <a href="/david/2024/dependance/" data-tag="dependance" rel="tag">#dépendance (6)</a>,
    <a href="/david/2024/documentation/" data-tag="documentation" rel="tag">#documentation (2)</a>,
    <a href="/david/2024/dystopie/" data-tag="dystopie" rel="tag">#dystopie (3)</a>,
    <a href="/david/2024/echanges/" data-tag="echanges" rel="tag">#échanges (5)</a>,
    <a href="/david/2024/ecriture/" data-tag="ecriture" rel="tag">#écriture (7)</a>,
    <a href="/david/2024/enthousiasme/" data-tag="enthousiasme" rel="tag">#enthousiasme (1)</a>,
    <a href="/david/2024/equipe/" data-tag="equipe" rel="tag">#équipe (7)</a>,
    <a href="/david/2024/evolution/" data-tag="evolution" rel="tag">#évolution (8)</a>,
    <a href="/david/2024/experience/" data-tag="experience" rel="tag">#expérience (12)</a>,
@@ -572,7 +581,7 @@
    <a href="/david/2024/protopie/" data-tag="protopie" rel="tag">#protopie (7)</a>,
    <a href="/david/2024/psychologie/" data-tag="psychologie" rel="tag">#psychologie (10)</a>,
    <a href="/david/2024/solastalgia/" data-tag="solastalgia" rel="tag">#solastalgia (5)</a>,
    <a href="/david/2024/sport/" data-tag="sport" rel="tag">#sport (5)</a>,
    <a href="/david/2024/sport/" data-tag="sport" rel="tag">#sport (6)</a>,
    <a href="/david/2024/technique/" data-tag="technique" rel="tag">#technique (15)</a>,
    <a href="/david/2024/velo/" data-tag="velo" rel="tag">#vélo (1)</a>,
    <a href="/david/2024/web/" data-tag="web" rel="tag">#web (13)</a>.
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -6,13 +6,38 @@
    <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-03-14T12:00:00+01:00</updated>
    <updated>2024-03-15T12: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">Montre 2</title>
            <link href="https://larlet.fr/david/2024/03/14/" rel="alternate" type="text/html" />
            <updated>2024-03-14T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/03/14/</id>
            <summary type="html">
 &lt;p&gt;J’ai reçu un &lt;a href=&quot;https://larlet.fr/2024/03/02/&quot;&gt;nouveau jouet&lt;/a&gt; aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à&amp;nbsp;explorer.&lt;/p&gt;
 &lt;p&gt;J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux&amp;nbsp;auparavant.&lt;/p&gt;
 &lt;p&gt;Il faut que j’apprenne à ne pas courir &lt;em&gt;contre&lt;/em&gt; mais &lt;em&gt;avec&lt;/em&gt; la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas&amp;nbsp;suivre.&lt;/p&gt;
 &lt;p&gt;Il y a du travail à faire pour transformer un jugement en&amp;nbsp;allié.&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…&lt;br /&gt;
 … mais la conversation est à sens unique et totalement stérile.&lt;br /&gt;
 Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un&amp;nbsp;pouce.&lt;/p&gt;
 &lt;p&gt;La rencontre n’a pas eu&amp;nbsp;lieu.&lt;/p&gt;
 &lt;p&gt;Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.&lt;br /&gt;
 Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.&lt;br /&gt;
 Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à&amp;nbsp;eux.&lt;/p&gt;
 &lt;p&gt;Le tennis est un art. L’art de&amp;nbsp;l’échange.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;Max Winson&lt;/em&gt;, Jérémie&amp;nbsp;Moreau&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/deception/&quot;&gt;#déception&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/enthousiasme/&quot;&gt;#enthousiasme&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&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">Sérendipité</title>
            <link href="https://larlet.fr/david/2024/03/13/" rel="alternate" type="text/html" />
@@ -1161,65 +1186,4 @@ button.primary {
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opendata/&quot;&gt;#opendata&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">Feutrage</title>
            <link href="https://larlet.fr/david/2024/02/13/" rel="alternate" type="text/html" />
            <updated>2024-02-13T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/02/13/</id>
            <summary type="html">
 &lt;p&gt;Atelier du soir avec &lt;a href=&quot;https://wiseoakwilderness.com/&quot;&gt;Jesse&lt;/a&gt; que je connaissais pour ses autres activités et c’était une surprise de retomber sur lui&amp;#8239;! C’est une bonne personne&amp;nbsp;😊. Le problème des &lt;a href=&quot;https://www.les-affutes.ca/&quot;&gt;Affûtés&lt;/a&gt; c’est qu’iels arrivent un peu trop bien à me &lt;a href=&quot;https://larlet.fr/david/2024/01/21/&quot;&gt;cibler&lt;/a&gt;&amp;#8239;!&lt;/p&gt;
 &lt;p&gt;L’objectif était de faire une paire de mitaines à partir de laine brute, c’est une approche qui m’intéresse beaucoup car je n’arrive pas à accrocher au tricotage et j’ai pourtant de gros besoins à ce sujet (je ne taris pas d’éloge au sujet de &lt;a href=&quot;https://nature.larlet.fr/habillage/#laine&quot;&gt;cette matière&lt;/a&gt; par ailleurs, je ne vais pas me répéter ici). Je n’avais aucune idée de cette technique&amp;nbsp;auparavant.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-13-laine-brute.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2024/2024-02-13-laine-brute.jpg&quot;
            width=&quot;2464&quot; height=&quot;3285&quot;
            srcset=&quot;/static/david/2024/2024-02-13-laine-brute.jpg 2464w, /static/david/2024/2024-02-13-laine-brute_660x440.jpg 660w, /static/david/2024/2024-02-13-laine-brute_990x660.jpg 990w, /static/david/2024/2024-02-13-laine-brute_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 2464 / 3285))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;De la laine relativement brute.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;De la laine relativement&amp;nbsp;brute.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;La laine provenait de la &lt;a href=&quot;https://www.etsy.com/ca/market/bure_bure&quot;&gt;boutique BureBure&lt;/a&gt; sur Etsy, ce qui a l’avantage de pouvoir s’en procurer facilement de manière indépendante. Pour une option plus locale, certaines évoquaient &lt;a href=&quot;https://www.lavieenalpaga.com/&quot;&gt;La Vie en Alpaga&lt;/a&gt; mais c’est une laine plus fine qu’il vaut mieux couper d’après Jesse pour qu’elle arrive à feutrer plus facilement. J’ai appris qu’une bonne partie de la laine qui serait utilisable au Québec ne l’est pas faute de rentabilité. À moi de trouver une source&amp;nbsp;locale.&lt;/p&gt;
 &lt;p&gt;Je vais documenter la méthode car c’est faisable dans sa cuisine sans nécessiter d’outillage particulier et je compte bien continuer cet apprentissage. Cela demande quelques étapes et un petit tour de main, l’atelier était vraiment important pour devenir&amp;nbsp;autonome.&lt;/p&gt;
 &lt;p&gt;Matériel&amp;nbsp;: un bac étanche, un natte pour faire des &lt;em&gt;maki&lt;/em&gt; (véridique), un rectangle de papier bulles, un rectangle en plastique avec des trous (type rideau ou tapis de vaisselle). Le tout dimensionné pour le patron choisi qui peut être découpé dans un sac de course en plastique rigide. Ensuite, il ne faut que de l’eau chaude, du savon et du vinaigre. Autant dire que ce n’est pas le matériel qui coûte&amp;nbsp;cher.&lt;/p&gt;
 &lt;ol&gt;
 &lt;li&gt;On fait un patron ayant une taille d’environ 130% par rapport au résultat attendu, le principe est que la laine va s’agréger et donc réduire sa taille de manière significative lors du&amp;nbsp;processus.&lt;/li&gt;
 &lt;li&gt;On pose le patron dans le bac, sur la natte + papier&amp;nbsp;bulles.&lt;/li&gt;
 &lt;li&gt;On ajoute trois couches de laine en commençant par la fibre à l’horizontale puis en croisant les fibres, on fait en sorte que ça dépasse pour pouvoir faire la jonction avec la face arrière du&amp;nbsp;patron.&lt;/li&gt;
 &lt;li&gt;On recouvre avec le tapis en plastique puis on arrose d’eau très chaude et de&amp;nbsp;savon.&lt;/li&gt;
 &lt;li&gt;On masse avec tendresse pour ne pas faire de trous au début, c’est cette action qui va relier les différents filaments de laine progressivement (c’est le feutrage à proprement&amp;nbsp;parler).&lt;/li&gt;
 &lt;li&gt;On retourne et on replie l’excédent sur les bords du patron avant d’ajouter nos trois couches de laine sur cette nouvelle&amp;nbsp;face.&lt;/li&gt;
 &lt;li&gt;Arrivé à cette étape, on a notre structure et on n’ajoutera plus de laine (à part souci). La simplicité du processus est&amp;nbsp;incroyable.&lt;/li&gt;
 &lt;li&gt;On fait bien le détourage du pouce dans le cas d’une mitaine. Ne pas oublier de replier le bord en bas, il faut laisser un trou pour le passage de la&amp;nbsp;main&amp;#8239;!&lt;/li&gt;
 &lt;li&gt;On continue de masser recto-verso un très grand nombre de fois en ajoutant de l’eau chaude et du savon (le foulage) jusqu’à ce que ça tienne bien et que l’on puisse extraire le&amp;nbsp;patron.&lt;/li&gt;
 &lt;li&gt;On peut maintenant rouler nos &lt;em&gt;maki&lt;/em&gt;&amp;#8239;! Cela permet de masser le rouleau et d’avoir d’autres angles pour les fibres. Il faut aussi se concentrer sur les bords pour arrondir les angles et commencer à former la&amp;nbsp;mitaine.&lt;/li&gt;
 &lt;li&gt;Au bout d’un moment —&amp;nbsp;ces premières étapes ont pris une bonne heure&amp;nbsp;— on passe à la deuxième mitaine, retour à l’étape&amp;nbsp;2…&lt;/li&gt;
 &lt;li&gt;Avec les deux mitaines en main, on peut les feutrer/fouler réciproquement en se frottant les mains toujours en ajoutant du savon et de l’eau brulante (c’est un atelier vraiment propre) pendant là aussi de longues minutes, l’objectif est d’arriver à approcher de la taille finale désirée. On frotte dans le sens où on veut réduire la taille, par exemple en horizontal sur l’ouverture pour&amp;nbsp;resserrer.&lt;/li&gt;
 &lt;li&gt;On termine en rinçant abondamment le savon et en plongeant la pièce dans une solution vinaigrée pour changer le pH, ce qui fixe le tout et adouci la&amp;nbsp;laine.&lt;/li&gt;
 &lt;li&gt;(Optionnel) Il est possible de réduire encore &lt;em&gt;a posteriori&lt;/em&gt; en remouillant avec du savon MAIS il n’est pas possible de revenir en arrière donc il vaut mieux s’arrêter trop tôt plutôt que trop tard, d’autant que ça rétrécit au&amp;nbsp;séchage.&lt;/li&gt;
 &lt;/ol&gt;
 &lt;p&gt;Il y a très peu de pertes dans le processus même si ça prend beaucoup de savon. Le gros intérêt de la technique, c’est que la pièce est vraiment adaptée au support sur laquelle on la feutre+foule (ici mes mains). Il est possible de couper le surplus en bas pour égaliser mais je préfère que ça remonte plus haut sur l’avant-bras. Le résultat est un peu rigide car j’ai privilégié la chaleur (et les erreurs de débutant) mais il est possible de mettre moins de laine. J’arrive néanmoins à tenir un bâton de ski sans&amp;nbsp;forcer.&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-02-13-mitaines-feutrage.jpg&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img
            src=&quot;https://larlet.fr/static/david/2024/2024-02-13-mitaines-feutrage.jpg&quot;
            width=&quot;3024&quot; height=&quot;4032&quot;
            srcset=&quot;/static/david/2024/2024-02-13-mitaines-feutrage.jpg 3024w, /static/david/2024/2024-02-13-mitaines-feutrage_660x440.jpg 660w, /static/david/2024/2024-02-13-mitaines-feutrage_990x660.jpg 990w, /static/david/2024/2024-02-13-mitaines-feutrage_1320x880.jpg 1320w&quot;
            sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
            loading=&quot;lazy&quot;
            decoding=&quot;async&quot;
            alt=&quot;Les mitaines réalisées qui sèchent verticalement.&quot;&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Le résultat après 4 heures de travail et pas mal d’huile de&amp;nbsp;coude.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;Anecdote&amp;nbsp;: j’étais le plus jeune et le seul homme, c’était intéressant d’être au sein de cette &lt;em&gt;sororité des aînées&lt;/em&gt;, il ne manquait qu’une cheminée pour avoir une soirée d’anecdotes québécoises au coin du&amp;nbsp;feu&amp;nbsp;🤗.&lt;/p&gt;
 &lt;p&gt;Au retour, après avoir essoré les mitaines pour qu’elles ne gouttent pas trop, j’ai pu les mettre pour qu’elles affrontent leur première tempête de neige improvisée. Même mouillées et dégoulinantes, j’arrivais à garder mes mains au chaud à l’intérieur… ah, la laine&amp;nbsp;&amp;lt;3. J’ai hâte de tester avec avec une sous-couche et/ou une sur-couche, ça tombe bien car les températures redescendent&amp;nbsp;enfin.&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/processus/&quot;&gt;#processus&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/protopie/&quot;&gt;#protopie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
 </feed>
--- a/david/recherche/index.html
+++ b/david/recherche/index.html
@@ -276,6 +276,12 @@
    </template>
    
    <script id="search-index" type="application/json">[
  {
    "title": "Montre 2",
    "url": "/david/2024/03/14/",
    "date": "2024-03-14",
    "content": "J\u2019ai re\u00e7u un nouveau jouet aujourd\u2019hui. Alors je me suis amus\u00e9. Il me reste beaucoup de donn\u00e9es et fonctionnalit\u00e9s \u00e0\u00a0explorer. J\u2019ai finalement opt\u00e9 pour la version non-Pro afin de privil\u00e9gier un format qui me convient mieux (taille / poids), j\u2019ai pu tester en magasin les deux\u00a0auparavant. Il faut que j\u2019apprenne \u00e0 ne pas courir contre mais avec la montre. J\u2019ai trop tendance \u00e0 pousser alors qu\u2019elle sait bien \u00e0 mon poignet que mon c\u0153ur ne va pas\u00a0suivre. Il y a du travail \u00e0 faire pour transformer un jugement en\u00a0alli\u00e9. Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture\u2026 \u2026 mais la conversation est \u00e0 sens unique et totalement st\u00e9rile. Au terme de l\u2019\u00e9change tu demeures exactement le m\u00eame, tu n\u2019as pas \u00e9volu\u00e9 d\u2019un\u00a0pouce. La rencontre n\u2019a pas eu\u00a0lieu. Ou bien, tu peux laisser l\u2019autre s\u2019exprimer, l\u2019\u00e9couter. Et alors te hisser sur la marche qu\u2019il \u00e9rige puis en poser une \u00e0 ton tour. Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux. Ne cherche plus \u00e0 lutter contre les autres pour \u00eatre meilleur, Max, mais deviens meilleur gr\u00e2ce \u00e0\u00a0eux. Le tennis est un art. L\u2019art de\u00a0l\u2019\u00e9change. Max Winson, J\u00e9r\u00e9mie\u00a0Moreau"
  },
  {
    "title": "S\u00e9rendipit\u00e9",
    "url": "/david/2024/03/13/",
@@ -714,6 +720,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": "Montre 2",
    "url": "/david/2024/03/14/",
    "date": "2024-03-14",
    "content": "J\u2019ai re\u00e7u un nouveau jouet aujourd\u2019hui. Alors je me suis amus\u00e9. Il me reste beaucoup de donn\u00e9es et fonctionnalit\u00e9s \u00e0\u00a0explorer. J\u2019ai finalement opt\u00e9 pour la version non-Pro afin de privil\u00e9gier un format qui me convient mieux (taille / poids), j\u2019ai pu tester en magasin les deux\u00a0auparavant. Il faut que j\u2019apprenne \u00e0 ne pas courir contre mais avec la montre. J\u2019ai trop tendance \u00e0 pousser alors qu\u2019elle sait bien \u00e0 mon poignet que mon c\u0153ur ne va pas\u00a0suivre. Il y a du travail \u00e0 faire pour transformer un jugement en\u00a0alli\u00e9. Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture\u2026 \u2026 mais la conversation est \u00e0 sens unique et totalement st\u00e9rile. Au terme de l\u2019\u00e9change tu demeures exactement le m\u00eame, tu n\u2019as pas \u00e9volu\u00e9 d\u2019un\u00a0pouce. La rencontre n\u2019a pas eu\u00a0lieu. Ou bien, tu peux laisser l\u2019autre s\u2019exprimer, l\u2019\u00e9couter. Et alors te hisser sur la marche qu\u2019il \u00e9rige puis en poser une \u00e0 ton tour. Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux. Ne cherche plus \u00e0 lutter contre les autres pour \u00eatre meilleur, Max, mais deviens meilleur gr\u00e2ce \u00e0\u00a0eux. Le tennis est un art. L\u2019art de\u00a0l\u2019\u00e9change. Max Winson, J\u00e9r\u00e9mie\u00a0Moreau"
  },
  {
    "title": "S\u00e9rendipit\u00e9",
    "url": "/david/2024/03/13/",