8 月之前 · 417d36fd43
--- a/david/2024/03/23/index.html
+++ b/david/2024/03/23/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/24/"
            title="Publication suivante : Cage">Suivant →</a>
      
    </p>
  </nav>
  
@@ -255,6 +259,10 @@
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
        • <a rel="next"
            href="/david/2024/03/24/"
            title="Publication suivante : Cage">Suivant →</a>
      
    </p>
  </nav>

--- a/david/2024/03/24/index.html
+++ b/david/2024/03/24/index.html
@@ -0,0 +1,435 @@
 <!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>
    Cage
  — 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="« Serai-je toujours choisie ? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur retour ? »">
  <!-- 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>Cage</h1>
      <p>Le <time datetime="2024-03-24">24 mars 2024</time></p>
    </hgroup>
  </header>
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/03/23/"
           title="Publication précédente : Intendant">← 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;Serai-je toujours choisie&#8239;? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur&nbsp;retour&#8239;?&nbsp;»</p>
 <p>«&nbsp;Un jour viendra bientôt, peut-être, où nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l’ultime défense de vos foyers. Mais ces exploits n’auront pas été moins vaillants pour être restés sans&nbsp;éloges.&nbsp;»</p>
 <p>Et elle répondit: «&nbsp;Tout cela revient à dire&nbsp;: vous êtes une femme, et votre place est à la maison. Mais quand les hommes seront morts au combat, dans l’honneur, vous pourrez brûler avec elle, car les hommes n’auront plus besoin d’un toit. Mais je suis de la Maison d’Eorl, et non une femme servante. Je puis monter à cheval, je sais manier l’épée&#8239;; et je ne crains ni la souffrance, ni la&nbsp;mort.&nbsp;»</p>
 <p>«&nbsp;Que craignez-vous donc, madame&#8239;?&nbsp;»&nbsp;demanda-t-il.</p>
 <p>«&nbsp;<mark>Une cage</mark>, dit-elle. Vivre derrière des barreaux, jusqu’à ce que l’habitude et la vieillesse s’en accommodent, et que l’espoir d’accomplir de hauts faits soit au-delà de tout souvenir et de toute&nbsp;envie.&nbsp;»</p>
 <p><cite><em>Le Seigneur des Anneaux</em>, J.R.R. Tolkien, traduction de Daniel&nbsp;Lauzon</cite></p>
 </blockquote>
 <p>Il s’agit de mon extrait favori de la trilogie. <em>Éowyn forever&nbsp;&lt;3.</em></p>
 <a href="#hr-132" title="Lien vers cette section de la page"><hr id="hr-132" /></a>

 <blockquote>
 <p>Bref, il s’agit de modéliser le mieux possible les <strong>besoins éditoriaux</strong> pour ensuite – <em>et seulement ensuite&#8239;!</em> – réunir les ingrédients techniques. (On voit souvent le contraire arriver en pratique&nbsp;: on plaque des solutions existantes sans nécessairement tenir compte des spécificités propres à un problème, un contexte, une communauté.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code différents qui produisent, à première vue, un effet similaire&#8239;; <mark>sauf que les démarches ne se valent pas toutes,</mark> et c’est justement en tenant compte du contexte particulier qu’on peut trouver chaussure à son pied (ou à celui des&nbsp;autres).</p>
 <p><cite><em><a data-link-domain="lobrassard.net" href="https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html" hreflang="fr"
            title="Consultation de l’article">Écrire ou coder l’éditorial</a>
            <a href="/david/cache/2024/bb9ae7eeac8484bf3e675d196b8dc8b9/" hreflang="fr"
                data-tippy data-description="Carnet de recherche de Louis-Olivier Brassard."
                data-source="https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html"
                data-date="2024-03-25"
                data-favicon="data:;base64,iVBORw0KGgo="
                data-domain="lobrassard.net"
                ><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>CSS ⨯ Grec ancien ⨯&nbsp;poésie.</p>
 <a href="#hr-133" title="Lien vers cette section de la page"><hr id="hr-133" /></a>

 <blockquote lang="en">
 <p>In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), <mark>but that’s not the case for pages tested, which are slower</mark> to load initially, slower on subsequent loads, and slower after they’ve&nbsp;loaded.</p>
 <p><cite><em><a data-link-domain="danluu.com" href="https://danluu.com/slow-device/" hreflang="en"
            title="Consultation de l’article (anglais)">How web bloat impacts users with slow devices</a>
            <a href="/david/cache/2024/a988555163e09729b925dbf715ce256c/" hreflang="en"
                data-tippy data-description="More of the web is becoming inaccessible to people with low-end devices even if they have high-end connections."
                data-source="https://danluu.com/slow-device/"
                data-date="2024-03-25"
                data-favicon="data:;base64,="
                data-domain="danluu.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>L’article déprimant du jour que devraient lire tou·tes les dévelopeur·euses avec leurs processeurs MX et leurs&nbsp;iPhones.</p>
 <p><em>Je l’ai&nbsp;lu.</em></p>

  
    <nav>
      <p>
        
          <a href="/david/2024/courage/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#courage</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/poesie/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#poésie</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/23/"
           title="Publication précédente : Intendant">← 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-24
+++ b/david/2024/_sources/2024-03-24
@@ -0,0 +1,36 @@
 # Cage

 > « Serai-je toujours choisie ? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur retour ? »
 > 
 > « Un jour viendra bientôt, peut-être, où nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l’ultime défense de vos foyers. Mais ces exploits n’auront pas été moins vaillants pour être restés sans éloges. »
 > 
 > Et elle répondit: « Tout cela revient à dire : vous êtes une femme, et votre place est à la maison. Mais quand les hommes seront morts au combat, dans l’honneur, vous pourrez brûler avec elle, car les hommes n’auront plus besoin d’un toit. Mais je suis de la Maison d’Eorl, et non une femme servante. Je puis monter à cheval, je sais manier l’épée ; et je ne crains ni la souffrance, ni la mort. »
 > 
 > « Que craignez-vous donc, madame ? » demanda-t-il.
 > 
 > « ==Une cage==, dit-elle. Vivre derrière des barreaux, jusqu’à ce que l’habitude et la vieillesse s’en accommodent, et que l’espoir d’accomplir de hauts faits soit au-delà de tout souvenir et de toute envie. »
 >
 > <cite>*Le Seigneur des Anneaux*, J.R.R. Tolkien, traduction de Daniel Lauzon</cite>

 Il s’agit de mon extrait favori de la trilogie. *Éowyn forever <3.*

 ---

 > Bref, il s’agit de modéliser le mieux possible les **besoins éditoriaux** pour ensuite – *et seulement ensuite !* – réunir les ingrédients techniques. (On voit souvent le contraire arriver en pratique : on plaque des solutions existantes sans nécessairement tenir compte des spécificités propres à un problème, un contexte, une communauté.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code différents qui produisent, à première vue, un effet similaire ; ==sauf que les démarches ne se valent pas toutes,== et c’est justement en tenant compte du contexte particulier qu’on peut trouver chaussure à son pied (ou à celui des autres).
 > 
 > <cite>*[Écrire ou coder l’éditorial](https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html)*</cite>

 CSS ⨯ Grec ancien ⨯ poésie.

 ---

 > [en] In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), ==but that’s not the case for pages tested, which are slower== to load initially, slower on subsequent loads, and slower after they’ve loaded.
 > 
 > <cite>*[How web bloat impacts users with slow devices](https://danluu.com/slow-device/)*</cite>

 L’article déprimant du jour que devraient lire tou·tes les dévelopeur·euses avec leurs processeurs MX et leurs iPhones.

 *Je l’ai lu.*

 #courage #lecture #poésie

--- a/david/2024/courage/index.html
+++ b/david/2024/courage/index.html
@@ -0,0 +1,356 @@
 <!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 #courage
  — 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 #courage">
  <!-- 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>#courage</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/24/" title="Lien permanent vers cet article">Cage</a> <time datetime="2024-03-24">24 mars 2024</time>
    </h2>
    

 <blockquote>
 <p>«&nbsp;Serai-je toujours choisie&#8239;? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur&nbsp;retour&#8239;?&nbsp;»</p>
 <p>«&nbsp;Un jour viendra bientôt, peut-être, où nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l’ultime défense de vos foyers. Mais ces exploits n’auront pas été moins vaillants pour être restés sans&nbsp;éloges.&nbsp;»</p>
 <p>Et elle répondit: «&nbsp;Tout cela revient à dire&nbsp;: vous êtes une femme, et votre place est à la maison. Mais quand les hommes seront morts au combat, dans l’honneur, vous pourrez brûler avec elle, car les hommes n’auront plus besoin d’un toit. Mais je suis de la Maison d’Eorl, et non une femme servante. Je puis monter à cheval, je sais manier l’épée&#8239;; et je ne crains ni la souffrance, ni la&nbsp;mort.&nbsp;»</p>
 <p>«&nbsp;Que craignez-vous donc, madame&#8239;?&nbsp;»&nbsp;demanda-t-il.</p>
 <p>«&nbsp;<mark>Une cage</mark>, dit-elle. Vivre derrière des barreaux, jusqu’à ce que l’habitude et la vieillesse s’en accommodent, et que l’espoir d’accomplir de hauts faits soit au-delà de tout souvenir et de toute&nbsp;envie.&nbsp;»</p>
 <p><cite><em>Le Seigneur des Anneaux</em>, J.R.R. Tolkien, traduction de Daniel&nbsp;Lauzon</cite></p>
 </blockquote>
 <p>Il s’agit de mon extrait favori de la trilogie. <em>Éowyn forever&nbsp;&lt;3.</em></p>
 <a href="#hr-132" title="Lien vers cette section de la page"><hr id="hr-132" /></a>

 <blockquote>
 <p>Bref, il s’agit de modéliser le mieux possible les <strong>besoins éditoriaux</strong> pour ensuite – <em>et seulement ensuite&#8239;!</em> – réunir les ingrédients techniques. (On voit souvent le contraire arriver en pratique&nbsp;: on plaque des solutions existantes sans nécessairement tenir compte des spécificités propres à un problème, un contexte, une communauté.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code différents qui produisent, à première vue, un effet similaire&#8239;; <mark>sauf que les démarches ne se valent pas toutes,</mark> et c’est justement en tenant compte du contexte particulier qu’on peut trouver chaussure à son pied (ou à celui des&nbsp;autres).</p>
 <p><cite><em><a data-link-domain="lobrassard.net" href="https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html" hreflang="fr"
            title="Consultation de l’article">Écrire ou coder l’éditorial</a>
            <a href="/david/cache/2024/bb9ae7eeac8484bf3e675d196b8dc8b9/" hreflang="fr"
                data-tippy data-description="Carnet de recherche de Louis-Olivier Brassard."
                data-source="https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html"
                data-date="2024-03-25"
                data-favicon="data:;base64,iVBORw0KGgo="
                data-domain="lobrassard.net"
                ><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>CSS ⨯ Grec ancien ⨯&nbsp;poésie.</p>
 <a href="#hr-133" title="Lien vers cette section de la page"><hr id="hr-133" /></a>

 <blockquote lang="en">
 <p>In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), <mark>but that’s not the case for pages tested, which are slower</mark> to load initially, slower on subsequent loads, and slower after they’ve&nbsp;loaded.</p>
 <p><cite><em><a data-link-domain="danluu.com" href="https://danluu.com/slow-device/" hreflang="en"
            title="Consultation de l’article (anglais)">How web bloat impacts users with slow devices</a>
            <a href="/david/cache/2024/a988555163e09729b925dbf715ce256c/" hreflang="en"
                data-tippy data-description="More of the web is becoming inaccessible to people with low-end devices even if they have high-end connections."
                data-source="https://danluu.com/slow-device/"
                data-date="2024-03-25"
                data-favicon="data:;base64,="
                data-domain="danluu.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>L’article déprimant du jour que devraient lire tou·tes les dévelopeur·euses avec leurs processeurs MX et leurs&nbsp;iPhones.</p>
 <p><em>Je l’ai&nbsp;lu.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/courage/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#courage</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/poesie/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#poésie</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
@@ -218,7 +218,8 @@
      <a href="/david/2024/03/19/">Excitation</a>, 
      <a href="/david/2024/03/20/">PageCrypt</a>, 
      <a href="/david/2024/03/21/">Fourchette</a>, 
      <a href="/david/2024/03/23/">Intendant</a>.
      <a href="/david/2024/03/23/">Intendant</a>, 
      <a href="/david/2024/03/24/">Cage</a>.
      
    </p>
  
@@ -234,6 +235,7 @@
      <a href="/david/2024/cinema/" rel="tag">#cinéma (1)</a>, 
      <a href="/david/2024/commun/" rel="tag">#commun (9)</a>, 
      <a href="/david/2024/communaute/" rel="tag">#communauté (6)</a>, 
      <a href="/david/2024/courage/" rel="tag">#courage (1)</a>, 
      <a href="/david/2024/decentralisation/" rel="tag">#décentralisation (1)</a>, 
      <a href="/david/2024/deception/" rel="tag">#déception (3)</a>, 
      <a href="/david/2024/decision/" rel="tag">#décision (8)</a>, 
@@ -252,7 +254,7 @@
      <a href="/david/2024/ia/" rel="tag">#IA (3)</a>, 
      <a href="/david/2024/identite/" rel="tag">#identité (1)</a>, 
      <a href="/david/2024/laboratoire/" rel="tag">#laboratoire (4)</a>, 
      <a href="/david/2024/lecture/" rel="tag">#lecture (4)</a>, 
      <a href="/david/2024/lecture/" rel="tag">#lecture (5)</a>, 
      <a href="/david/2024/liens/" rel="tag">#liens (1)</a>, 
      <a href="/david/2024/opendata/" rel="tag">#opendata (1)</a>, 
      <a href="/david/2024/opensource/" rel="tag">#opensource (9)</a>, 
@@ -260,7 +262,7 @@
      <a href="/david/2024/partage/" rel="tag">#partage (6)</a>, 
      <a href="/david/2024/parvenir/" rel="tag">#parvenir (3)</a>, 
      <a href="/david/2024/photographie/" rel="tag">#photographie (2)</a>, 
      <a href="/david/2024/poesie/" rel="tag">#poésie (2)</a>, 
      <a href="/david/2024/poesie/" rel="tag">#poésie (3)</a>, 
      <a href="/david/2024/processus/" rel="tag">#processus (10)</a>, 
      <a href="/david/2024/propriete/" rel="tag">#propriété (1)</a>, 
      <a href="/david/2024/protopie/" rel="tag">#protopie (7)</a>, 
--- a/david/2024/lecture/index.html
+++ b/david/2024/lecture/index.html
@@ -134,6 +134,87 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/03/24/" title="Lien permanent vers cet article">Cage</a> <time datetime="2024-03-24">24 mars 2024</time>
    </h2>
    

 <blockquote>
 <p>«&nbsp;Serai-je toujours choisie&#8239;? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur&nbsp;retour&#8239;?&nbsp;»</p>
 <p>«&nbsp;Un jour viendra bientôt, peut-être, où nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l’ultime défense de vos foyers. Mais ces exploits n’auront pas été moins vaillants pour être restés sans&nbsp;éloges.&nbsp;»</p>
 <p>Et elle répondit: «&nbsp;Tout cela revient à dire&nbsp;: vous êtes une femme, et votre place est à la maison. Mais quand les hommes seront morts au combat, dans l’honneur, vous pourrez brûler avec elle, car les hommes n’auront plus besoin d’un toit. Mais je suis de la Maison d’Eorl, et non une femme servante. Je puis monter à cheval, je sais manier l’épée&#8239;; et je ne crains ni la souffrance, ni la&nbsp;mort.&nbsp;»</p>
 <p>«&nbsp;Que craignez-vous donc, madame&#8239;?&nbsp;»&nbsp;demanda-t-il.</p>
 <p>«&nbsp;<mark>Une cage</mark>, dit-elle. Vivre derrière des barreaux, jusqu’à ce que l’habitude et la vieillesse s’en accommodent, et que l’espoir d’accomplir de hauts faits soit au-delà de tout souvenir et de toute&nbsp;envie.&nbsp;»</p>
 <p><cite><em>Le Seigneur des Anneaux</em>, J.R.R. Tolkien, traduction de Daniel&nbsp;Lauzon</cite></p>
 </blockquote>
 <p>Il s’agit de mon extrait favori de la trilogie. <em>Éowyn forever&nbsp;&lt;3.</em></p>
 <a href="#hr-132" title="Lien vers cette section de la page"><hr id="hr-132" /></a>

 <blockquote>
 <p>Bref, il s’agit de modéliser le mieux possible les <strong>besoins éditoriaux</strong> pour ensuite – <em>et seulement ensuite&#8239;!</em> – réunir les ingrédients techniques. (On voit souvent le contraire arriver en pratique&nbsp;: on plaque des solutions existantes sans nécessairement tenir compte des spécificités propres à un problème, un contexte, une communauté.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code différents qui produisent, à première vue, un effet similaire&#8239;; <mark>sauf que les démarches ne se valent pas toutes,</mark> et c’est justement en tenant compte du contexte particulier qu’on peut trouver chaussure à son pied (ou à celui des&nbsp;autres).</p>
 <p><cite><em><a data-link-domain="lobrassard.net" href="https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html" hreflang="fr"
            title="Consultation de l’article">Écrire ou coder l’éditorial</a>
            <a href="/david/cache/2024/bb9ae7eeac8484bf3e675d196b8dc8b9/" hreflang="fr"
                data-tippy data-description="Carnet de recherche de Louis-Olivier Brassard."
                data-source="https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html"
                data-date="2024-03-25"
                data-favicon="data:;base64,iVBORw0KGgo="
                data-domain="lobrassard.net"
                ><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>CSS ⨯ Grec ancien ⨯&nbsp;poésie.</p>
 <a href="#hr-133" title="Lien vers cette section de la page"><hr id="hr-133" /></a>

 <blockquote lang="en">
 <p>In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), <mark>but that’s not the case for pages tested, which are slower</mark> to load initially, slower on subsequent loads, and slower after they’ve&nbsp;loaded.</p>
 <p><cite><em><a data-link-domain="danluu.com" href="https://danluu.com/slow-device/" hreflang="en"
            title="Consultation de l’article (anglais)">How web bloat impacts users with slow devices</a>
            <a href="/david/cache/2024/a988555163e09729b925dbf715ce256c/" hreflang="en"
                data-tippy data-description="More of the web is becoming inaccessible to people with low-end devices even if they have high-end connections."
                data-source="https://danluu.com/slow-device/"
                data-date="2024-03-25"
                data-favicon="data:;base64,="
                data-domain="danluu.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>L’article déprimant du jour que devraient lire tou·tes les dévelopeur·euses avec leurs processeurs MX et leurs&nbsp;iPhones.</p>
 <p><em>Je l’ai&nbsp;lu.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/courage/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#courage</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/poesie/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#poésie</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/16/" title="Lien permanent vers cet article">Descriptions</a> <time datetime="2024-03-16">16 mars 2024</time>
    </h2>
--- a/david/2024/poesie/index.html
+++ b/david/2024/poesie/index.html
@@ -134,6 +134,87 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/03/24/" title="Lien permanent vers cet article">Cage</a> <time datetime="2024-03-24">24 mars 2024</time>
    </h2>
    

 <blockquote>
 <p>«&nbsp;Serai-je toujours choisie&#8239;? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur&nbsp;retour&#8239;?&nbsp;»</p>
 <p>«&nbsp;Un jour viendra bientôt, peut-être, où nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l’ultime défense de vos foyers. Mais ces exploits n’auront pas été moins vaillants pour être restés sans&nbsp;éloges.&nbsp;»</p>
 <p>Et elle répondit: «&nbsp;Tout cela revient à dire&nbsp;: vous êtes une femme, et votre place est à la maison. Mais quand les hommes seront morts au combat, dans l’honneur, vous pourrez brûler avec elle, car les hommes n’auront plus besoin d’un toit. Mais je suis de la Maison d’Eorl, et non une femme servante. Je puis monter à cheval, je sais manier l’épée&#8239;; et je ne crains ni la souffrance, ni la&nbsp;mort.&nbsp;»</p>
 <p>«&nbsp;Que craignez-vous donc, madame&#8239;?&nbsp;»&nbsp;demanda-t-il.</p>
 <p>«&nbsp;<mark>Une cage</mark>, dit-elle. Vivre derrière des barreaux, jusqu’à ce que l’habitude et la vieillesse s’en accommodent, et que l’espoir d’accomplir de hauts faits soit au-delà de tout souvenir et de toute&nbsp;envie.&nbsp;»</p>
 <p><cite><em>Le Seigneur des Anneaux</em>, J.R.R. Tolkien, traduction de Daniel&nbsp;Lauzon</cite></p>
 </blockquote>
 <p>Il s’agit de mon extrait favori de la trilogie. <em>Éowyn forever&nbsp;&lt;3.</em></p>
 <a href="#hr-132" title="Lien vers cette section de la page"><hr id="hr-132" /></a>

 <blockquote>
 <p>Bref, il s’agit de modéliser le mieux possible les <strong>besoins éditoriaux</strong> pour ensuite – <em>et seulement ensuite&#8239;!</em> – réunir les ingrédients techniques. (On voit souvent le contraire arriver en pratique&nbsp;: on plaque des solutions existantes sans nécessairement tenir compte des spécificités propres à un problème, un contexte, une communauté.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code différents qui produisent, à première vue, un effet similaire&#8239;; <mark>sauf que les démarches ne se valent pas toutes,</mark> et c’est justement en tenant compte du contexte particulier qu’on peut trouver chaussure à son pied (ou à celui des&nbsp;autres).</p>
 <p><cite><em><a data-link-domain="lobrassard.net" href="https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html" hreflang="fr"
            title="Consultation de l’article">Écrire ou coder l’éditorial</a>
            <a href="/david/cache/2024/bb9ae7eeac8484bf3e675d196b8dc8b9/" hreflang="fr"
                data-tippy data-description="Carnet de recherche de Louis-Olivier Brassard."
                data-source="https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html"
                data-date="2024-03-25"
                data-favicon="data:;base64,iVBORw0KGgo="
                data-domain="lobrassard.net"
                ><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>CSS ⨯ Grec ancien ⨯&nbsp;poésie.</p>
 <a href="#hr-133" title="Lien vers cette section de la page"><hr id="hr-133" /></a>

 <blockquote lang="en">
 <p>In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), <mark>but that’s not the case for pages tested, which are slower</mark> to load initially, slower on subsequent loads, and slower after they’ve&nbsp;loaded.</p>
 <p><cite><em><a data-link-domain="danluu.com" href="https://danluu.com/slow-device/" hreflang="en"
            title="Consultation de l’article (anglais)">How web bloat impacts users with slow devices</a>
            <a href="/david/cache/2024/a988555163e09729b925dbf715ce256c/" hreflang="en"
                data-tippy data-description="More of the web is becoming inaccessible to people with low-end devices even if they have high-end connections."
                data-source="https://danluu.com/slow-device/"
                data-date="2024-03-25"
                data-favicon="data:;base64,="
                data-domain="danluu.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>L’article déprimant du jour que devraient lire tou·tes les dévelopeur·euses avec leurs processeurs MX et leurs&nbsp;iPhones.</p>
 <p><em>Je l’ai&nbsp;lu.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/courage/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#courage</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/poesie/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#poésie</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/09/" title="Lien permanent vers cet article">Marque</a> <time datetime="2024-03-09">9 mars 2024</time>
    </h2>
--- a/david/blogroll/index.html
+++ b/david/blogroll/index.html
@@ -174,6 +174,16 @@
    </nav>
    <p>N’hésitez pas à me contacter si vous ne souhaitez pas figurer dans cette liste.</p>
    <h2>Leurs dernières publications</h2>
    <dl>
        <dt>
          <a href="https://winnielim.org/journal/the-dam/">the dam</a>,
          24-03-2024
        </dt>
        <dd>
          [tw warning: suicide ideation] Yesterday I had another episode where I spent hours crying. This actually feels embarrassing to write, but intellectually I think it is society that conditions us to think...
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://blog.ecologie-politique.eu/post/Une-captivite-coupable">Une captivité coupable ?</a>,
@@ -224,16 +234,6 @@
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://winnielim.org/notes/car-free-day-2024/">car-free day 2024</a>,
          17-03-2024
        </dt>
        <dd>
          a couple of days ago we chanced upon a poster for car-free sunday – we'd never experienced a car-free day in singapore so this was quite an experience. this is our first proper photo walk together.
          — <a href="https://winnielim.org/">Winnie Lim (en)</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://thom4.net/2024/03/16/miso-anniversaire/">☕️ Journal : Miso anniversaire</a>,
--- a/david/index.html
+++ b/david/index.html
@@ -206,6 +206,13 @@
        background-color: var(--hover-tag-color);
      }
    
      body [data-tag="courage"]:hover,
      body [data-courage]:hover,
      body:has([data-tag="courage"]:hover) [data-courage],
      body:has([data-courage]:hover) [data-tag="courage"] {
        background-color: var(--hover-tag-color);
      }
    
      body [data-tag="decentralisation"]:hover,
      body [data-decentralisation]:hover,
      body:has([data-tag="decentralisation"]:hover) [data-decentralisation],
@@ -461,6 +468,7 @@
  </style>
  <p>Liste des publications récentes en ordre anté-chronologique :</p>
  <p>
    <a href="/david/2024/03/24/" data-courage data-lecture data-poesie  title="Étiquettes : courage, lecture, poésie.">Cage</a>,
    <a href="/david/2024/03/23/" data-dependance data-psychologie data-technique  title="Étiquettes : dépendance, psychologie, technique.">Intendant</a>,
    <a href="/david/2024/03/21/" data-communaute data-opensource data-technique  title="Étiquettes : communauté, opensource, technique.">Fourchette</a>,
    <a href="/david/2024/03/20/" data-laboratoire data-opensource data-technique  title="Étiquettes : laboratoire, opensource, technique.">PageCrypt</a>,
@@ -555,6 +563,7 @@
    <a href="/david/2024/cinema/" data-tag="cinema" rel="tag">#cinéma (1)</a>,
    <a href="/david/2024/commun/" data-tag="commun" rel="tag">#commun (9)</a>,
    <a href="/david/2024/communaute/" data-tag="communaute" rel="tag">#communauté (6)</a>,
    <a href="/david/2024/courage/" data-tag="courage" rel="tag">#courage (1)</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 (3)</a>,
    <a href="/david/2024/decision/" data-tag="decision" rel="tag">#décision (8)</a>,
@@ -573,7 +582,7 @@
    <a href="/david/2024/ia/" data-tag="ia" rel="tag">#IA (3)</a>,
    <a href="/david/2024/identite/" data-tag="identite" rel="tag">#identité (1)</a>,
    <a href="/david/2024/laboratoire/" data-tag="laboratoire" rel="tag">#laboratoire (4)</a>,
    <a href="/david/2024/lecture/" data-tag="lecture" rel="tag">#lecture (4)</a>,
    <a href="/david/2024/lecture/" data-tag="lecture" rel="tag">#lecture (5)</a>,
    <a href="/david/2024/liens/" data-tag="liens" rel="tag">#liens (1)</a>,
    <a href="/david/2024/opendata/" data-tag="opendata" rel="tag">#opendata (1)</a>,
    <a href="/david/2024/opensource/" data-tag="opensource" rel="tag">#opensource (9)</a>,
@@ -581,7 +590,7 @@
    <a href="/david/2024/partage/" data-tag="partage" rel="tag">#partage (6)</a>,
    <a href="/david/2024/parvenir/" data-tag="parvenir" rel="tag">#parvenir (3)</a>,
    <a href="/david/2024/photographie/" data-tag="photographie" rel="tag">#photographie (2)</a>,
    <a href="/david/2024/poesie/" data-tag="poesie" rel="tag">#poésie (2)</a>,
    <a href="/david/2024/poesie/" data-tag="poesie" rel="tag">#poésie (3)</a>,
    <a href="/david/2024/processus/" data-tag="processus" rel="tag">#processus (10)</a>,
    <a href="/david/2024/propriete/" data-tag="propriete" rel="tag">#propriété (1)</a>,
    <a href="/david/2024/protopie/" data-tag="protopie" rel="tag">#protopie (7)</a>,
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -6,13 +6,47 @@
    <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-24T12:00:00+01:00</updated>
    <updated>2024-03-25T12: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">Cage</title>
            <link href="https://larlet.fr/david/2024/03/24/" rel="alternate" type="text/html" />
            <updated>2024-03-24T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/03/24/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;«&amp;nbsp;Serai-je toujours choisie&amp;#8239;? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur&amp;nbsp;retour&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
 &lt;p&gt;«&amp;nbsp;Un jour viendra bientôt, peut-être, où nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l’ultime défense de vos foyers. Mais ces exploits n’auront pas été moins vaillants pour être restés sans&amp;nbsp;éloges.&amp;nbsp;»&lt;/p&gt;
 &lt;p&gt;Et elle répondit: «&amp;nbsp;Tout cela revient à dire&amp;nbsp;: vous êtes une femme, et votre place est à la maison. Mais quand les hommes seront morts au combat, dans l’honneur, vous pourrez brûler avec elle, car les hommes n’auront plus besoin d’un toit. Mais je suis de la Maison d’Eorl, et non une femme servante. Je puis monter à cheval, je sais manier l’épée&amp;#8239;; et je ne crains ni la souffrance, ni la&amp;nbsp;mort.&amp;nbsp;»&lt;/p&gt;
 &lt;p&gt;«&amp;nbsp;Que craignez-vous donc, madame&amp;#8239;?&amp;nbsp;»&amp;nbsp;demanda-t-il.&lt;/p&gt;
 &lt;p&gt;«&amp;nbsp;&lt;mark&gt;Une cage&lt;/mark&gt;, dit-elle. Vivre derrière des barreaux, jusqu’à ce que l’habitude et la vieillesse s’en accommodent, et que l’espoir d’accomplir de hauts faits soit au-delà de tout souvenir et de toute&amp;nbsp;envie.&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, traduction de Daniel&amp;nbsp;Lauzon&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Il s’agit de mon extrait favori de la trilogie. &lt;em&gt;Éowyn forever&amp;nbsp;&amp;lt;3.&lt;/em&gt;&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Bref, il s’agit de modéliser le mieux possible les &lt;strong&gt;besoins éditoriaux&lt;/strong&gt; pour ensuite – &lt;em&gt;et seulement ensuite&amp;#8239;!&lt;/em&gt; – réunir les ingrédients techniques. (On voit souvent le contraire arriver en pratique&amp;nbsp;: on plaque des solutions existantes sans nécessairement tenir compte des spécificités propres à un problème, un contexte, une communauté.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code différents qui produisent, à première vue, un effet similaire&amp;#8239;; &lt;mark&gt;sauf que les démarches ne se valent pas toutes,&lt;/mark&gt; et c’est justement en tenant compte du contexte particulier qu’on peut trouver chaussure à son pied (ou à celui des&amp;nbsp;autres).&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html&quot;&gt;Écrire ou coder&amp;nbsp;l’éditorial&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;CSS ⨯ Grec ancien ⨯&amp;nbsp;poésie.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), &lt;mark&gt;but that’s not the case for pages tested, which are slower&lt;/mark&gt; to load initially, slower on subsequent loads, and slower after they’ve&amp;nbsp;loaded.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://danluu.com/slow-device/&quot;&gt;How web bloat impacts users with slow&amp;nbsp;devices&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;L’article déprimant du jour que devraient lire tou·tes les dévelopeur·euses avec leurs processeurs MX et leurs&amp;nbsp;iPhones.&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;Je l’ai&amp;nbsp;lu.&lt;/em&gt;&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/courage/&quot;&gt;#courage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/lecture/&quot;&gt;#lecture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/poesie/&quot;&gt;#poésie&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">Intendant</title>
            <link href="https://larlet.fr/david/2024/03/23/" rel="alternate" type="text/html" />
@@ -1090,43 +1124,4 @@ Et je sais enfin qui je&amp;nbsp;suis…&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/dystopie/&quot;&gt;#dystopie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ia/&quot;&gt;#IA&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/psychologie/&quot;&gt;#psychologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Véhicule</title>
            <link href="https://larlet.fr/david/2024/02/20/" rel="alternate" type="text/html" />
            <updated>2024-02-20T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/02/20/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;John Burroughs est d’avis que l’étude expérimentale des animaux en captivité est totalement futile. Leur caractère, leurs habitudes, leur appétit changent complètement lorsqu’ils sont arrachés à leur habitat naturel. Comment pourrions-nous donc envisager les potentialités de la nature humaine alors qu’elle est confinée dans un espace restreint et contrainte quotidiennement à la&amp;nbsp;soumission&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;Seuls la liberté, l’épanouissement, la chance et, par-dessous tout, la paix et la sérénité peuvent nous renseigner sur les véritables facteurs dominants de la nature humaine et toutes ses merveilleuses&amp;nbsp;possibilités.&lt;/p&gt;
 &lt;p&gt;L’anarchisme représente donc essentiellement la libération de l’esprit de la domination religieuse&amp;#8239;; la libération du corps du joug de la propriété&amp;#8239;; la libération de l’individu des entraves et des restrictions du gouvernement. L’anarchisme représente un ordre social fondé sur &lt;mark&gt;le regroupement volontaire des individus en vue de produire une véritable richesse sociale&lt;/mark&gt;&amp;#8239;; un ordre qui garantira à tout être humain le libre accès à la terre et la pleine jouissance des nécessités de la vie, selon les désirs, les goûts et les inclinations de&amp;nbsp;chacun.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;Ce que l’anarchisme représente vraiment&lt;/em&gt;, Emma Goldman, 1911&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;L’exercice Scopyleft du jour était d’imaginer et de partager le véhicule que représente la coopérative pour chacun·e d’entre nous aujourd’hui. J’ai été agréablement surpris que nous proposions tou·tes quelque chose de différent. Les questions n’ont pas besoin d’être très élaborées pour apporter des éclairages personnels sur une même&amp;nbsp;situation.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Your AI-free Content Deserves a&amp;nbsp;Badge&lt;/p&gt;
 &lt;p&gt;Artificial Intelligence (AI) is trained using human-created content. If humans stop producing new content and rely solely on AI, online content across the world may become repetitive and&amp;nbsp;stagnant.&lt;/p&gt;
 &lt;p&gt;If your content is not AI-generated, add the badge to your work, with&amp;nbsp;pride.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://notbyai.fyi/&quot;&gt;not by&amp;nbsp;AI&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;De &lt;a href=&quot;https://larlet.fr/david/2024/02/19/#hr-80&quot;&gt;même qu’hier&lt;/a&gt;, je m’interroge beaucoup sur le notion de plagIAt. Je copie-colle des citations, j’explore des idées déjà connues, je crée un &lt;em&gt;patchwork&lt;/em&gt; quotidien, quelle différence avec un algorithme suffisamment bien&amp;nbsp;nourri&amp;#8239;?&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Depuis plus de dix ans, l’Ouvre-Boîtes a mis en place les prêts Coopitalistes. Le principe est simple&amp;nbsp;: des citoyennes et citoyens ou associations investissent de l’argent à l’Ouvre-Boîtes pour sept&amp;nbsp;ans.&lt;/p&gt;
 &lt;p&gt;En captant cette épargne solidaire, &lt;mark&gt;la coopérative se créée une banque interne&lt;/mark&gt; qui finance des projets&amp;nbsp;comme&amp;nbsp;:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;Des projets collectifs&amp;nbsp;: travaux pour aménager un lieu à disposition des entrepreneur·es (le Grand&amp;nbsp;Bain),&lt;/li&gt;
 &lt;li&gt;Des investissements pour des entrepreneur·es qui en ont besoin pour lancer leur activité&amp;nbsp;: vélos, voiture, appareil photos, ordinateurs, outils de&amp;nbsp;jardinage…&lt;/li&gt;
 &lt;li&gt;Des besoins exceptionnels de&amp;nbsp;trésorerie&lt;/li&gt;
 &lt;/ul&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.ouvre-boites.coop/les-coopitalistes&quot;&gt;Les&amp;nbsp;Coopitalistes&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Les alternatives existent, elles sont moins faciles à trouver mais elles existent. Et elles&amp;nbsp;inspirent.&lt;/p&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/echanges/&quot;&gt;#échanges&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/laboratoire/&quot;&gt;#laboratoire&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": "Cage",
    "url": "/david/2024/03/24/",
    "date": "2024-03-24",
    "content": "\u00ab\u00a0Serai-je toujours choisie\u202f? dit-elle avec amertume. Serai-je toujours laiss\u00e9e derri\u00e8re quand les cavaliers partiront, pour garder la maison pendant qu\u2019ils se couvrent de gloire, et veiller \u00e0 ce que le repas et le lit soient pr\u00eats \u00e0 leur\u00a0retour\u202f?\u00a0\u00bb \u00ab\u00a0Un jour viendra bient\u00f4t, peut-\u00eatre, o\u00f9 nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l\u2019ultime d\u00e9fense de vos foyers. Mais ces exploits n\u2019auront pas \u00e9t\u00e9 moins vaillants pour \u00eatre rest\u00e9s sans\u00a0\u00e9loges.\u00a0\u00bb Et elle r\u00e9pondit: \u00ab\u00a0Tout cela revient \u00e0 dire\u00a0: vous \u00eates une femme, et votre place est \u00e0 la maison. Mais quand les hommes seront morts au combat, dans l\u2019honneur, vous pourrez br\u00fbler avec elle, car les hommes n\u2019auront plus besoin d\u2019un toit. Mais je suis de la Maison d\u2019Eorl, et non une femme servante. Je puis monter \u00e0 cheval, je sais manier l\u2019\u00e9p\u00e9e\u202f; et je ne crains ni la souffrance, ni la\u00a0mort.\u00a0\u00bb \u00ab\u00a0Que craignez-vous donc, madame\u202f?\u00a0\u00bb\u00a0demanda-t-il. \u00ab\u00a0Une cage, dit-elle. Vivre derri\u00e8re des barreaux, jusqu\u2019\u00e0 ce que l\u2019habitude et la vieillesse s\u2019en accommodent, et que l\u2019espoir d\u2019accomplir de hauts faits soit au-del\u00e0 de tout souvenir et de toute\u00a0envie.\u00a0\u00bb Le Seigneur des Anneaux, J.R.R. Tolkien, traduction de Daniel\u00a0Lauzon Il s\u2019agit de mon extrait favori de la trilogie. \u00c9owyn forever\u00a0<3. Bref, il s\u2019agit de mod\u00e9liser le mieux possible les besoins \u00e9ditoriaux pour ensuite \u2013 et seulement ensuite\u202f! \u2013 r\u00e9unir les ingr\u00e9dients techniques. (On voit souvent le contraire arriver en pratique\u00a0: on plaque des solutions existantes sans n\u00e9cessairement tenir compte des sp\u00e9cificit\u00e9s propres \u00e0 un probl\u00e8me, un contexte, une communaut\u00e9.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code diff\u00e9rents qui produisent, \u00e0 premi\u00e8re vue, un effet similaire\u202f; sauf que les d\u00e9marches ne se valent pas toutes, et c\u2019est justement en tenant compte du contexte particulier qu\u2019on peut trouver chaussure \u00e0 son pied (ou \u00e0 celui des\u00a0autres). \u00c9crire ou coder\u00a0l\u2019\u00e9ditorial CSS \u2a2f Grec ancien \u2a2f\u00a0po\u00e9sie. In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), but that\u2019s not the case for pages tested, which are slower to load initially, slower on subsequent loads, and slower after they\u2019ve\u00a0loaded. How web bloat impacts users with slow\u00a0devices L\u2019article d\u00e9primant du jour que devraient lire tou\u00b7tes les d\u00e9velopeur\u00b7euses avec leurs processeurs MX et leurs\u00a0iPhones. Je l\u2019ai\u00a0lu."
  },
  {
    "title": "Intendant",
    "url": "/david/2024/03/23/",
@@ -756,6 +762,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": "Cage",
    "url": "/david/2024/03/24/",
    "date": "2024-03-24",
    "content": "\u00ab\u00a0Serai-je toujours choisie\u202f? dit-elle avec amertume. Serai-je toujours laiss\u00e9e derri\u00e8re quand les cavaliers partiront, pour garder la maison pendant qu\u2019ils se couvrent de gloire, et veiller \u00e0 ce que le repas et le lit soient pr\u00eats \u00e0 leur\u00a0retour\u202f?\u00a0\u00bb \u00ab\u00a0Un jour viendra bient\u00f4t, peut-\u00eatre, o\u00f9 nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l\u2019ultime d\u00e9fense de vos foyers. Mais ces exploits n\u2019auront pas \u00e9t\u00e9 moins vaillants pour \u00eatre rest\u00e9s sans\u00a0\u00e9loges.\u00a0\u00bb Et elle r\u00e9pondit: \u00ab\u00a0Tout cela revient \u00e0 dire\u00a0: vous \u00eates une femme, et votre place est \u00e0 la maison. Mais quand les hommes seront morts au combat, dans l\u2019honneur, vous pourrez br\u00fbler avec elle, car les hommes n\u2019auront plus besoin d\u2019un toit. Mais je suis de la Maison d\u2019Eorl, et non une femme servante. Je puis monter \u00e0 cheval, je sais manier l\u2019\u00e9p\u00e9e\u202f; et je ne crains ni la souffrance, ni la\u00a0mort.\u00a0\u00bb \u00ab\u00a0Que craignez-vous donc, madame\u202f?\u00a0\u00bb\u00a0demanda-t-il. \u00ab\u00a0Une cage, dit-elle. Vivre derri\u00e8re des barreaux, jusqu\u2019\u00e0 ce que l\u2019habitude et la vieillesse s\u2019en accommodent, et que l\u2019espoir d\u2019accomplir de hauts faits soit au-del\u00e0 de tout souvenir et de toute\u00a0envie.\u00a0\u00bb Le Seigneur des Anneaux, J.R.R. Tolkien, traduction de Daniel\u00a0Lauzon Il s\u2019agit de mon extrait favori de la trilogie. \u00c9owyn forever\u00a0<3. Bref, il s\u2019agit de mod\u00e9liser le mieux possible les besoins \u00e9ditoriaux pour ensuite \u2013 et seulement ensuite\u202f! \u2013 r\u00e9unir les ingr\u00e9dients techniques. (On voit souvent le contraire arriver en pratique\u00a0: on plaque des solutions existantes sans n\u00e9cessairement tenir compte des sp\u00e9cificit\u00e9s propres \u00e0 un probl\u00e8me, un contexte, une communaut\u00e9.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code diff\u00e9rents qui produisent, \u00e0 premi\u00e8re vue, un effet similaire\u202f; sauf que les d\u00e9marches ne se valent pas toutes, et c\u2019est justement en tenant compte du contexte particulier qu\u2019on peut trouver chaussure \u00e0 son pied (ou \u00e0 celui des\u00a0autres). \u00c9crire ou coder\u00a0l\u2019\u00e9ditorial CSS \u2a2f Grec ancien \u2a2f\u00a0po\u00e9sie. In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), but that\u2019s not the case for pages tested, which are slower to load initially, slower on subsequent loads, and slower after they\u2019ve\u00a0loaded. How web bloat impacts users with slow\u00a0devices L\u2019article d\u00e9primant du jour que devraient lire tou\u00b7tes les d\u00e9velopeur\u00b7euses avec leurs processeurs MX et leurs\u00a0iPhones. Je l\u2019ai\u00a0lu."
  },
  {
    "title": "Intendant",
    "url": "/david/2024/03/23/",