8 месяцев назад · 2b438ff00a
--- a/david/2024/03/19/index.html
+++ b/david/2024/03/19/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/20/"
            title="Publication suivante : PageCrypt">Suivant →</a>
      
    </p>
  </nav>
  
@@ -201,6 +205,10 @@
      
      <a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
      
        • <a rel="next"
            href="/david/2024/03/20/"
            title="Publication suivante : PageCrypt">Suivant →</a>
      
    </p>
  </nav>

--- a/david/2024/03/20/index.html
+++ b/david/2024/03/20/index.html
@@ -0,0 +1,458 @@
 <!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>
    PageCrypt
  — David Larlet</title>
  <script>
    function toggleTheme(themeName) {
      document.documentElement.classList.toggle(
        'forced-dark',
        themeName === 'dark'
      )
      document.documentElement.classList.toggle(
        'forced-light',
        themeName === 'light'
      )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
      toggleTheme(selectedTheme)
    }
  </script>
  <!-- Documented, feel free to shoot an email. -->
  <link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
  <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <link rel="preload"
        href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
        as="font"
        type="font/woff2"
        media="(prefers-color-scheme: dark)"
        crossorigin>
  <meta name="description" content="J’y ai passé ma soirée mais j’ai un truc qui fonctionne pour une démo. Ça ressemble beaucoup à un patchwork de bouts de code récupérés ici et là puis aussi là pour la partie Python.">
  <!-- 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>PageCrypt</h1>
      <p>Le <time datetime="2024-03-20">20 mars 2024</time></p>
    </hgroup>
  </header>
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/03/19/"
           title="Publication précédente : Excitation">← Précédent</a> •
      
      <a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
      •
      <a href="/david/recherche/"
         title="Aller à la page de recherche"
         rel="search" data-no-instant>Recherche</a>
      
    </p>
  </nav>
  
 <p>J’y ai passé ma soirée mais j’ai un <a data-link-domain="davidbgk.gitlab.io" href="https://davidbgk.gitlab.io/page-crypt-web-component/">truc qui fonctionne pour une démo</a>. Ça ressemble beaucoup à un <em>patchwork</em> de bouts de code récupérés <a data-link-domain="maxlaumeister.com" href="https://www.maxlaumeister.com/pagecrypt/">ici</a> et <a data-link-domain="github.com" href="https://github.com/Greenheart/pagecrypt">là</a> puis <a data-link-domain="github.com" href="https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py">aussi là</a> pour la partie&nbsp;Python.</p>
 <p>Il y a encore pas mal de travail —&nbsp;notamment pour rendre la page suffisamment accessible&nbsp;— mais au moins la partie crypto / boîte noire semble fonctionner à la fois du côté génération en Python et consommation en JS. C’est la partie qui me faisait un peu peur et sur laquelle j’ai un peu patiné car c’est bien au-delà de mes compétences et que je ne veux pas prendre l’initiative de trop adapter sans comprendre les enjeux niveau&nbsp;sécurité.</p>
 <p>Le dépôt est <a data-link-domain="gitlab.com" href="https://gitlab.com/davidbgk/page-crypt-web-component">par ici</a>. Il faut encore que je décide si le formulaire pour le mot de passe devient un <em>web component</em> dédié et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. Itération, itération.</p>
 <p>En bonus, il est possible d’accéder directement au contenu de la page en mettant le mot de passe en ancre de l’URL. J’ai appris au passage que ce fragment d’URL n’était pas transmis dans la requête et ne restait que dans l’historique du&nbsp;navigateur.</p>
 <p><em>Si tu n’as pas honte de ton premier commit, tout ça… la suite&nbsp;demain.</em></p>
 <a href="#hr-125" title="Lien vers cette section de la page"><hr id="hr-125" /></a>

 <blockquote>
 <p>Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne manière, vous minimisez mon handicap et donc vous faites moins d'effort que&nbsp;nécessaire.</p>
 <p>Autre point, dit-on «&nbsp;personne en situation en handicap&nbsp;» ou «&nbsp;personne&nbsp;handicapée&#8239;?&nbsp;»</p>
 <p>Là, encore, il y a une&nbsp;subtilité.</p>
 <p>Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je suis en situation de handicap puisque les conférences ne me sont pas du tout&nbsp;accessibles.</p>
 <p>Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne suis pas en situation de handicap puisque les conférences me sont totalement&nbsp;accessibles.</p>
 <p>Voici la différence. <mark>Être en situation de handicap, c’est subir la situation faute&nbsp;d’accessibilité.</mark></p>
 <p><cite><em><a data-link-domain="emmanuelle-aboaf.netlify.app" href="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots" hreflang="fr"
            title="Consultation de l’article">N’ayez pas peur des mots</a>
            <a href="/david/cache/2024/5201efaa6fe6a80f69647a354c9afd18/" hreflang="fr"
                data-tippy data-description="Les mots ont un impact et pourtant ils ne sont pas utilisés en tant que tels. Le mot handicapé·e n’est pas un gros mot, pas plus que les mots sourd·e et aveugle. Malheureusement, certaines personnes n’osent pas les dire par peur de vexer ou en pensant que ça ne se dit pas. Cependant, en ne les disant pas, vous créez un tabou. Je vous partage mes réflexions sur le sujet à travers cet article."
                data-source="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots"
                data-date="2024-03-20"
                data-favicon="https://emmanuelle-aboaf.netlify.app/blog/article/favicon-32x32.png"
                data-domain="emmanuelle-aboaf.netlify.app"
                ><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>Cette page ne contient pas le contenu du HTML qui s’affiche et ça me rend triste car j’en apprécie le contenu qui m’apprend des choses / me fait&nbsp;réfléchir.</p>
 <p>Un autre angle de&nbsp;l’accessibilité&#8239;?</p>
 <a href="#hr-126" title="Lien vers cette section de la page"><hr id="hr-126" /></a>

 <blockquote lang="en">
 <p>So don’t publish for the&nbsp;world.</p>
 <p>When I write something here on my website, I’m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn’t yet had this particular thought, or come up with that particular&nbsp;idea.</p>
 <p>I’m writing for myself. <mark>I write to figure out what I think.</mark> I also publish mostly for myself—a public archive for future me. But if what I publish just happens to connect with one other person, I’m&nbsp;glad.</p>
 <p><cite><em><a data-link-domain="adactio.com" href="https://adactio.com/journal/20996" hreflang="en"
            title="Consultation de l’article (anglais)">What the world needs</a>
            <a href="/david/cache/2024/318dd7526e11f9476c9cbc88eb3f2b9b/" hreflang="en"
                data-tippy data-description="Write for yourself."
                data-source="https://adactio.com/journal/20996"
                data-date="2024-03-20"
                data-favicon="https://adactio.com/icon.png"
                data-domain="adactio.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>
 <a href="#hr-127" title="Lien vers cette section de la page"><hr id="hr-127" /></a>

 <blockquote lang="en">
 <p>My goal, for this digital place I’m creating, is to make you go away. And that’s not because I want to be left alone but because <mark>I hope to help you discover new digital places to explore.</mark> If I see you again, it’s because you decided to come back, and not because you got lost and trapped inside the digital walls I&nbsp;erected.</p>
 <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/digital-walled-gardens" hreflang="en"
            title="Consultation de l’article (anglais)">Digital walled gardens</a>
            <a href="/david/cache/2024/812f09bae33b395819539fd2c4693fe2/" hreflang="en"
                data-tippy data-description="The concept of a walled garden is not a new one in the digital world. It’s just a fancier, less aggressive way to describe a closed ecosystem or a …"
                data-source="https://manuelmoreale.com/digital-walled-gardens"
                data-date="2024-03-20"
                data-favicon="https://manuelmoreale.com/favicon.ico"
                data-domain="manuelmoreale.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>🌱</p>

  
    <nav>
      <p>
        
          <a href="/david/2024/laboratoire/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#laboratoire</a>
        
          <a href="/david/2024/opensource/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#opensource</a>
        
          <a href="/david/2024/technique/"
             title="Liste de tous les articles 2024 associés à cette étiquette"
             rel="tag">#technique</a>
        
        <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
      </p>
    </nav>
  
  <nav>
    <p>
      
        <a rel="prev"
           href="/david/2024/03/19/"
           title="Publication précédente : Excitation">← 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-20
+++ b/david/2024/_sources/2024-03-20
@@ -0,0 +1,51 @@
 # PageCrypt

 J’y ai passé ma soirée mais j’ai un [truc qui fonctionne pour une démo](https://davidbgk.gitlab.io/page-crypt-web-component/). Ça ressemble beaucoup à un *patchwork* de bouts de code récupérés [ici](https://www.maxlaumeister.com/pagecrypt/) et [là](https://github.com/Greenheart/pagecrypt) puis [aussi là](https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py) pour la partie Python.

 Il y a encore pas mal de travail — notamment pour rendre la page suffisamment accessible — mais au moins la partie crypto / boîte noire semble fonctionner à la fois du côté génération en Python et consommation en JS. C’est la partie qui me faisait un peu peur et sur laquelle j’ai un peu patiné car c’est bien au-delà de mes compétences et que je ne veux pas prendre l’initiative de trop adapter sans comprendre les enjeux niveau sécurité.

 Le dépôt est [par ici](https://gitlab.com/davidbgk/page-crypt-web-component). Il faut encore que je décide si le formulaire pour le mot de passe devient un *web component* dédié et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. Itération, itération.

 En bonus, il est possible d’accéder directement au contenu de la page en mettant le mot de passe en ancre de l’URL. J’ai appris au passage que ce fragment d’URL n’était pas transmis dans la requête et ne restait que dans l’historique du navigateur.

 *Si tu n’as pas honte de ton premier commit, tout ça… la suite demain.*

 ---

 > Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne manière, vous minimisez mon handicap et donc vous faites moins d'effort que nécessaire.
 > 
 > Autre point, dit-on « personne en situation en handicap » ou « personne handicapée ? »
 > 
 > Là, encore, il y a une subtilité.
 > 
 > Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je suis en situation de handicap puisque les conférences ne me sont pas du tout accessibles.
 > 
 > Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne suis pas en situation de handicap puisque les conférences me sont totalement accessibles.
 > 
 > Voici la différence. ==Être en situation de handicap, c’est subir la situation faute d’accessibilité.==
 >
 > <cite>*[N’ayez pas peur des mots](https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots)*</cite>

 Cette page ne contient pas le contenu du HTML qui s’affiche et ça me rend triste car j’en apprécie le contenu qui m’apprend des choses / me fait réfléchir.

 Un autre angle de l’accessibilité ?

 ---

 > [en] So don’t publish for the world.
 >
 > When I write something here on my website, I’m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn’t yet had this particular thought, or come up with that particular idea.
 >
 > I’m writing for myself. ==I write to figure out what I think.== I also publish mostly for myself—a public archive for future me. But if what I publish just happens to connect with one other person, I’m glad.
 >
 > <cite>*[What the world needs](https://adactio.com/journal/20996)*</cite>

 ---

 > [en] My goal, for this digital place I’m creating, is to make you go away. And that’s not because I want to be left alone but because ==I hope to help you discover new digital places to explore.== If I see you again, it’s because you decided to come back, and not because you got lost and trapped inside the digital walls I erected.
 >
 > <cite>*[Digital walled gardens](https://manuelmoreale.com/digital-walled-gardens)*</cite>

 🌱

 #laboratoire #opensource #technique
--- a/david/2024/index.html
+++ b/david/2024/index.html
@@ -215,7 +215,8 @@
      <a href="/david/2024/03/14/">Montre 2</a>, 
      <a href="/david/2024/03/16/">Descriptions</a>, 
      <a href="/david/2024/03/18/">Casquettes</a>, 
      <a href="/david/2024/03/19/">Excitation</a>.
      <a href="/david/2024/03/19/">Excitation</a>, 
      <a href="/david/2024/03/20/">PageCrypt</a>.
      
    </p>
  
@@ -248,11 +249,11 @@
      <a href="/david/2024/gratitude/" rel="tag">#gratitude (3)</a>, 
      <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 (3)</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/liens/" rel="tag">#liens (1)</a>, 
      <a href="/david/2024/opendata/" rel="tag">#opendata (1)</a>, 
      <a href="/david/2024/opensource/" rel="tag">#opensource (7)</a>, 
      <a href="/david/2024/opensource/" rel="tag">#opensource (8)</a>, 
      <a href="/david/2024/parentalite/" rel="tag">#parentalité (5)</a>, 
      <a href="/david/2024/partage/" rel="tag">#partage (6)</a>, 
      <a href="/david/2024/parvenir/" rel="tag">#parvenir (3)</a>, 
@@ -264,7 +265,7 @@
      <a href="/david/2024/psychologie/" rel="tag">#psychologie (10)</a>, 
      <a href="/david/2024/solastalgia/" rel="tag">#solastalgia (5)</a>, 
      <a href="/david/2024/sport/" rel="tag">#sport (6)</a>, 
      <a href="/david/2024/technique/" rel="tag">#technique (16)</a>, 
      <a href="/david/2024/technique/" rel="tag">#technique (17)</a>, 
      <a href="/david/2024/velo/" rel="tag">#vélo (1)</a>, 
      <a href="/david/2024/web/" rel="tag">#web (13)</a>.
      
--- a/david/2024/laboratoire/index.html
+++ b/david/2024/laboratoire/index.html
@@ -134,6 +134,110 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/03/20/" title="Lien permanent vers cet article">PageCrypt</a> <time datetime="2024-03-20">20 mars 2024</time>
    </h2>
    
 <p>J’y ai passé ma soirée mais j’ai un <a data-link-domain="davidbgk.gitlab.io" href="https://davidbgk.gitlab.io/page-crypt-web-component/">truc qui fonctionne pour une démo</a>. Ça ressemble beaucoup à un <em>patchwork</em> de bouts de code récupérés <a data-link-domain="maxlaumeister.com" href="https://www.maxlaumeister.com/pagecrypt/">ici</a> et <a data-link-domain="github.com" href="https://github.com/Greenheart/pagecrypt">là</a> puis <a data-link-domain="github.com" href="https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py">aussi là</a> pour la partie&nbsp;Python.</p>
 <p>Il y a encore pas mal de travail —&nbsp;notamment pour rendre la page suffisamment accessible&nbsp;— mais au moins la partie crypto / boîte noire semble fonctionner à la fois du côté génération en Python et consommation en JS. C’est la partie qui me faisait un peu peur et sur laquelle j’ai un peu patiné car c’est bien au-delà de mes compétences et que je ne veux pas prendre l’initiative de trop adapter sans comprendre les enjeux niveau&nbsp;sécurité.</p>
 <p>Le dépôt est <a data-link-domain="gitlab.com" href="https://gitlab.com/davidbgk/page-crypt-web-component">par ici</a>. Il faut encore que je décide si le formulaire pour le mot de passe devient un <em>web component</em> dédié et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. Itération, itération.</p>
 <p>En bonus, il est possible d’accéder directement au contenu de la page en mettant le mot de passe en ancre de l’URL. J’ai appris au passage que ce fragment d’URL n’était pas transmis dans la requête et ne restait que dans l’historique du&nbsp;navigateur.</p>
 <p><em>Si tu n’as pas honte de ton premier commit, tout ça… la suite&nbsp;demain.</em></p>
 <a href="#hr-125" title="Lien vers cette section de la page"><hr id="hr-125" /></a>

 <blockquote>
 <p>Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne manière, vous minimisez mon handicap et donc vous faites moins d'effort que&nbsp;nécessaire.</p>
 <p>Autre point, dit-on «&nbsp;personne en situation en handicap&nbsp;» ou «&nbsp;personne&nbsp;handicapée&#8239;?&nbsp;»</p>
 <p>Là, encore, il y a une&nbsp;subtilité.</p>
 <p>Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je suis en situation de handicap puisque les conférences ne me sont pas du tout&nbsp;accessibles.</p>
 <p>Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne suis pas en situation de handicap puisque les conférences me sont totalement&nbsp;accessibles.</p>
 <p>Voici la différence. <mark>Être en situation de handicap, c’est subir la situation faute&nbsp;d’accessibilité.</mark></p>
 <p><cite><em><a data-link-domain="emmanuelle-aboaf.netlify.app" href="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots" hreflang="fr"
            title="Consultation de l’article">N’ayez pas peur des mots</a>
            <a href="/david/cache/2024/5201efaa6fe6a80f69647a354c9afd18/" hreflang="fr"
                data-tippy data-description="Les mots ont un impact et pourtant ils ne sont pas utilisés en tant que tels. Le mot handicapé·e n’est pas un gros mot, pas plus que les mots sourd·e et aveugle. Malheureusement, certaines personnes n’osent pas les dire par peur de vexer ou en pensant que ça ne se dit pas. Cependant, en ne les disant pas, vous créez un tabou. Je vous partage mes réflexions sur le sujet à travers cet article."
                data-source="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots"
                data-date="2024-03-20"
                data-favicon="https://emmanuelle-aboaf.netlify.app/blog/article/favicon-32x32.png"
                data-domain="emmanuelle-aboaf.netlify.app"
                ><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>Cette page ne contient pas le contenu du HTML qui s’affiche et ça me rend triste car j’en apprécie le contenu qui m’apprend des choses / me fait&nbsp;réfléchir.</p>
 <p>Un autre angle de&nbsp;l’accessibilité&#8239;?</p>
 <a href="#hr-126" title="Lien vers cette section de la page"><hr id="hr-126" /></a>

 <blockquote lang="en">
 <p>So don’t publish for the&nbsp;world.</p>
 <p>When I write something here on my website, I’m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn’t yet had this particular thought, or come up with that particular&nbsp;idea.</p>
 <p>I’m writing for myself. <mark>I write to figure out what I think.</mark> I also publish mostly for myself—a public archive for future me. But if what I publish just happens to connect with one other person, I’m&nbsp;glad.</p>
 <p><cite><em><a data-link-domain="adactio.com" href="https://adactio.com/journal/20996" hreflang="en"
            title="Consultation de l’article (anglais)">What the world needs</a>
            <a href="/david/cache/2024/318dd7526e11f9476c9cbc88eb3f2b9b/" hreflang="en"
                data-tippy data-description="Write for yourself."
                data-source="https://adactio.com/journal/20996"
                data-date="2024-03-20"
                data-favicon="https://adactio.com/icon.png"
                data-domain="adactio.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>
 <a href="#hr-127" title="Lien vers cette section de la page"><hr id="hr-127" /></a>

 <blockquote lang="en">
 <p>My goal, for this digital place I’m creating, is to make you go away. And that’s not because I want to be left alone but because <mark>I hope to help you discover new digital places to explore.</mark> If I see you again, it’s because you decided to come back, and not because you got lost and trapped inside the digital walls I&nbsp;erected.</p>
 <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/digital-walled-gardens" hreflang="en"
            title="Consultation de l’article (anglais)">Digital walled gardens</a>
            <a href="/david/cache/2024/812f09bae33b395819539fd2c4693fe2/" hreflang="en"
                data-tippy data-description="The concept of a walled garden is not a new one in the digital world. It’s just a fancier, less aggressive way to describe a closed ecosystem or a …"
                data-source="https://manuelmoreale.com/digital-walled-gardens"
                data-date="2024-03-20"
                data-favicon="https://manuelmoreale.com/favicon.ico"
                data-domain="manuelmoreale.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>🌱</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/laboratoire/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#laboratoire</a>
          
            <a href="/david/2024/opensource/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#opensource</a>
          
            <a href="/david/2024/technique/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#technique</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/01/" title="Lien permanent vers cet article">Simple</a> <time datetime="2024-03-01">1 mars 2024</time>
    </h2>
--- a/david/2024/opensource/index.html
+++ b/david/2024/opensource/index.html
@@ -134,6 +134,110 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/03/20/" title="Lien permanent vers cet article">PageCrypt</a> <time datetime="2024-03-20">20 mars 2024</time>
    </h2>
    
 <p>J’y ai passé ma soirée mais j’ai un <a data-link-domain="davidbgk.gitlab.io" href="https://davidbgk.gitlab.io/page-crypt-web-component/">truc qui fonctionne pour une démo</a>. Ça ressemble beaucoup à un <em>patchwork</em> de bouts de code récupérés <a data-link-domain="maxlaumeister.com" href="https://www.maxlaumeister.com/pagecrypt/">ici</a> et <a data-link-domain="github.com" href="https://github.com/Greenheart/pagecrypt">là</a> puis <a data-link-domain="github.com" href="https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py">aussi là</a> pour la partie&nbsp;Python.</p>
 <p>Il y a encore pas mal de travail —&nbsp;notamment pour rendre la page suffisamment accessible&nbsp;— mais au moins la partie crypto / boîte noire semble fonctionner à la fois du côté génération en Python et consommation en JS. C’est la partie qui me faisait un peu peur et sur laquelle j’ai un peu patiné car c’est bien au-delà de mes compétences et que je ne veux pas prendre l’initiative de trop adapter sans comprendre les enjeux niveau&nbsp;sécurité.</p>
 <p>Le dépôt est <a data-link-domain="gitlab.com" href="https://gitlab.com/davidbgk/page-crypt-web-component">par ici</a>. Il faut encore que je décide si le formulaire pour le mot de passe devient un <em>web component</em> dédié et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. Itération, itération.</p>
 <p>En bonus, il est possible d’accéder directement au contenu de la page en mettant le mot de passe en ancre de l’URL. J’ai appris au passage que ce fragment d’URL n’était pas transmis dans la requête et ne restait que dans l’historique du&nbsp;navigateur.</p>
 <p><em>Si tu n’as pas honte de ton premier commit, tout ça… la suite&nbsp;demain.</em></p>
 <a href="#hr-125" title="Lien vers cette section de la page"><hr id="hr-125" /></a>

 <blockquote>
 <p>Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne manière, vous minimisez mon handicap et donc vous faites moins d'effort que&nbsp;nécessaire.</p>
 <p>Autre point, dit-on «&nbsp;personne en situation en handicap&nbsp;» ou «&nbsp;personne&nbsp;handicapée&#8239;?&nbsp;»</p>
 <p>Là, encore, il y a une&nbsp;subtilité.</p>
 <p>Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je suis en situation de handicap puisque les conférences ne me sont pas du tout&nbsp;accessibles.</p>
 <p>Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne suis pas en situation de handicap puisque les conférences me sont totalement&nbsp;accessibles.</p>
 <p>Voici la différence. <mark>Être en situation de handicap, c’est subir la situation faute&nbsp;d’accessibilité.</mark></p>
 <p><cite><em><a data-link-domain="emmanuelle-aboaf.netlify.app" href="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots" hreflang="fr"
            title="Consultation de l’article">N’ayez pas peur des mots</a>
            <a href="/david/cache/2024/5201efaa6fe6a80f69647a354c9afd18/" hreflang="fr"
                data-tippy data-description="Les mots ont un impact et pourtant ils ne sont pas utilisés en tant que tels. Le mot handicapé·e n’est pas un gros mot, pas plus que les mots sourd·e et aveugle. Malheureusement, certaines personnes n’osent pas les dire par peur de vexer ou en pensant que ça ne se dit pas. Cependant, en ne les disant pas, vous créez un tabou. Je vous partage mes réflexions sur le sujet à travers cet article."
                data-source="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots"
                data-date="2024-03-20"
                data-favicon="https://emmanuelle-aboaf.netlify.app/blog/article/favicon-32x32.png"
                data-domain="emmanuelle-aboaf.netlify.app"
                ><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>Cette page ne contient pas le contenu du HTML qui s’affiche et ça me rend triste car j’en apprécie le contenu qui m’apprend des choses / me fait&nbsp;réfléchir.</p>
 <p>Un autre angle de&nbsp;l’accessibilité&#8239;?</p>
 <a href="#hr-126" title="Lien vers cette section de la page"><hr id="hr-126" /></a>

 <blockquote lang="en">
 <p>So don’t publish for the&nbsp;world.</p>
 <p>When I write something here on my website, I’m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn’t yet had this particular thought, or come up with that particular&nbsp;idea.</p>
 <p>I’m writing for myself. <mark>I write to figure out what I think.</mark> I also publish mostly for myself—a public archive for future me. But if what I publish just happens to connect with one other person, I’m&nbsp;glad.</p>
 <p><cite><em><a data-link-domain="adactio.com" href="https://adactio.com/journal/20996" hreflang="en"
            title="Consultation de l’article (anglais)">What the world needs</a>
            <a href="/david/cache/2024/318dd7526e11f9476c9cbc88eb3f2b9b/" hreflang="en"
                data-tippy data-description="Write for yourself."
                data-source="https://adactio.com/journal/20996"
                data-date="2024-03-20"
                data-favicon="https://adactio.com/icon.png"
                data-domain="adactio.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>
 <a href="#hr-127" title="Lien vers cette section de la page"><hr id="hr-127" /></a>

 <blockquote lang="en">
 <p>My goal, for this digital place I’m creating, is to make you go away. And that’s not because I want to be left alone but because <mark>I hope to help you discover new digital places to explore.</mark> If I see you again, it’s because you decided to come back, and not because you got lost and trapped inside the digital walls I&nbsp;erected.</p>
 <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/digital-walled-gardens" hreflang="en"
            title="Consultation de l’article (anglais)">Digital walled gardens</a>
            <a href="/david/cache/2024/812f09bae33b395819539fd2c4693fe2/" hreflang="en"
                data-tippy data-description="The concept of a walled garden is not a new one in the digital world. It’s just a fancier, less aggressive way to describe a closed ecosystem or a …"
                data-source="https://manuelmoreale.com/digital-walled-gardens"
                data-date="2024-03-20"
                data-favicon="https://manuelmoreale.com/favicon.ico"
                data-domain="manuelmoreale.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>🌱</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/laboratoire/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#laboratoire</a>
          
            <a href="/david/2024/opensource/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#opensource</a>
          
            <a href="/david/2024/technique/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#technique</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/03/" title="Lien permanent vers cet article">Permanence</a> <time datetime="2024-03-03">3 mars 2024</time>
    </h2>
--- a/david/2024/technique/index.html
+++ b/david/2024/technique/index.html
@@ -134,6 +134,110 @@
    </p>
  </nav>
  
    <h2>
      <a href="/david/2024/03/20/" title="Lien permanent vers cet article">PageCrypt</a> <time datetime="2024-03-20">20 mars 2024</time>
    </h2>
    
 <p>J’y ai passé ma soirée mais j’ai un <a data-link-domain="davidbgk.gitlab.io" href="https://davidbgk.gitlab.io/page-crypt-web-component/">truc qui fonctionne pour une démo</a>. Ça ressemble beaucoup à un <em>patchwork</em> de bouts de code récupérés <a data-link-domain="maxlaumeister.com" href="https://www.maxlaumeister.com/pagecrypt/">ici</a> et <a data-link-domain="github.com" href="https://github.com/Greenheart/pagecrypt">là</a> puis <a data-link-domain="github.com" href="https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py">aussi là</a> pour la partie&nbsp;Python.</p>
 <p>Il y a encore pas mal de travail —&nbsp;notamment pour rendre la page suffisamment accessible&nbsp;— mais au moins la partie crypto / boîte noire semble fonctionner à la fois du côté génération en Python et consommation en JS. C’est la partie qui me faisait un peu peur et sur laquelle j’ai un peu patiné car c’est bien au-delà de mes compétences et que je ne veux pas prendre l’initiative de trop adapter sans comprendre les enjeux niveau&nbsp;sécurité.</p>
 <p>Le dépôt est <a data-link-domain="gitlab.com" href="https://gitlab.com/davidbgk/page-crypt-web-component">par ici</a>. Il faut encore que je décide si le formulaire pour le mot de passe devient un <em>web component</em> dédié et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. Itération, itération.</p>
 <p>En bonus, il est possible d’accéder directement au contenu de la page en mettant le mot de passe en ancre de l’URL. J’ai appris au passage que ce fragment d’URL n’était pas transmis dans la requête et ne restait que dans l’historique du&nbsp;navigateur.</p>
 <p><em>Si tu n’as pas honte de ton premier commit, tout ça… la suite&nbsp;demain.</em></p>
 <a href="#hr-125" title="Lien vers cette section de la page"><hr id="hr-125" /></a>

 <blockquote>
 <p>Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne manière, vous minimisez mon handicap et donc vous faites moins d'effort que&nbsp;nécessaire.</p>
 <p>Autre point, dit-on «&nbsp;personne en situation en handicap&nbsp;» ou «&nbsp;personne&nbsp;handicapée&#8239;?&nbsp;»</p>
 <p>Là, encore, il y a une&nbsp;subtilité.</p>
 <p>Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je suis en situation de handicap puisque les conférences ne me sont pas du tout&nbsp;accessibles.</p>
 <p>Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne suis pas en situation de handicap puisque les conférences me sont totalement&nbsp;accessibles.</p>
 <p>Voici la différence. <mark>Être en situation de handicap, c’est subir la situation faute&nbsp;d’accessibilité.</mark></p>
 <p><cite><em><a data-link-domain="emmanuelle-aboaf.netlify.app" href="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots" hreflang="fr"
            title="Consultation de l’article">N’ayez pas peur des mots</a>
            <a href="/david/cache/2024/5201efaa6fe6a80f69647a354c9afd18/" hreflang="fr"
                data-tippy data-description="Les mots ont un impact et pourtant ils ne sont pas utilisés en tant que tels. Le mot handicapé·e n’est pas un gros mot, pas plus que les mots sourd·e et aveugle. Malheureusement, certaines personnes n’osent pas les dire par peur de vexer ou en pensant que ça ne se dit pas. Cependant, en ne les disant pas, vous créez un tabou. Je vous partage mes réflexions sur le sujet à travers cet article."
                data-source="https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots"
                data-date="2024-03-20"
                data-favicon="https://emmanuelle-aboaf.netlify.app/blog/article/favicon-32x32.png"
                data-domain="emmanuelle-aboaf.netlify.app"
                ><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>Cette page ne contient pas le contenu du HTML qui s’affiche et ça me rend triste car j’en apprécie le contenu qui m’apprend des choses / me fait&nbsp;réfléchir.</p>
 <p>Un autre angle de&nbsp;l’accessibilité&#8239;?</p>
 <a href="#hr-126" title="Lien vers cette section de la page"><hr id="hr-126" /></a>

 <blockquote lang="en">
 <p>So don’t publish for the&nbsp;world.</p>
 <p>When I write something here on my website, I’m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn’t yet had this particular thought, or come up with that particular&nbsp;idea.</p>
 <p>I’m writing for myself. <mark>I write to figure out what I think.</mark> I also publish mostly for myself—a public archive for future me. But if what I publish just happens to connect with one other person, I’m&nbsp;glad.</p>
 <p><cite><em><a data-link-domain="adactio.com" href="https://adactio.com/journal/20996" hreflang="en"
            title="Consultation de l’article (anglais)">What the world needs</a>
            <a href="/david/cache/2024/318dd7526e11f9476c9cbc88eb3f2b9b/" hreflang="en"
                data-tippy data-description="Write for yourself."
                data-source="https://adactio.com/journal/20996"
                data-date="2024-03-20"
                data-favicon="https://adactio.com/icon.png"
                data-domain="adactio.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>
 <a href="#hr-127" title="Lien vers cette section de la page"><hr id="hr-127" /></a>

 <blockquote lang="en">
 <p>My goal, for this digital place I’m creating, is to make you go away. And that’s not because I want to be left alone but because <mark>I hope to help you discover new digital places to explore.</mark> If I see you again, it’s because you decided to come back, and not because you got lost and trapped inside the digital walls I&nbsp;erected.</p>
 <p><cite><em><a data-link-domain="manuelmoreale.com" href="https://manuelmoreale.com/digital-walled-gardens" hreflang="en"
            title="Consultation de l’article (anglais)">Digital walled gardens</a>
            <a href="/david/cache/2024/812f09bae33b395819539fd2c4693fe2/" hreflang="en"
                data-tippy data-description="The concept of a walled garden is not a new one in the digital world. It’s just a fancier, less aggressive way to describe a closed ecosystem or a …"
                data-source="https://manuelmoreale.com/digital-walled-gardens"
                data-date="2024-03-20"
                data-favicon="https://manuelmoreale.com/favicon.ico"
                data-domain="manuelmoreale.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>🌱</p>

    
      <nav>
        <p>
          
            <a href="/david/2024/laboratoire/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#laboratoire</a>
          
            <a href="/david/2024/opensource/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#opensource</a>
          
            <a href="/david/2024/technique/"
               title="Liste de tous les articles 2024 associés à cette étiquette"
               rel="tag">#technique</a>
          
          <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
        </p>
      </nav>
    
  
    <h2>
      <a href="/david/2024/03/19/" title="Lien permanent vers cet article">Excitation</a> <time datetime="2024-03-19">19 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://thom4.net/2024/03/20/chantage-affectif/">☕️ Journal : Chantage affectif</a>,
          20-03-2024
        </dt>
        <dd>
          J’ai confondu « chantage affectif » avec « manque d’estime de soi » pendant longtemps. Le chantage affectif venait toucher la corde du «
          — <a href="https://thom4.net/">Thomas Parisot</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://emmaclit.com/2024/03/19/tri-social/">Tri social</a>,
@@ -274,16 +284,6 @@
          — <a href="https://www.la-grange.net/">Karl Dubost</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://thom4.net/2024/03/08/loyers-solidaires/">☕️ Journal : Loyers solidaires</a>,
          08-03-2024
        </dt>
        <dd>
          Hier, on a affiché le « statut » des loyers solidaires dans le foyer du tiers-lieu l’
          — <a href="https://thom4.net/">Thomas Parisot</a>
        </dd>
      </dl>
    <dl>
        <dt>
          <a href="https://blog.ecologie-politique.eu/post/Comment-j-ai-appris-a-mepriser-Sandrine-Rousseau">Comment j’ai appris à mépriser Sandrine Rousseau</a>,
--- a/david/index.html
+++ b/david/index.html
@@ -461,6 +461,7 @@
  </style>
  <p>Liste des publications récentes en ordre anté-chronologique :</p>
  <p>
    <a href="/david/2024/03/20/" data-laboratoire data-opensource data-technique  title="Étiquettes : laboratoire, opensource, technique.">PageCrypt</a>,
    <a href="/david/2024/03/19/" data-apprentissage data-enthousiasme data-technique  title="Étiquettes : apprentissage, enthousiasme, technique.">Excitation</a>,
    <a href="/david/2024/03/18/" data-adaptation data-addiction data-evolution  title="Étiquettes : adaptation, addiction, évolution.">Casquettes</a>,
    <a href="/david/2024/03/16/" data-aventure data-ecriture data-lecture  title="Étiquettes : aventure, écriture, lecture.">Descriptions</a>,
@@ -569,11 +570,11 @@
    <a href="/david/2024/gratitude/" data-tag="gratitude" rel="tag">#gratitude (3)</a>,
    <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 (3)</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/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 (7)</a>,
    <a href="/david/2024/opensource/" data-tag="opensource" rel="tag">#opensource (8)</a>,
    <a href="/david/2024/parentalite/" data-tag="parentalite" rel="tag">#parentalité (5)</a>,
    <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>,
@@ -585,7 +586,7 @@
    <a href="/david/2024/psychologie/" data-tag="psychologie" rel="tag">#psychologie (10)</a>,
    <a href="/david/2024/solastalgia/" data-tag="solastalgia" rel="tag">#solastalgia (5)</a>,
    <a href="/david/2024/sport/" data-tag="sport" rel="tag">#sport (6)</a>,
    <a href="/david/2024/technique/" data-tag="technique" rel="tag">#technique (16)</a>,
    <a href="/david/2024/technique/" data-tag="technique" rel="tag">#technique (17)</a>,
    <a href="/david/2024/velo/" data-tag="velo" rel="tag">#vélo (1)</a>,
    <a href="/david/2024/web/" data-tag="web" rel="tag">#web (13)</a>.
      
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -6,13 +6,55 @@
    <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-20T12:00:00+01:00</updated>
    <updated>2024-03-21T12: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">PageCrypt</title>
            <link href="https://larlet.fr/david/2024/03/20/" rel="alternate" type="text/html" />
            <updated>2024-03-20T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/03/20/</id>
            <summary type="html">
 &lt;p&gt;J’y ai passé ma soirée mais j’ai un &lt;a href=&quot;https://davidbgk.gitlab.io/page-crypt-web-component/&quot;&gt;truc qui fonctionne pour une démo&lt;/a&gt;. Ça ressemble beaucoup à un &lt;em&gt;patchwork&lt;/em&gt; de bouts de code récupérés &lt;a href=&quot;https://www.maxlaumeister.com/pagecrypt/&quot;&gt;ici&lt;/a&gt; et &lt;a href=&quot;https://github.com/Greenheart/pagecrypt&quot;&gt;là&lt;/a&gt; puis &lt;a href=&quot;https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py&quot;&gt;aussi là&lt;/a&gt; pour la partie&amp;nbsp;Python.&lt;/p&gt;
 &lt;p&gt;Il y a encore pas mal de travail —&amp;nbsp;notamment pour rendre la page suffisamment accessible&amp;nbsp;— mais au moins la partie crypto / boîte noire semble fonctionner à la fois du côté génération en Python et consommation en JS. C’est la partie qui me faisait un peu peur et sur laquelle j’ai un peu patiné car c’est bien au-delà de mes compétences et que je ne veux pas prendre l’initiative de trop adapter sans comprendre les enjeux niveau&amp;nbsp;sécurité.&lt;/p&gt;
 &lt;p&gt;Le dépôt est &lt;a href=&quot;https://gitlab.com/davidbgk/page-crypt-web-component&quot;&gt;par ici&lt;/a&gt;. Il faut encore que je décide si le formulaire pour le mot de passe devient un &lt;em&gt;web component&lt;/em&gt; dédié et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. Itération, itération.&lt;/p&gt;
 &lt;p&gt;En bonus, il est possible d’accéder directement au contenu de la page en mettant le mot de passe en ancre de l’URL. J’ai appris au passage que ce fragment d’URL n’était pas transmis dans la requête et ne restait que dans l’historique du&amp;nbsp;navigateur.&lt;/p&gt;
 &lt;p&gt;&lt;em&gt;Si tu n’as pas honte de ton premier commit, tout ça… la suite&amp;nbsp;demain.&lt;/em&gt;&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne manière, vous minimisez mon handicap et donc vous faites moins d&#x27;effort que&amp;nbsp;nécessaire.&lt;/p&gt;
 &lt;p&gt;Autre point, dit-on «&amp;nbsp;personne en situation en handicap&amp;nbsp;» ou «&amp;nbsp;personne&amp;nbsp;handicapée&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
 &lt;p&gt;Là, encore, il y a une&amp;nbsp;subtilité.&lt;/p&gt;
 &lt;p&gt;Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je suis en situation de handicap puisque les conférences ne me sont pas du tout&amp;nbsp;accessibles.&lt;/p&gt;
 &lt;p&gt;Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne suis pas en situation de handicap puisque les conférences me sont totalement&amp;nbsp;accessibles.&lt;/p&gt;
 &lt;p&gt;Voici la différence. &lt;mark&gt;Être en situation de handicap, c’est subir la situation faute&amp;nbsp;d’accessibilité.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots&quot;&gt;N’ayez pas peur des&amp;nbsp;mots&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Cette page ne contient pas le contenu du HTML qui s’affiche et ça me rend triste car j’en apprécie le contenu qui m’apprend des choses / me fait&amp;nbsp;réfléchir.&lt;/p&gt;
 &lt;p&gt;Un autre angle de&amp;nbsp;l’accessibilité&amp;#8239;?&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;So don’t publish for the&amp;nbsp;world.&lt;/p&gt;
 &lt;p&gt;When I write something here on my website, I’m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn’t yet had this particular thought, or come up with that particular&amp;nbsp;idea.&lt;/p&gt;
 &lt;p&gt;I’m writing for myself. &lt;mark&gt;I write to figure out what I think.&lt;/mark&gt; I also publish mostly for myself—a public archive for future me. But if what I publish just happens to connect with one other person, I’m&amp;nbsp;glad.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://adactio.com/journal/20996&quot;&gt;What the world&amp;nbsp;needs&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;My goal, for this digital place I’m creating, is to make you go away. And that’s not because I want to be left alone but because &lt;mark&gt;I hope to help you discover new digital places to explore.&lt;/mark&gt; If I see you again, it’s because you decided to come back, and not because you got lost and trapped inside the digital walls I&amp;nbsp;erected.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://manuelmoreale.com/digital-walled-gardens&quot;&gt;Digital walled&amp;nbsp;gardens&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;🌱&lt;/p&gt;
 &lt;nav&gt;&lt;p&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/opensource/&quot;&gt;#opensource&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Excitation</title>
            <link href="https://larlet.fr/david/2024/03/19/" rel="alternate" type="text/html" />
@@ -1138,27 +1180,4 @@ button.primary {
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/dependance/&quot;&gt;#dépendance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Quotidien</title>
            <link href="https://larlet.fr/david/2024/02/17/" rel="alternate" type="text/html" />
            <updated>2024-02-17T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2024/02/17/</id>
            <summary type="html">
 &lt;p&gt;S’il y a une chose qui a changé depuis que j’ai repris une écriture quotidienne c’est de ne presque plus regarder de films /&amp;nbsp;séries.&lt;/p&gt;
 &lt;p&gt;Vu la qualité des vidéos que &lt;q lang=&quot;fr_ca&quot;&gt;j’écoutais&lt;/q&gt;, ça n’est vraiment pas une mauvaise&amp;nbsp;chose.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Outil du jour&amp;nbsp;: &lt;a href=&quot;https://www.whocanuse.com&quot;&gt;who can use&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;Voir en direct la perception des personnes sous forme de boutons pour des couleurs données permet de lâcher prise et de se concentrer sur la lisibilité. Savoir que seules 68% des personnes ont la capacité à voir ce que je vois (peut-être) donne un autre sens à&amp;nbsp;l’accessibilité.&lt;/p&gt;
 &lt;hr /&gt;
 &lt;p&gt;Découverte d’un nouveau &lt;a href=&quot;https://montreal.ca/lieux/parc-nature-du-cap-saint-jacques&quot;&gt;terrain de jeu en hiver&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;Le nombre d’hivers où il sera encore possible de skier à Montréal sont comptés. Il fait probablement partie de la dernière génération à pouvoir le faire. Aujourd’hui, une dizaine de kilomètres à skis-de-fond-de-location-qui-ne-glissent-pas&amp;nbsp;(sic).&lt;/p&gt;
 &lt;hr /&gt;

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Most “news” is designed to trick us into giving our fucks to things that don’t deserve them or where they have no&amp;nbsp;value.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.patrickrhone.net/the-fucks-and-how-we-give-them-a-manifesto/&quot;&gt;The Fucks and How We Give Them (A&amp;nbsp;Manifesto)&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&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/solastalgia/&quot;&gt;#solastalgia&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": "PageCrypt",
    "url": "/david/2024/03/20/",
    "date": "2024-03-20",
    "content": "J\u2019y ai pass\u00e9 ma soir\u00e9e mais j\u2019ai un truc qui fonctionne pour une d\u00e9mo. \u00c7a ressemble beaucoup \u00e0 un patchwork de bouts de code r\u00e9cup\u00e9r\u00e9s ici et l\u00e0 puis aussi l\u00e0 pour la partie\u00a0Python. Il y a encore pas mal de travail \u2014\u00a0notamment pour rendre la page suffisamment accessible\u00a0\u2014 mais au moins la partie crypto / bo\u00eete noire semble fonctionner \u00e0 la fois du c\u00f4t\u00e9 g\u00e9n\u00e9ration en Python et consommation en JS. C\u2019est la partie qui me faisait un peu peur et sur laquelle j\u2019ai un peu patin\u00e9 car c\u2019est bien au-del\u00e0 de mes comp\u00e9tences et que je ne veux pas prendre l\u2019initiative de trop adapter sans comprendre les enjeux niveau\u00a0s\u00e9curit\u00e9. Le d\u00e9p\u00f4t est par ici. Il faut encore que je d\u00e9cide si le formulaire pour le mot de passe devient un web component d\u00e9di\u00e9 et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. It\u00e9ration, it\u00e9ration. En bonus, il est possible d\u2019acc\u00e9der directement au contenu de la page en mettant le mot de passe en ancre de l\u2019URL. J\u2019ai appris au passage que ce fragment d\u2019URL n\u2019\u00e9tait pas transmis dans la requ\u00eate et ne restait que dans l\u2019historique du\u00a0navigateur. Si tu n\u2019as pas honte de ton premier commit, tout \u00e7a\u2026 la suite\u00a0demain. Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne mani\u00e8re, vous minimisez mon handicap et donc vous faites moins d effort que\u00a0n\u00e9cessaire. Autre point, dit-on \u00ab\u00a0personne en situation en handicap\u00a0\u00bb ou \u00ab\u00a0personne\u00a0handicap\u00e9e\u202f?\u00a0\u00bb L\u00e0, encore, il y a une\u00a0subtilit\u00e9. Je vais \u00e0 un \u00e9v\u00e9nement tech o\u00f9 les conf\u00e9rences ne sont pas sous-titr\u00e9es. Je suis en situation de handicap puisque les conf\u00e9rences ne me sont pas du tout\u00a0accessibles. Je vais \u00e0 un \u00e9v\u00e9nement tech o\u00f9 les conf\u00e9rences sont toutes sous-titr\u00e9es. Je ne suis pas en situation de handicap puisque les conf\u00e9rences me sont totalement\u00a0accessibles. Voici la diff\u00e9rence. \u00catre en situation de handicap, c\u2019est subir la situation faute\u00a0d\u2019accessibilit\u00e9. N\u2019ayez pas peur des\u00a0mots Cette page ne contient pas le contenu du HTML qui s\u2019affiche et \u00e7a me rend triste car j\u2019en appr\u00e9cie le contenu qui m\u2019apprend des choses / me fait\u00a0r\u00e9fl\u00e9chir. Un autre angle de\u00a0l\u2019accessibilit\u00e9\u202f? So don\u2019t publish for the\u00a0world. When I write something here on my website, I\u2019m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn\u2019t yet had this particular thought, or come up with that particular\u00a0idea. I\u2019m writing for myself. I write to figure out what I think. I also publish mostly for myself\u2014a public archive for future me. But if what I publish just happens to connect with one other person, I\u2019m\u00a0glad. What the world\u00a0needs My goal, for this digital place I\u2019m creating, is to make you go away. And that\u2019s not because I want to be left alone but because I hope to help you discover new digital places to explore. If I see you again, it\u2019s because you decided to come back, and not because you got lost and trapped inside the digital walls I\u00a0erected. Digital walled\u00a0gardens \ud83c\udf31"
  },
  {
    "title": "Excitation",
    "url": "/david/2024/03/19/",
@@ -738,6 +744,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": "PageCrypt",
    "url": "/david/2024/03/20/",
    "date": "2024-03-20",
    "content": "J\u2019y ai pass\u00e9 ma soir\u00e9e mais j\u2019ai un truc qui fonctionne pour une d\u00e9mo. \u00c7a ressemble beaucoup \u00e0 un patchwork de bouts de code r\u00e9cup\u00e9r\u00e9s ici et l\u00e0 puis aussi l\u00e0 pour la partie\u00a0Python. Il y a encore pas mal de travail \u2014\u00a0notamment pour rendre la page suffisamment accessible\u00a0\u2014 mais au moins la partie crypto / bo\u00eete noire semble fonctionner \u00e0 la fois du c\u00f4t\u00e9 g\u00e9n\u00e9ration en Python et consommation en JS. C\u2019est la partie qui me faisait un peu peur et sur laquelle j\u2019ai un peu patin\u00e9 car c\u2019est bien au-del\u00e0 de mes comp\u00e9tences et que je ne veux pas prendre l\u2019initiative de trop adapter sans comprendre les enjeux niveau\u00a0s\u00e9curit\u00e9. Le d\u00e9p\u00f4t est par ici. Il faut encore que je d\u00e9cide si le formulaire pour le mot de passe devient un web component d\u00e9di\u00e9 et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. It\u00e9ration, it\u00e9ration. En bonus, il est possible d\u2019acc\u00e9der directement au contenu de la page en mettant le mot de passe en ancre de l\u2019URL. J\u2019ai appris au passage que ce fragment d\u2019URL n\u2019\u00e9tait pas transmis dans la requ\u00eate et ne restait que dans l\u2019historique du\u00a0navigateur. Si tu n\u2019as pas honte de ton premier commit, tout \u00e7a\u2026 la suite\u00a0demain. Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne mani\u00e8re, vous minimisez mon handicap et donc vous faites moins d effort que\u00a0n\u00e9cessaire. Autre point, dit-on \u00ab\u00a0personne en situation en handicap\u00a0\u00bb ou \u00ab\u00a0personne\u00a0handicap\u00e9e\u202f?\u00a0\u00bb L\u00e0, encore, il y a une\u00a0subtilit\u00e9. Je vais \u00e0 un \u00e9v\u00e9nement tech o\u00f9 les conf\u00e9rences ne sont pas sous-titr\u00e9es. Je suis en situation de handicap puisque les conf\u00e9rences ne me sont pas du tout\u00a0accessibles. Je vais \u00e0 un \u00e9v\u00e9nement tech o\u00f9 les conf\u00e9rences sont toutes sous-titr\u00e9es. Je ne suis pas en situation de handicap puisque les conf\u00e9rences me sont totalement\u00a0accessibles. Voici la diff\u00e9rence. \u00catre en situation de handicap, c\u2019est subir la situation faute\u00a0d\u2019accessibilit\u00e9. N\u2019ayez pas peur des\u00a0mots Cette page ne contient pas le contenu du HTML qui s\u2019affiche et \u00e7a me rend triste car j\u2019en appr\u00e9cie le contenu qui m\u2019apprend des choses / me fait\u00a0r\u00e9fl\u00e9chir. Un autre angle de\u00a0l\u2019accessibilit\u00e9\u202f? So don\u2019t publish for the\u00a0world. When I write something here on my website, I\u2019m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn\u2019t yet had this particular thought, or come up with that particular\u00a0idea. I\u2019m writing for myself. I write to figure out what I think. I also publish mostly for myself\u2014a public archive for future me. But if what I publish just happens to connect with one other person, I\u2019m\u00a0glad. What the world\u00a0needs My goal, for this digital place I\u2019m creating, is to make you go away. And that\u2019s not because I want to be left alone but because I hope to help you discover new digital places to explore. If I see you again, it\u2019s because you decided to come back, and not because you got lost and trapped inside the digital walls I\u00a0erected. Digital walled\u00a0gardens \ud83c\udf31"
  },
  {
    "title": "Excitation",
    "url": "/david/2024/03/19/",