2 months ago · 58bd8e4411
--- a/david/2024/01/28/index.html
+++ b/david/2024/01/28/index.html
@@ -125,6 +125,10 @@
         title="Aller à la page de recherche"
         rel="search">Recherche</a>
      
        • <a rel="next"
            href="/david/2024/01/29/"
            title="Publication suivante : Déploiement">Suivant →</a>
      
    </p>
  </nav>
  
@@ -192,6 +196,10 @@
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
        • <a rel="next"
            href="/david/2024/01/29/"
            title="Publication suivante : Déploiement">Suivant →</a>
      
    </p>
  </nav>

--- a/david/2024/01/29/index.html
+++ b/david/2024/01/29/index.html
@@ -0,0 +1,413 @@
 <!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>
    Déploiement
  — David Larlet</title>
  <meta name="description" content="Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son site.">
  <!-- That good ol' feed, subscribe :). -->
  <link rel="alternate"
        type="application/atom+xml"
        title="Feed"
        href="/david/log/">
  <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  <link rel="apple-touch-icon"
        sizes="180x180"
        href="/static/david/icons2/apple-touch-icon.png">
  <link rel="icon"
        type="image/png"
        sizes="32x32"
        href="/static/david/icons2/favicon-32x32.png">
  <link rel="icon"
        type="image/png"
        sizes="16x16"
        href="/static/david/icons2/favicon-16x16.png">
  <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  <link rel="mask-icon"
        href="/static/david/icons2/safari-pinned-tab.svg"
        color="#07486c">
  <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  <meta name="msapplication-TileColor" content="#f7f7f7">
  <meta name="msapplication-config"
        content="/static/david/icons2/browserconfig.xml">
  <meta name="theme-color"
        content="#f7f7f7"
        media="(prefers-color-scheme: light)">
  <meta name="theme-color"
        content="#272727"
        media="(prefers-color-scheme: dark)">
  <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  <meta name="robots" content="noai, noimageai">
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2024-01-28.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  
  <body data-instant-intensity="viewport-all">
    <article>
      
  <header>
    <hgroup>
      <h1>Déploiement</h1>
      <p>Le <time datetime="2024-01-29">29 janvier 2024</time></p>
    </hgroup>
  </header>
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/01/28/"
           title="Publication précédente : Jour&nbsp;2">← Précédent</a> •
      
      <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
      •
      <a href="/david/recherche/"
         title="Aller à la page de recherche"
         rel="search">Recherche</a>
      
    </p>
  </nav>
  

 <blockquote>
 <p>Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&nbsp;site.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Mes <a data-link-domain="git.larlet.fr" href="https://git.larlet.fr/explore/repos">dépôts</a> contiennent le HTML généré car c’est ce que je considère comme étant la version pérenne de mes écrits donc je ne souhaite pas avoir une génération sur le serveur. Cela fait grossir le dépôt mais ça offre une tranquillité d’esprit de pouvoir observer les différences lorsque je modifie le&nbsp;moteur.</p>
 <p>Il se trouve que ces dépôts sont sur le même serveur que celui qui sert les pages HTML que vous voyez. Je lance donc une commande distante avec <a data-link-domain="minicli.readthedocs.io" href="https://minicli.readthedocs.io/">minicli</a> qui va faire une archive du dépôt git au bon endroit sur le&nbsp;serveur&nbsp;:</p>
 <pre><code>git archive --remote=larlet-fr-index.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/david
 […]
 </code></pre>
 <p>J’itère ainsi sur chacun des dépôts concernés et l’avantage c’est que je peux donner un sous-dossier à la commande <code>tar</code> selon où je veux placer le contenu dans l’arborescence. Par exemple, ci-dessus, les articles archivés <code>larlet-fr-david-cache.git</code> arrivent directement dans mon dossier personnel <code>larlet-fr/david</code>. Il faut tout de même vérifier de ne pas écraser ses propres&nbsp;dossiers/fichiers.</p>
 <p>Le déploiement met à ce jour une trentaine de secondes. Ce n’est pas optimisé mais je n’ai pas besoin de&nbsp;l’optimiser.</p>
 <a href="#hr-53" title="Lien vers cette section de la page"><hr id="hr-53" /></a>

 <blockquote lang="en">
 <p>I therefore officially announce 2024&nbsp;to be the year when the square checkbox has finally&nbsp;died.</p>
 <p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>&#8239;? 🙈</p>
 <p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>&nbsp;aussi…</p>
 <a href="#hr-54" title="Lien vers cette section de la page"><hr id="hr-54" /></a>

 <blockquote>
 <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&nbsp;intéressant.</p>
 <p><mark>Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.</mark> Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&nbsp;permet.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Il est interdit de parler anglais dans les écoles québécoises. Il n’en fallait pas beaucoup plus pour que les élèves aient envie de l’apprendre et d’échanger entre eux dans cette langue. <em>Oppression + contre-pouvoir = culture&nbsp;commune.</em></p>
 <p>Aussi, l’enseignement de l’anglais est relativement médiocre pour une province qui insiste sur le bilinguisme. Difficile d’en mesurer&nbsp;l’intention.</p>
 <a href="#hr-55" title="Lien vers cette section de la page"><hr id="hr-55" /></a>

 <blockquote>
 <p>[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.</p>
 <p>Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&nbsp;fondamentale.</p>
 <p>Peut-être il serait plus important de <mark>penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.</mark> De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&nbsp;disparition.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> <q lang="fr">Je me pose de sérieuses questions sur l’image que nous renvoyons à notre enfant.</q> me fait beaucoup réfléchir et me donne envie de la conserver sans forcément la citer. Comment combiner réactions publiques et souvenirs plus&nbsp;intimes&#8239;?</p>
 <p>Maintenant je vais vouloir citer encore plus d’articles de&nbsp;Karl&nbsp;(-:.</p>
 <p><em>PS&nbsp;: Un réseau de <a data-link-domain="flus.fr" href="https://flus.fr/">flus</a> ou <a data-link-domain="readeck.org" href="https://readeck.org">readeck</a> serait aussi une option s’ils pouvaient devenir un des nœuds d’une archive distribuée et&nbsp;collective.</em></p>

  
    <nav>
      <p>
        
          <a href="/david/2024/echanges/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#échanges</a>
        
          <a href="/david/2024/technique/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#technique</a>
        
          <a href="/david/2024/web/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#web</a>
        
        <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
      </p>
    </nav>
  
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/01/28/"
           title="Publication précédente : Jour&nbsp;2">← Précédent</a> •
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
    </p>
  </nav>

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

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

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

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

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

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

 > Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son site.
 >
 > <cite>*[herbe](https://www.la-grange.net/2024/01/24/herbe)*</cite>

 Mes [dépôts](https://git.larlet.fr/explore/repos) contiennent le HTML généré car c’est ce que je considère comme étant la version pérenne de mes écrits donc je ne souhaite pas avoir une génération sur le serveur. Cela fait grossir le dépôt mais ça offre une tranquillité d’esprit de pouvoir observer les différences lorsque je modifie le moteur.

 Il se trouve que ces dépôts sont sur le même serveur que celui qui sert les pages HTML que vous voyez. Je lance donc une commande distante avec [minicli](https://minicli.readthedocs.io/) qui va faire une archive du dépôt git au bon endroit sur le serveur :

 ```
 git archive --remote=larlet-fr-index.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/david
 […]
 ```

 J’itère ainsi sur chacun des dépôts concernés et l’avantage c’est que je peux donner un sous-dossier à la commande `tar` selon où je veux placer le contenu dans l’arborescence. Par exemple, ci-dessus, les articles archivés `larlet-fr-david-cache.git` arrivent directement dans mon dossier personnel `larlet-fr/david`. Il faut tout de même vérifier de ne pas écraser ses propres dossiers/fichiers.

 Le déploiement met à ce jour une trentaine de secondes. Ce n’est pas optimisé mais je n’ai pas besoin de l’optimiser.

 ---

 > [en] I therefore officially announce 2024 to be the year when the square checkbox has finally died.
 > 
 > <cite>*[In Loving Memory of Square Checkbox](https://tonsky.me/blog/checkbox/)*</cite>

 À quand une petite coche sur les [futurs toggle/switch natifs](https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari) ? 🙈

 R.I.P. [les boutons](https://www.nubero.ch/blog/009/) aussi…

 ---

 > Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient intéressant.
 >
 > ==Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.== Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public permet.
 > 
 > <cite>*[fraîchement](https://www.la-grange.net/2024/01/26/fraichement)*</cite>

 Il est interdit de parler anglais dans les écoles québécoises. Il n’en fallait pas beaucoup plus pour que les élèves aient envie de l’apprendre et d’échanger entre eux dans cette langue. *Oppression + contre-pouvoir = culture commune.*

 Aussi, l’enseignement de l’anglais est relativement médiocre pour une province qui insiste sur le bilinguisme. Difficile d’en mesurer l’intention.

 ---

 > […] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.
 > 
 > Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce fondamentale.
 > 
 > Peut-être il serait plus important de ==penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.== De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre disparition.
 > 
 > <cite>*[ce que nous laissons](https://www.la-grange.net/2024/01/23/legacy)*</cite>

 Peut-être que si chaque personne avait sa [propre archive](/david/cache/2024/) des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant « pertinentes » par les lecteur·ices ? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’[anecdote](https://www.la-grange.net/2024/01/22/carnet) <q lang="fr">Je me pose de sérieuses questions sur l’image que nous renvoyons à notre enfant.</q> me fait beaucoup réfléchir et me donne envie de la conserver sans forcément la citer. Comment combiner réactions publiques et souvenirs plus intimes ?

 Maintenant je vais vouloir citer encore plus d’articles de Karl (-:.

 *PS : Un réseau de [flus](https://flus.fr/) ou [readeck](https://readeck.org) serait aussi une option s’ils pouvaient devenir un des nœuds d’une archive distribuée et collective.*


 #échanges #technique #web
--- a/david/2024/echanges/index.html
+++ b/david/2024/echanges/index.html
@@ -134,6 +134,144 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/01/29/" title="Lien permanent vers cet article">Déploiement</a> <time datetime="2024-01-29">29 janvier 2024</time>
    </h2>
    

 <blockquote>
 <p>Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&nbsp;site.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Mes <a data-link-domain="git.larlet.fr" href="https://git.larlet.fr/explore/repos">dépôts</a> contiennent le HTML généré car c’est ce que je considère comme étant la version pérenne de mes écrits donc je ne souhaite pas avoir une génération sur le serveur. Cela fait grossir le dépôt mais ça offre une tranquillité d’esprit de pouvoir observer les différences lorsque je modifie le&nbsp;moteur.</p>
 <p>Il se trouve que ces dépôts sont sur le même serveur que celui qui sert les pages HTML que vous voyez. Je lance donc une commande distante avec <a data-link-domain="minicli.readthedocs.io" href="https://minicli.readthedocs.io/">minicli</a> qui va faire une archive du dépôt git au bon endroit sur le&nbsp;serveur&nbsp;:</p>
 <pre><code>git archive --remote=larlet-fr-index.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/david
 […]
 </code></pre>
 <p>J’itère ainsi sur chacun des dépôts concernés et l’avantage c’est que je peux donner un sous-dossier à la commande <code>tar</code> selon où je veux placer le contenu dans l’arborescence. Par exemple, ci-dessus, les articles archivés <code>larlet-fr-david-cache.git</code> arrivent directement dans mon dossier personnel <code>larlet-fr/david</code>. Il faut tout de même vérifier de ne pas écraser ses propres&nbsp;dossiers/fichiers.</p>
 <p>Le déploiement met à ce jour une trentaine de secondes. Ce n’est pas optimisé mais je n’ai pas besoin de&nbsp;l’optimiser.</p>
 <a href="#hr-53" title="Lien vers cette section de la page"><hr id="hr-53" /></a>

 <blockquote lang="en">
 <p>I therefore officially announce 2024&nbsp;to be the year when the square checkbox has finally&nbsp;died.</p>
 <p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>&#8239;? 🙈</p>
 <p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>&nbsp;aussi…</p>
 <a href="#hr-54" title="Lien vers cette section de la page"><hr id="hr-54" /></a>

 <blockquote>
 <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&nbsp;intéressant.</p>
 <p><mark>Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.</mark> Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&nbsp;permet.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Il est interdit de parler anglais dans les écoles québécoises. Il n’en fallait pas beaucoup plus pour que les élèves aient envie de l’apprendre et d’échanger entre eux dans cette langue. <em>Oppression + contre-pouvoir = culture&nbsp;commune.</em></p>
 <p>Aussi, l’enseignement de l’anglais est relativement médiocre pour une province qui insiste sur le bilinguisme. Difficile d’en mesurer&nbsp;l’intention.</p>
 <a href="#hr-55" title="Lien vers cette section de la page"><hr id="hr-55" /></a>

 <blockquote>
 <p>[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.</p>
 <p>Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&nbsp;fondamentale.</p>
 <p>Peut-être il serait plus important de <mark>penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.</mark> De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&nbsp;disparition.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> <q lang="fr">Je me pose de sérieuses questions sur l’image que nous renvoyons à notre enfant.</q> me fait beaucoup réfléchir et me donne envie de la conserver sans forcément la citer. Comment combiner réactions publiques et souvenirs plus&nbsp;intimes&#8239;?</p>
 <p>Maintenant je vais vouloir citer encore plus d’articles de&nbsp;Karl&nbsp;(-:.</p>
 <p><em>PS&nbsp;: Un réseau de <a data-link-domain="flus.fr" href="https://flus.fr/">flus</a> ou <a data-link-domain="readeck.org" href="https://readeck.org">readeck</a> serait aussi une option s’ils pouvaient devenir un des nœuds d’une archive distribuée et&nbsp;collective.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/echanges/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#échanges</a>
          
            <a href="/david/2024/technique/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#technique</a>
          
            <a href="/david/2024/web/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#web</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/01/22/" title="Lien permanent vers cet article">Légitimité</a> <time datetime="2024-01-22">22 janvier 2024</time>
    </h2>
--- a/david/2024/index.html
+++ b/david/2024/index.html
@@ -156,7 +156,8 @@
      <a href="/david/2024/01/25/">Stratégie</a>, 
      <a href="/david/2024/01/26/">Cargo</a>, 
      <a href="/david/2024/01/27/">Jour&nbsp;1</a>, 
      <a href="/david/2024/01/28/">Jour&nbsp;2</a>.
      <a href="/david/2024/01/28/">Jour&nbsp;2</a>, 
      <a href="/david/2024/01/29/">Déploiement</a>.
      
    </p>
  
@@ -171,7 +172,7 @@
      <a href="/david/2024/communaute/" rel="tag">#communauté (3)</a>, 
      <a href="/david/2024/decision/" rel="tag">#décision (2)</a>, 
      <a href="/david/2024/dependance/" rel="tag">#dépendance (1)</a>, 
      <a href="/david/2024/echanges/" rel="tag">#échanges (2)</a>, 
      <a href="/david/2024/echanges/" rel="tag">#échanges (3)</a>, 
      <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>, 
      <a href="/david/2024/equipe/" rel="tag">#équipe (3)</a>, 
      <a href="/david/2024/evolution/" rel="tag">#évolution (4)</a>, 
@@ -189,9 +190,9 @@
      <a href="/david/2024/psychologie/" rel="tag">#psychologie (2)</a>, 
      <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (1)</a>, 
      <a href="/david/2024/sport/" rel="tag">#sport (3)</a>, 
      <a href="/david/2024/technique/" rel="tag">#technique (6)</a>, 
      <a href="/david/2024/technique/" rel="tag">#technique (7)</a>, 
      <a href="/david/2024/velo/" rel="tag">#vélo (1)</a>, 
      <a href="/david/2024/web/" rel="tag">#web (4)</a>.
      <a href="/david/2024/web/" rel="tag">#web (5)</a>.
      
    </p>
  
--- a/david/2024/technique/index.html
+++ b/david/2024/technique/index.html
@@ -134,6 +134,144 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/01/29/" title="Lien permanent vers cet article">Déploiement</a> <time datetime="2024-01-29">29 janvier 2024</time>
    </h2>
    

 <blockquote>
 <p>Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&nbsp;site.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Mes <a data-link-domain="git.larlet.fr" href="https://git.larlet.fr/explore/repos">dépôts</a> contiennent le HTML généré car c’est ce que je considère comme étant la version pérenne de mes écrits donc je ne souhaite pas avoir une génération sur le serveur. Cela fait grossir le dépôt mais ça offre une tranquillité d’esprit de pouvoir observer les différences lorsque je modifie le&nbsp;moteur.</p>
 <p>Il se trouve que ces dépôts sont sur le même serveur que celui qui sert les pages HTML que vous voyez. Je lance donc une commande distante avec <a data-link-domain="minicli.readthedocs.io" href="https://minicli.readthedocs.io/">minicli</a> qui va faire une archive du dépôt git au bon endroit sur le&nbsp;serveur&nbsp;:</p>
 <pre><code>git archive --remote=larlet-fr-index.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/david
 […]
 </code></pre>
 <p>J’itère ainsi sur chacun des dépôts concernés et l’avantage c’est que je peux donner un sous-dossier à la commande <code>tar</code> selon où je veux placer le contenu dans l’arborescence. Par exemple, ci-dessus, les articles archivés <code>larlet-fr-david-cache.git</code> arrivent directement dans mon dossier personnel <code>larlet-fr/david</code>. Il faut tout de même vérifier de ne pas écraser ses propres&nbsp;dossiers/fichiers.</p>
 <p>Le déploiement met à ce jour une trentaine de secondes. Ce n’est pas optimisé mais je n’ai pas besoin de&nbsp;l’optimiser.</p>
 <a href="#hr-53" title="Lien vers cette section de la page"><hr id="hr-53" /></a>

 <blockquote lang="en">
 <p>I therefore officially announce 2024&nbsp;to be the year when the square checkbox has finally&nbsp;died.</p>
 <p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>&#8239;? 🙈</p>
 <p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>&nbsp;aussi…</p>
 <a href="#hr-54" title="Lien vers cette section de la page"><hr id="hr-54" /></a>

 <blockquote>
 <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&nbsp;intéressant.</p>
 <p><mark>Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.</mark> Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&nbsp;permet.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Il est interdit de parler anglais dans les écoles québécoises. Il n’en fallait pas beaucoup plus pour que les élèves aient envie de l’apprendre et d’échanger entre eux dans cette langue. <em>Oppression + contre-pouvoir = culture&nbsp;commune.</em></p>
 <p>Aussi, l’enseignement de l’anglais est relativement médiocre pour une province qui insiste sur le bilinguisme. Difficile d’en mesurer&nbsp;l’intention.</p>
 <a href="#hr-55" title="Lien vers cette section de la page"><hr id="hr-55" /></a>

 <blockquote>
 <p>[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.</p>
 <p>Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&nbsp;fondamentale.</p>
 <p>Peut-être il serait plus important de <mark>penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.</mark> De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&nbsp;disparition.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> <q lang="fr">Je me pose de sérieuses questions sur l’image que nous renvoyons à notre enfant.</q> me fait beaucoup réfléchir et me donne envie de la conserver sans forcément la citer. Comment combiner réactions publiques et souvenirs plus&nbsp;intimes&#8239;?</p>
 <p>Maintenant je vais vouloir citer encore plus d’articles de&nbsp;Karl&nbsp;(-:.</p>
 <p><em>PS&nbsp;: Un réseau de <a data-link-domain="flus.fr" href="https://flus.fr/">flus</a> ou <a data-link-domain="readeck.org" href="https://readeck.org">readeck</a> serait aussi une option s’ils pouvaient devenir un des nœuds d’une archive distribuée et&nbsp;collective.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/echanges/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#échanges</a>
          
            <a href="/david/2024/technique/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#technique</a>
          
            <a href="/david/2024/web/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#web</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/01/17/" title="Lien permanent vers cet article">Vieillesse</a> <time datetime="2024-01-17">17 janvier 2024</time>
    </h2>
--- a/david/2024/web/index.html
+++ b/david/2024/web/index.html
@@ -134,6 +134,144 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/01/29/" title="Lien permanent vers cet article">Déploiement</a> <time datetime="2024-01-29">29 janvier 2024</time>
    </h2>
    

 <blockquote>
 <p>Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&nbsp;site.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/24/herbe">herbe</a> <a href="/david/cache/2024/956819385548bba6e768563b12edc2d6/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Mes <a data-link-domain="git.larlet.fr" href="https://git.larlet.fr/explore/repos">dépôts</a> contiennent le HTML généré car c’est ce que je considère comme étant la version pérenne de mes écrits donc je ne souhaite pas avoir une génération sur le serveur. Cela fait grossir le dépôt mais ça offre une tranquillité d’esprit de pouvoir observer les différences lorsque je modifie le&nbsp;moteur.</p>
 <p>Il se trouve que ces dépôts sont sur le même serveur que celui qui sert les pages HTML que vous voyez. Je lance donc une commande distante avec <a data-link-domain="minicli.readthedocs.io" href="https://minicli.readthedocs.io/">minicli</a> qui va faire une archive du dépôt git au bon endroit sur le&nbsp;serveur&nbsp;:</p>
 <pre><code>git archive --remote=larlet-fr-index.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/david
 […]
 </code></pre>
 <p>J’itère ainsi sur chacun des dépôts concernés et l’avantage c’est que je peux donner un sous-dossier à la commande <code>tar</code> selon où je veux placer le contenu dans l’arborescence. Par exemple, ci-dessus, les articles archivés <code>larlet-fr-david-cache.git</code> arrivent directement dans mon dossier personnel <code>larlet-fr/david</code>. Il faut tout de même vérifier de ne pas écraser ses propres&nbsp;dossiers/fichiers.</p>
 <p>Le déploiement met à ce jour une trentaine de secondes. Ce n’est pas optimisé mais je n’ai pas besoin de&nbsp;l’optimiser.</p>
 <a href="#hr-53" title="Lien vers cette section de la page"><hr id="hr-53" /></a>

 <blockquote lang="en">
 <p>I therefore officially announce 2024&nbsp;to be the year when the square checkbox has finally&nbsp;died.</p>
 <p><cite><em><a data-link-domain="tonsky.me" href="https://tonsky.me/blog/checkbox/">In Loving Memory of Square Checkbox</a> <a href="/david/cache/2024/ff566a58892db07815a327802fea66d3/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>À quand une petite coche sur les <a data-link-domain="alvaromontoro.com" href="https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari">futurs toggle/switch natifs</a> <a href="/david/cache/2024/b351cda8d2ccd73362ca1729845b7e79/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>&#8239;? 🙈</p>
 <p>R.I.P. <a data-link-domain="nubero.ch" href="https://www.nubero.ch/blog/009/">les boutons</a> <a href="/david/cache/2024/a3ccfb51f65cd59f375d5424d243e012/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a>&nbsp;aussi…</p>
 <a href="#hr-54" title="Lien vers cette section de la page"><hr id="hr-54" /></a>

 <blockquote>
 <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&nbsp;intéressant.</p>
 <p><mark>Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.</mark> Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&nbsp;permet.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/26/fraichement">fraîchement</a> <a href="/david/cache/2024/b692faaa55fd2775e957b20e833e9e5e/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Il est interdit de parler anglais dans les écoles québécoises. Il n’en fallait pas beaucoup plus pour que les élèves aient envie de l’apprendre et d’échanger entre eux dans cette langue. <em>Oppression + contre-pouvoir = culture&nbsp;commune.</em></p>
 <p>Aussi, l’enseignement de l’anglais est relativement médiocre pour une province qui insiste sur le bilinguisme. Difficile d’en mesurer&nbsp;l’intention.</p>
 <a href="#hr-55" title="Lien vers cette section de la page"><hr id="hr-55" /></a>

 <blockquote>
 <p>[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.</p>
 <p>Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&nbsp;fondamentale.</p>
 <p>Peut-être il serait plus important de <mark>penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.</mark> De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&nbsp;disparition.</p>
 <p><cite><em><a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/23/legacy">ce que nous laissons</a> <a href="/david/cache/2024/1fe484434058e9c44d21bfebb0ddba31/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a></em></cite></p>
 </blockquote>
 <p>Peut-être que si chaque personne avait sa <a href="/david/cache/2024/">propre archive</a> des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&nbsp;pertinentes&nbsp;» par les lecteur·ices&#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’<a data-link-domain="la-grange.net" href="https://www.la-grange.net/2024/01/22/carnet">anecdote</a> <a href="/david/cache/2024/790f724c45b26de460f9eeac04d48884/" title="Copie locale au 2024-01-28">
            <svg xmlns="http://www.w3.org/2000/svg"
                width="20" height="20" viewBox="0 0 24 24"
                fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="square" stroke-linejoin="round"
                ><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">
                </path>
            </svg>
            <span class="sr-only">[archive]</span>
            </a> <q lang="fr">Je me pose de sérieuses questions sur l’image que nous renvoyons à notre enfant.</q> me fait beaucoup réfléchir et me donne envie de la conserver sans forcément la citer. Comment combiner réactions publiques et souvenirs plus&nbsp;intimes&#8239;?</p>
 <p>Maintenant je vais vouloir citer encore plus d’articles de&nbsp;Karl&nbsp;(-:.</p>
 <p><em>PS&nbsp;: Un réseau de <a data-link-domain="flus.fr" href="https://flus.fr/">flus</a> ou <a data-link-domain="readeck.org" href="https://readeck.org">readeck</a> serait aussi une option s’ils pouvaient devenir un des nœuds d’une archive distribuée et&nbsp;collective.</em></p>

    
      <nav>
        <p>
          
            <a href="/david/2024/echanges/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#échanges</a>
          
            <a href="/david/2024/technique/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#technique</a>
          
            <a href="/david/2024/web/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#web</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/01/17/" title="Lien permanent vers cet article">Vieillesse</a> <time datetime="2024-01-17">17 janvier 2024</time>
    </h2>
--- a/david/index.html
+++ b/david/index.html
@@ -143,6 +143,7 @@
  <h2>Publications 2024</h2>
  <p>Liste des publications récentes en ordre anté-chronologique :</p>
  <p>
    <a href="/david/2024/01/29/">Déploiement</a>,
    <a href="/david/2024/01/28/">Jour&nbsp;2</a>,
    <a href="/david/2024/01/27/">Jour&nbsp;1</a>,
    <a href="/david/2024/01/26/">Cargo</a>,
@@ -184,7 +185,7 @@
    <a href="/david/2024/communaute/" rel="tag">#communauté (3)</a>,
    <a href="/david/2024/decision/" rel="tag">#décision (2)</a>,
    <a href="/david/2024/dependance/" rel="tag">#dépendance (1)</a>,
    <a href="/david/2024/echanges/" rel="tag">#échanges (2)</a>,
    <a href="/david/2024/echanges/" rel="tag">#échanges (3)</a>,
    <a href="/david/2024/ecriture/" rel="tag">#écriture (5)</a>,
    <a href="/david/2024/equipe/" rel="tag">#équipe (3)</a>,
    <a href="/david/2024/evolution/" rel="tag">#évolution (4)</a>,
@@ -202,9 +203,9 @@
    <a href="/david/2024/psychologie/" rel="tag">#psychologie (2)</a>,
    <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (1)</a>,
    <a href="/david/2024/sport/" rel="tag">#sport (3)</a>,
    <a href="/david/2024/technique/" rel="tag">#technique (6)</a>,
    <a href="/david/2024/technique/" rel="tag">#technique (7)</a>,
    <a href="/david/2024/velo/" rel="tag">#vélo (1)</a>,
    <a href="/david/2024/web/" rel="tag">#web (4)</a>.
    <a href="/david/2024/web/" rel="tag">#web (5)</a>.
      
    
  </p>
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -6,13 +6,64 @@
    <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
    <link href="https://larlet.fr/david/log/" rel="self" />
    <id>https://larlet.fr/david/</id>
    <updated>2024-01-28T12:00:00+01:00</updated>
    <updated>2024-01-29T12: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">Déploiement</title>
            <link href="https://larlet.fr/david/2024/01/29/" rel="alternate" type="text/html" />
            <updated>2024-01-29T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/01/29/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Ce qui me fait penser que cela fait plusieurs fois que je veux demander comment David déploie son&amp;nbsp;site.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2024/01/24/herbe&quot;&gt;herbe&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Mes &lt;a href=&quot;https://git.larlet.fr/explore/repos&quot;&gt;dépôts&lt;/a&gt; contiennent le HTML généré car c’est ce que je considère comme étant la version pérenne de mes écrits donc je ne souhaite pas avoir une génération sur le serveur. Cela fait grossir le dépôt mais ça offre une tranquillité d’esprit de pouvoir observer les différences lorsque je modifie le&amp;nbsp;moteur.&lt;/p&gt;
 &lt;p&gt;Il se trouve que ces dépôts sont sur le même serveur que celui qui sert les pages HTML que vous voyez. Je lance donc une commande distante avec &lt;a href=&quot;https://minicli.readthedocs.io/&quot;&gt;minicli&lt;/a&gt; qui va faire une archive du dépôt git au bon endroit sur le&amp;nbsp;serveur&amp;nbsp;:&lt;/p&gt;
 &lt;pre&gt;&lt;code&gt;git archive --remote=larlet-fr-index.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david.git master | tar -x -C larlet-fr
 git archive --remote=larlet-fr-david-cache.git master | tar -x -C larlet-fr/david
 […]
 &lt;/code&gt;&lt;/pre&gt;
 &lt;p&gt;J’itère ainsi sur chacun des dépôts concernés et l’avantage c’est que je peux donner un sous-dossier à la commande &lt;code&gt;tar&lt;/code&gt; selon où je veux placer le contenu dans l’arborescence. Par exemple, ci-dessus, les articles archivés &lt;code&gt;larlet-fr-david-cache.git&lt;/code&gt; arrivent directement dans mon dossier personnel &lt;code&gt;larlet-fr/david&lt;/code&gt;. Il faut tout de même vérifier de ne pas écraser ses propres&amp;nbsp;dossiers/fichiers.&lt;/p&gt;
 &lt;p&gt;Le déploiement met à ce jour une trentaine de secondes. Ce n’est pas optimisé mais je n’ai pas besoin de&amp;nbsp;l’optimiser.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;I therefore officially announce 2024&amp;nbsp;to be the year when the square checkbox has finally&amp;nbsp;died.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://tonsky.me/blog/checkbox/&quot;&gt;In Loving Memory of Square&amp;nbsp;Checkbox&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;À quand une petite coche sur les &lt;a href=&quot;https://alvaromontoro.com/blog/68049/new-toggle-switch-lands-in-safari&quot;&gt;futurs toggle/switch natifs&lt;/a&gt;&amp;#8239;? 🙈&lt;/p&gt;
 &lt;p&gt;R.I.P. &lt;a href=&quot;https://www.nubero.ch/blog/009/&quot;&gt;les boutons&lt;/a&gt;&amp;nbsp;aussi…&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Les poètes et écrivains évitaient tous la colère des rois et des puissants par l’utilisation de métaphores. Mais c’est justement par cette analogie que cela devient&amp;nbsp;intéressant.&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;Les empires informatiques d’aujourd’hui comme exemples de l’absolutisme du pouvoir des siècles précédents posent la question plus qu’intéressantes sur la liberté d’expression.&lt;/mark&gt; Quand tout l’espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l’espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l’expression devient plus limitée que celle que l’espace public&amp;nbsp;permet.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2024/01/26/fraichement&quot;&gt;fraîchement&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Il est interdit de parler anglais dans les écoles québécoises. Il n’en fallait pas beaucoup plus pour que les élèves aient envie de l’apprendre et d’échanger entre eux dans cette langue. &lt;em&gt;Oppression + contre-pouvoir = culture&amp;nbsp;commune.&lt;/em&gt;&lt;/p&gt;
 &lt;p&gt;Aussi, l’enseignement de l’anglais est relativement médiocre pour une province qui insiste sur le bilinguisme. Difficile d’en mesurer&amp;nbsp;l’intention.&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;[…] Je ne sais pas ce qui est le plus important, préserver un nom de domaine n’est qu’une partie. Préserver le contenu derrière le nom de domaine est plus difficile. Il faut penser serveurs, mise à jour de sécurité, les technologies utilisées, etc.&lt;/p&gt;
 &lt;p&gt;Le No JS pour les sites Web est rarement mentionné pour la longévité du contenu. Et pourtant c’est une pièce&amp;nbsp;fondamentale.&lt;/p&gt;
 &lt;p&gt;Peut-être il serait plus important de &lt;mark&gt;penser à ce que les autres voudront préserver plutôt que de penser à ce que nous voulons transmettre.&lt;/mark&gt; De même que voulons nous préserver des générations antérieures pour nous aider à mieux penser notre propre&amp;nbsp;disparition.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.la-grange.net/2024/01/23/legacy&quot;&gt;ce que nous&amp;nbsp;laissons&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Peut-être que si chaque personne avait sa &lt;a href=&quot;https://larlet.fr/david/cache/2024/&quot;&gt;propre archive&lt;/a&gt; des publications des autres, on aurait accès à un réseau de citations distribuées qui contribueraient à cette préservation. Et qui auraient été considérées comme étant «&amp;nbsp;pertinentes&amp;nbsp;» par les lecteur·ices&amp;#8239;? Les guillemets sont importants car citation ne veut pas forcément dire caution ou intérêt le plus grand. Par exemple, l’&lt;a href=&quot;https://www.la-grange.net/2024/01/22/carnet&quot;&gt;anecdote&lt;/a&gt; &lt;q lang=&quot;fr&quot;&gt;Je me pose de sérieuses questions sur l’image que nous renvoyons à notre enfant.&lt;/q&gt; me fait beaucoup réfléchir et me donne envie de la conserver sans forcément la citer. Comment combiner réactions publiques et souvenirs plus&amp;nbsp;intimes&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;Maintenant je vais vouloir citer encore plus d’articles de&amp;nbsp;Karl&amp;nbsp;(-:.&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;PS&amp;nbsp;: Un réseau de &lt;a href=&quot;https://flus.fr/&quot;&gt;flus&lt;/a&gt; ou &lt;a href=&quot;https://readeck.org&quot;&gt;readeck&lt;/a&gt; serait aussi une option s’ils pouvaient devenir un des nœuds d’une archive distribuée et&amp;nbsp;collective.&lt;/em&gt;&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/technique/&quot;&gt;#technique&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Jour&amp;nbsp;2</title>
            <link href="https://larlet.fr/david/2024/01/28/" rel="alternate" type="text/html" />
--- a/david/recherche/index.html
+++ b/david/recherche/index.html