1 рік тому · 81705e3436
--- a/cache/2022/0a4a9498ff6edf9552ec59a4511124dc/index.html
+++ b/cache/2022/0a4a9498ff6edf9552ec59a4511124dc/index.html
@@ -0,0 +1,250 @@
 <!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>walking longer distance: scenes & snippets (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://winnielim.org/journal/walking-longer-distance-scenes-snippets/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>walking longer distance: scenes & snippets</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://winnielim.org/journal/walking-longer-distance-scenes-snippets/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>Last week I decided to try walking longer distances because I was unable to run due to the government advisory that we should not exercise post-vaccination for 2 weeks. For one of my first attempts I tried walking this loop I’ve always been curious about the actual distance it would take to complete it. I now know it takes 9km and roughly 2 hours at moderate walking pace:</p>

 <figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop.jpg" alt="image of strava showing the map of the 9km loop I walked" class="wp-image-4913" srcset="https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop.jpg 1002w, https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop-700x700.jpg 700w, https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop-300x300.jpg 300w, https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop-768x768.jpg 768w" sizes="(max-width: 501px) 100vw, 501px"></figure>

 <p>I was really tired by the time I hit roughly the 7km mark, but there was this gladness I have finally completed it at least once. I used to walk more than 20km before for <a href="https://winnielim.org/journal/first-impressions-of-being-a-food-delivery-person/" data-type="post" data-id="2031">food delivery</a>, and would regularly hit an average of 15km per shift, but I have lost that walking fitness since. There is also a difference walking this distance at one go versus the constant breaks I would get while delivering food because of all the waiting involved.</p>

 <p>I have learnt that my ideal distance for now is somewhere between 5 to 7km. I would like to be able to walk for longer distances without feeling this deep ache in my hips. Somehow my bones ache more than I was running?</p>

 <hr class="wp-block-separator has-alpha-channel-opacity">

 <p>Along the way I would frequently take photos of moments that would stop me in my tracks. There is beauty in noticing that the same scenes can look completely different even if I walk the same route everyday. Here are some scenes I took using my iphone without any processing done:</p>

 <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0224.jpeg" alt="a very yellow moon during my walk" class="wp-image-4917" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0224.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-2048x1536.jpeg 2048w" sizes="(max-width: 4032px) 100vw, 4032px"></figure>

 <p>Same spot, different day:</p>

 <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0255.jpeg" alt="same spot, different day – image of the moon" class="wp-image-4919" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0255.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-2048x1536.jpeg 2048w" sizes="(max-width: 4032px) 100vw, 4032px"></figure>

 <p>One of the reasons why I love walking so early in the morning is that I get to see some magnificent sunrises:</p>

 <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0229.jpeg" alt="sunrise during my walk
 " class="wp-image-4922" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0229.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-2048x1536.jpeg 2048w" sizes="(max-width: 4032px) 100vw, 4032px"></figure>

 <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0404.jpeg" alt="" class="wp-image-4923" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0404.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-2048x1536.jpeg 2048w" sizes="(max-width: 4032px) 100vw, 4032px"></figure>

 <p>They last only for a few seconds, inspiring me to write this haiku:</p>

 <div class="is-layout-flex wp-container-3 wp-block-columns">
 <p class="is-layout-flow wp-block-column"></p>



 <div class="is-layout-flow wp-block-column">
 <p><em>sometimes i chase a sunrise<br>in moments it’s gone<br>like an invalid imprint</em></p>
 </div>
 </div>

 <hr class="wp-block-separator has-alpha-channel-opacity">

 <p>I also enjoy watching people exercise for some reason:</p>

 <figure class="wp-block-image size-full is-resized"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0410.jpeg" alt="people exercising
 " class="wp-image-4925" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0410.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-2048x1536.jpeg 2048w" sizes="(max-width: 800px) 100vw, 800px"></figure>

 <p>There are always thoughts running through my head: <em>who are they? why do they wake up so early to exercise? why do they care about exercising? why do they choose to exercise in a group?</em> Sometimes I start my walk/run at 5.30am in the morning expecting to see no one at the park, but there are already people walking home <em>post</em> exercise.</p>

 <p>It makes me glad to see people with their pets too – mostly dogs of course because cats will not walk with you lol. Once in a while someone cycles with a parrot perched on their bike.</p>

 <figure class="wp-block-image size-large is-resized"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-1600x1200.jpeg" alt="" class="wp-image-4928" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-2048x1536.jpeg 2048w" sizes="(max-width: 800px) 100vw, 800px"></figure>

 <hr class="wp-block-separator has-alpha-channel-opacity">

 <p>I usually walk with emo music plugged in. For a while I was very purist about having no music, but I came to realise that music helps to put my brain in some form of harmony. Listening to songs I love, used to love, or songs that were so much part of my journeys in my younger days – can be a very bodily experience. My morning exercise is also probably the only part of the day that is screenless.</p>

 <hr class="wp-block-separator has-alpha-channel-opacity">

 <p>After wearing different types of footwear my current favourite is a pair of Teva sandals. They let me focus on walking the most without drawing attention to the sensations in my feet. I would love to try a true zero-drop pair of footwear some day. </p>

 <hr class="wp-block-separator has-alpha-channel-opacity">

 <p>This morning I walked past a particular bridge, and I thought how even <em>cycling</em> to this part of the park felt like this <em>huge</em> distance before. And now it is just simply part of my daily walking routine. </p>

 <p>There is this parallel between my exercise journey and how far I’ve come as a person. Walking used to be such a chore: I was the person who would always choose the escalator over the stairs, and any walk longer than 5 minutes felt too far. Now I’m plotting further and further distances away.</p>

 <hr class="wp-block-separator has-alpha-channel-opacity">

 <p>I was inspired by <a href="https://craigmod.com/ridgeline/146/">Craig Mod’s 15-20km photo walk</a> each day, and these days I have started to wonder how feasible would it be if I were to do something similar in Singapore. There are too many traffic junctions here beyond the parks, and the weather usually is not very friendly. I could start out small though, like 5km in the CBD area early morning so I can avoid the heat and humidity.</p>

 <hr class="wp-block-separator has-alpha-channel-opacity">

 <p>Initially I thought I’ll only be walking because I cannot run, but since starting these long morning walks I realised this is something that I want to do continuously in my life. Walking is just so simple, so <em>anywhere</em>. I don’t have to be in special clothing or footwear. The slowness of it makes me notice my environment more, and I am more in tune and connected with the universe, whereas cycling and running envelopes me in my own world. It feels like a superpower to be able to walk non-stop, to be unafraid of what’s ahead and how much is left. It builds a different kind of endurance from running: it is less of a physical or aerobic endurance, more of one that builds a relationship with slowness, time and patience. </p>

 <p>There was a<em> magical threshold</em> where I stopped incessantly wondering how much distance is left and started thinking: I could go on for much longer than I expected.</p>

 <hr class="wp-block-separator has-alpha-channel-opacity">

 <p>I started <a href="https://winnielim.org/essays/pushing-the-limits-of-my-body-again-with-zone-2/">running again for my metabolic health</a> which is closely tied to my chronic migraines. So far walking seems like a decent substitute when it comes to blood glucose management and stability. Running depletes more glucose and its effect lasts longer – as I see from my post-meal glucose numbers from breakfast and dinner, whereas my morning walks tend to impact my breakfast only just based on absolute numbers alone. But running is still stressful for my body and I always have to be worried about triggering a migraine. I could bring out my actual camera for a walk, or walk to discover new eating experiences.</p>

 <p>I wonder how I’ll mix them all up when I am able to start doing intense exercise again? It has been a treat (yes this is my idea of a treat) seeing my metabolic health improve quite dramatically over the past few months and the gradual lessening of severity for my migraines, with the help of tcm of course. Will I be able to lead a migraine-free life one day? I dare not hope. But I’ll continue to work towards it, as though it can be a possibility.  </p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/0a4a9498ff6edf9552ec59a4511124dc/index.md
+++ b/cache/2022/0a4a9498ff6edf9552ec59a4511124dc/index.md
@@ -0,0 +1,151 @@
 title: walking longer distance: scenes & snippets
 url: https://winnielim.org/journal/walking-longer-distance-scenes-snippets/
 hash_url: 0a4a9498ff6edf9552ec59a4511124dc

 <p>Last week I decided to try walking longer distances because I was unable to run due to the government advisory that we should not exercise post-vaccination for 2 weeks. For one of my first attempts I tried walking this loop I’ve always been curious about the actual distance it would take to complete it. I now know it takes 9km and roughly 2 hours at moderate walking pace:</p>



 <figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop.jpg" alt="image of strava showing the map of the 9km loop I walked" class="wp-image-4913" srcset="https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop.jpg 1002w, https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop-700x700.jpg 700w, https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop-300x300.jpg 300w, https://winnielim.org/wp-content/uploads/2022/11/strava-9km-loop-768x768.jpg 768w" sizes="(max-width: 501px) 100vw, 501px"></figure>



 <p>I was really tired by the time I hit roughly the 7km mark, but there was this gladness I have finally completed it at least once. I used to walk more than 20km before for <a href="https://winnielim.org/journal/first-impressions-of-being-a-food-delivery-person/" data-type="post" data-id="2031">food delivery</a>, and would regularly hit an average of 15km per shift, but I have lost that walking fitness since. There is also a difference walking this distance at one go versus the constant breaks I would get while delivering food because of all the waiting involved.</p>



 <p>I have learnt that my ideal distance for now is somewhere between 5 to 7km. I would like to be able to walk for longer distances without feeling this deep ache in my hips. Somehow my bones ache more than I was running?</p>



 <hr class="wp-block-separator has-alpha-channel-opacity">



 <p>Along the way I would frequently take photos of moments that would stop me in my tracks. There is beauty in noticing that the same scenes can look completely different even if I walk the same route everyday. Here are some scenes I took using my iphone without any processing done:</p>



 <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0224.jpeg" alt="a very yellow moon during my walk" class="wp-image-4917" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0224.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0224-2048x1536.jpeg 2048w" sizes="(max-width: 4032px) 100vw, 4032px"></figure>



 <p>Same spot, different day:</p>



 <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0255.jpeg" alt="same spot, different day – image of the moon" class="wp-image-4919" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0255.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0255-2048x1536.jpeg 2048w" sizes="(max-width: 4032px) 100vw, 4032px"></figure>



 <p>One of the reasons why I love walking so early in the morning is that I get to see some magnificent sunrises:</p>



 <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0229.jpeg" alt="sunrise during my walk
 " class="wp-image-4922" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0229.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0229-2048x1536.jpeg 2048w" sizes="(max-width: 4032px) 100vw, 4032px"></figure>



 <figure class="wp-block-image size-full"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0404.jpeg" alt="" class="wp-image-4923" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0404.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0404-2048x1536.jpeg 2048w" sizes="(max-width: 4032px) 100vw, 4032px"></figure>



 <p>They last only for a few seconds, inspiring me to write this haiku:</p>



 <div class="is-layout-flex wp-container-3 wp-block-columns">
 <p class="is-layout-flow wp-block-column"></p>



 <div class="is-layout-flow wp-block-column">
 <p><em>sometimes i chase a sunrise<br>in moments it’s gone<br>like an invalid imprint</em></p>
 </div>
 </div>



 <hr class="wp-block-separator has-alpha-channel-opacity">



 <p>I also enjoy watching people exercise for some reason:</p>



 <figure class="wp-block-image size-full is-resized"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0410.jpeg" alt="people exercising
 " class="wp-image-4925" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0410.jpeg 4032w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0410-2048x1536.jpeg 2048w" sizes="(max-width: 800px) 100vw, 800px"></figure>



 <p>There are always thoughts running through my head: <em>who are they? why do they wake up so early to exercise? why do they care about exercising? why do they choose to exercise in a group?</em> Sometimes I start my walk/run at 5.30am in the morning expecting to see no one at the park, but there are already people walking home <em>post</em> exercise.</p>



 <p>It makes me glad to see people with their pets too – mostly dogs of course because cats will not walk with you lol. Once in a while someone cycles with a parrot perched on their bike.</p>



 <figure class="wp-block-image size-large is-resized"><img decoding="async" loading="lazy" src="https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-1600x1200.jpeg" alt="" class="wp-image-4928" srcset="https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-1600x1200.jpeg 1600w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-700x525.jpeg 700w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-300x225.jpeg 300w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-768x576.jpeg 768w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-1536x1152.jpeg 1536w, https://winnielim.org/wp-content/uploads/2022/11/IMG_0295-2048x1536.jpeg 2048w" sizes="(max-width: 800px) 100vw, 800px"></figure>



 <hr class="wp-block-separator has-alpha-channel-opacity">



 <p>I usually walk with emo music plugged in. For a while I was very purist about having no music, but I came to realise that music helps to put my brain in some form of harmony. Listening to songs I love, used to love, or songs that were so much part of my journeys in my younger days – can be a very bodily experience. My morning exercise is also probably the only part of the day that is screenless.</p>



 <hr class="wp-block-separator has-alpha-channel-opacity">



 <p>After wearing different types of footwear my current favourite is a pair of Teva sandals. They let me focus on walking the most without drawing attention to the sensations in my feet. I would love to try a true zero-drop pair of footwear some day. </p>



 <hr class="wp-block-separator has-alpha-channel-opacity">



 <p>This morning I walked past a particular bridge, and I thought how even <em>cycling</em> to this part of the park felt like this <em>huge</em> distance before. And now it is just simply part of my daily walking routine. </p>



 <p>There is this parallel between my exercise journey and how far I’ve come as a person. Walking used to be such a chore: I was the person who would always choose the escalator over the stairs, and any walk longer than 5 minutes felt too far. Now I’m plotting further and further distances away.</p>



 <hr class="wp-block-separator has-alpha-channel-opacity">



 <p>I was inspired by <a href="https://craigmod.com/ridgeline/146/">Craig Mod’s 15-20km photo walk</a> each day, and these days I have started to wonder how feasible would it be if I were to do something similar in Singapore. There are too many traffic junctions here beyond the parks, and the weather usually is not very friendly. I could start out small though, like 5km in the CBD area early morning so I can avoid the heat and humidity.</p>



 <hr class="wp-block-separator has-alpha-channel-opacity">



 <p>Initially I thought I’ll only be walking because I cannot run, but since starting these long morning walks I realised this is something that I want to do continuously in my life. Walking is just so simple, so <em>anywhere</em>. I don’t have to be in special clothing or footwear. The slowness of it makes me notice my environment more, and I am more in tune and connected with the universe, whereas cycling and running envelopes me in my own world. It feels like a superpower to be able to walk non-stop, to be unafraid of what’s ahead and how much is left. It builds a different kind of endurance from running: it is less of a physical or aerobic endurance, more of one that builds a relationship with slowness, time and patience. </p>



 <p>There was a<em> magical threshold</em> where I stopped incessantly wondering how much distance is left and started thinking: I could go on for much longer than I expected.</p>



 <hr class="wp-block-separator has-alpha-channel-opacity">



 <p>I started <a href="https://winnielim.org/essays/pushing-the-limits-of-my-body-again-with-zone-2/">running again for my metabolic health</a> which is closely tied to my chronic migraines. So far walking seems like a decent substitute when it comes to blood glucose management and stability. Running depletes more glucose and its effect lasts longer – as I see from my post-meal glucose numbers from breakfast and dinner, whereas my morning walks tend to impact my breakfast only just based on absolute numbers alone. But running is still stressful for my body and I always have to be worried about triggering a migraine. I could bring out my actual camera for a walk, or walk to discover new eating experiences.</p>



 <p>I wonder how I’ll mix them all up when I am able to start doing intense exercise again? It has been a treat (yes this is my idea of a treat) seeing my metabolic health improve quite dramatically over the past few months and the gradual lessening of severity for my migraines, with the help of tcm of course. Will I be able to lead a migraine-free life one day? I dare not hope. But I’ll continue to work towards it, as though it can be a possibility.  </p>
--- a/cache/2022/0d004d900e6fd42c0390be1ca2e339a5/index.html
+++ b/cache/2022/0d004d900e6fd42c0390be1ca2e339a5/index.html
@@ -0,0 +1,179 @@
 <!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>The Paper Billionaire Argument (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/THE_PAPER_BILLIONAIRE.md">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>The Paper Billionaire Argument</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/THE_PAPER_BILLIONAIRE.md" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>The most common argument against closing the wealth gap is what I've come to call "the paper billionaire" argument. The argument basically goes "these people aren't <em>really</em> that wealthy, because there's no way to liquidate this much wealth." It's an interesting and provocative argument, worthy of serious discussion. But it is, ultimately, incorrect.</p>
 <p>Essentially all of this wealth is <a href="https://www.cnbc.com/2018/02/07/where-the-super-rich-keep-their-money.html">held in stocks, bonds, and other comparable forms of corporate equity</a>. The most common version of the paper billionaire argument I'm familiar with is that, if all these rich people tried to sell all of this stock at once, the market would be flooded and the price would drop significantly. That statement might be technically true in absolute, but that's not how you liquidate securities. You would liquidate over several years in a <a href="https://corpgov.law.harvard.edu/2016/03/24/a-guide-to-rule-10b5-1-plans/">carefully managed liquidation plan</a> that avoids flooding the market, not in a giant lump sum.</p>
 <p>Billionaires <a href="https://www.cnbc.com/2020/02/11/jeff-bezos-sold-4point1-billion-worth-of-amazon-shares-in-past-week.html">regularly liquidate in this manner</a> as a matter of routine, and it has never caused the market collapse consistently forecast by billionaire defenders. I have never once heard anyone advocate instant liquidation in an immediate one-time firesale, except when used as a straw man to prove the supposed impossibility of liquidation.</p>
 <p>Now you may be wondering, just how slowly would you have to do this liquidation in order to avoid flooding the market? And the answer is, surprisingly, not that slowly. The market cap of the <a href="https://siblisresearch.com/data/us-stock-market-value">US stock market is around $35 trillion</a>. Around <a href="https://www.nasdaqtrader.com/trader.aspx?id=FullVolumeSummary#">$122 trillion worth</a> of stock changes hands in the US every year. If you wanted to liquidate a trillion dollars over, say, five years that would constitute about 0.16% of all the trading that happens in that time.</p>
 <p>There are a wide variety of serious policy proposals floating around aimed at reducing inequality, and none of them include a massive immediate seizing of all assets from wealthy people. Some play out over generations (such as a more progressive <a href="https://americansfortaxfairness.org/tax-fairness-briefing-booklet/fact-sheet-the-estate-inheritance-tax/">inheritance and gift tax</a>) some play out over decades (such as a more progressive <a href="http://www.urban.org/sites/default/files/publication/81551/2000817-a-proposal-to-reform-the-taxation-of-corporate-income.pdf">capital gains and corporate tax structure</a>) and others play out over a few years (such as immediate term deficit spending repaid over time through a <a href="https://www.npr.org/2019/12/05/782135614/how-would-a-wealth-tax-work">single-digit wealth tax</a>).</p>
 <p>Another version of the paper billionaire argument holds that you couldn't sell all these stocks over any period of time, because only other billionaires would be able to buy them. This is simply nonsense. Market participation may not be 100%, but it's a hell of a lot more than 400 people. <a href="https://www.pewresearch.org/fact-tank/2020/03/25/more-than-half-of-u-s-households-have-some-investment-in-the-stock-market/">Half of all households in the US own stock</a>, either directly or through their 401k/IRA. On any given day, millions of individuals buy stock, mostly through their retirement accounts, a few hundred dollars at a time.</p>
 <p>But let's set all of this aside and suppose that the paper billionaire argument is actually true (it's not, but for the sake of argument). Let's suppose liquidating this wealth caused 80% of it to vanish into thin air. That would leave behind $700 billion—still enough to <a href="https://pubmed.ncbi.nlm.nih.gov/25551454/">eradicate malaria</a>, provide everyone on earth with <a href="https://www.who.int/water_sanitation_health/watandmacr3.pdf">water and waste disposal</a>, <a href="https://prospect.org/power/much-money-take-eliminate-poverty-america/">lift every American out of poverty</a>, and <a href="https://www.cnbc.com/2020/04/21/coronavirus-tests-rockefeller-plan-would-screen-millions-for-covid-19.html">test every single American for coronavirus</a>. I think this is one of the points that should come through most clearly in this website—the amounts we're dealing with are so mind-flayingly large that it scarcely matters if our calculations are off by 500%.</p>
 <p>I find it telling that no one EVER tries to quantify the paper billionaire argument. They never ask "how big is the total market?" or "what portion <em>could</em> we safely liquidate without some major negative consequence?" No. They simply look at the massive scale of global wealth, and the massive scale of global poverty, and then retreat into cynicism. The millions dead from preventable diseases? Unsolvable, they declare. Those who would address global poverty just "don't understand how stocks work." Perhaps it's easier to just declare the problem unsolvable than to confront the massive human cost of your ideology. But confront it we must. The money is there, we just need to take it.</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/0d004d900e6fd42c0390be1ca2e339a5/index.md
+++ b/cache/2022/0d004d900e6fd42c0390be1ca2e339a5/index.md
@@ -0,0 +1,19 @@
 title: The Paper Billionaire Argument
 url: https://github.com/MKorostoff/1-pixel-wealth/blob/master/THE_PAPER_BILLIONAIRE.md
 hash_url: 0d004d900e6fd42c0390be1ca2e339a5

 The most common argument against closing the wealth gap is what I've come to call "the paper billionaire" argument. The argument basically goes "these people aren't _really_ that wealthy, because there's no way to liquidate this much wealth." It's an interesting and provocative argument, worthy of serious discussion. But it is, ultimately, incorrect.

 Essentially all of this wealth is [held in stocks, bonds, and other comparable forms of corporate equity](https://www.cnbc.com/2018/02/07/where-the-super-rich-keep-their-money.html). The most common version of the paper billionaire argument I'm familiar with is that, if all these rich people tried to sell all of this stock at once, the market would be flooded and the price would drop significantly. That statement might be technically true in absolute, but that's not how you liquidate securities. You would liquidate over several years in a [carefully managed liquidation plan](https://corpgov.law.harvard.edu/2016/03/24/a-guide-to-rule-10b5-1-plans/) that avoids flooding the market, not in a giant lump sum.

 Billionaires [regularly liquidate in this manner](https://www.cnbc.com/2020/02/11/jeff-bezos-sold-4point1-billion-worth-of-amazon-shares-in-past-week.html) as a matter of routine, and it has never caused the market collapse consistently forecast by billionaire defenders. I have never once heard anyone advocate instant liquidation in an immediate one-time firesale, except when used as a straw man to prove the supposed impossibility of liquidation.

 Now you may be wondering, just how slowly would you have to do this liquidation in order to avoid flooding the market? And the answer is, surprisingly, not that slowly. The market cap of the [US stock market is around $35 trillion](https://siblisresearch.com/data/us-stock-market-value). Around [$122 trillion worth](https://www.nasdaqtrader.com/trader.aspx?id=FullVolumeSummary#) of stock changes hands in the US every year. If you wanted to liquidate a trillion dollars over, say, five years that would constitute about 0.16% of all the trading that happens in that time.

 There are a wide variety of serious policy proposals floating around aimed at reducing inequality, and none of them include a massive immediate seizing of all assets from wealthy people. Some play out over generations (such as a more progressive [inheritance and gift tax](https://americansfortaxfairness.org/tax-fairness-briefing-booklet/fact-sheet-the-estate-inheritance-tax/)) some play out over decades (such as a more progressive [capital gains and corporate tax structure](http://www.urban.org/sites/default/files/publication/81551/2000817-a-proposal-to-reform-the-taxation-of-corporate-income.pdf)) and others play out over a few years (such as immediate term deficit spending repaid over time through a [single-digit wealth tax](https://www.npr.org/2019/12/05/782135614/how-would-a-wealth-tax-work)).

 Another version of the paper billionaire argument holds that you couldn't sell all these stocks over any period of time, because only other billionaires would be able to buy them. This is simply nonsense. Market participation may not be 100%, but it's a hell of a lot more than 400 people. [Half of all households in the US own stock](https://www.pewresearch.org/fact-tank/2020/03/25/more-than-half-of-u-s-households-have-some-investment-in-the-stock-market/), either directly or through their 401k/IRA. On any given day, millions of individuals buy stock, mostly through their retirement accounts, a few hundred dollars at a time.

 But let's set all of this aside and suppose that the paper billionaire argument is actually true (it's not, but for the sake of argument). Let's suppose liquidating this wealth caused 80% of it to vanish into thin air. That would leave behind $700 billion—still enough to [eradicate malaria](https://pubmed.ncbi.nlm.nih.gov/25551454/), provide everyone on earth with [water and waste disposal](https://www.who.int/water_sanitation_health/watandmacr3.pdf), [lift every American out of poverty](https://prospect.org/power/much-money-take-eliminate-poverty-america/), and [test every single American for coronavirus](https://www.cnbc.com/2020/04/21/coronavirus-tests-rockefeller-plan-would-screen-millions-for-covid-19.html). I think this is one of the points that should come through most clearly in this website—the amounts we're dealing with are so mind-flayingly large that it scarcely matters if our calculations are off by 500%.

 I find it telling that no one EVER tries to quantify the paper billionaire argument. They never ask "how big is the total market?" or "what portion _could_ we safely liquidate without some major negative consequence?" No. They simply look at the massive scale of global wealth, and the massive scale of global poverty, and then retreat into cynicism. The millions dead from preventable diseases? Unsolvable, they declare. Those who would address global poverty just "don't understand how stocks work." Perhaps it's easier to just declare the problem unsolvable than to confront the massive human cost of your ideology. But confront it we must. The money is there, we just need to take it.
--- a/cache/2022/28c9baf3ff21fbc616ccf13776104ccd/index.html
+++ b/cache/2022/28c9baf3ff21fbc616ccf13776104ccd/index.html
@@ -0,0 +1,575 @@
 <!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>When Our Tools Hold Us Back (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://www.oddbird.net/2022/11/11/platform-tools/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>When Our Tools Hold Us Back</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://www.oddbird.net/2022/11/11/platform-tools/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>The
 <a href="https://almanac.httparchive.org/en/2022/">2022 Web Almanac</a>
 has been out for a while,
 and (as always)
 it’s an interesting<span class="widont"> </span>read.</p>
 <p>There are more than 20 chapters this year,
 and I haven’t read them all.
 But I did enjoy the chapters on
 <a href="https://almanac.httparchive.org/en/2022/css"><span class="caps">CSS</span></a>
 (by Rachel Andrew)
 and <a href="https://almanac.httparchive.org/en/2022/fonts">webfonts</a>
 (by Bram Stein).
 Both authors note a similar trend –
 <strong>many usage patterns
 that refuse to change from year to year
 can be explained by popular<span class="widont"> </span>tools</strong>.</p>
 <p>I’ve noticed that same effect elsewhere,
 and I want to dig into it a bit –
 the various ways our tooling
 can change (and limit)
 the web platform features we<span class="widont"> </span>use.</p>
 <p class="anchor-link-wrapper">
 <h2 id="the-worst-color-formats" tabindex="-1">The worst color<span class="widont"> </span>formats</h2>
 </p>
 <p>According to the Almanac data,
 the most common color formats on the web
 are <span class="caps">HEX</span> (<code>#C71585</code>),
 short-form <span class="caps">HEX</span> (<code>#c18</code>),
 and then old-school
 <code>rgba(199, 21, 133, 0.8)</code>.</p>
 <p>But why are we still using
 the oldest and least legible
 color formats,
 when better formats are well-supported?
 <span class="caps">HSL</span> is more human-readable than <span class="caps">HEX</span>,
 and the <code>rgb()</code> function
 now supports alpha transparency
 without switching to <code>rgba()</code>.</p>
 <p>Alternately, if we like <span class="caps">HEX</span> so much,
 why don’t we use the alpha-<span class="caps">HEX</span> syntax
 (<code>#C7158599</code>)
 that’s been supported for several years.
 Why aren’t these options gaining<span class="widont"> </span>popularity?</p>
 <p>It’s hard to say for sure,
 but I have a multi-part<span class="widont"> </span>guess.</p>
 <p class="anchor-link-wrapper">
 <h2 id="how-design-tokens-intervene" tabindex="-1">How design tokens<span class="widont"> </span>intervene</h2>
 </p>
 <p>First, colors are <em>design tokens</em>,
 and often get set as custom properties
 or build-tool variables
 at the start of a project.
 Once the tokens are established,
 we don’t spend much time looking at
 the actual color syntax underneath.
 I don’t ever interact directly
 with the <span class="caps">HEX</span> code <code>#E60073</code> –
 I can just reference
 <code>var(--brand-pink)</code>.
 So we focus our attention on the naming conventions
 rather than the underlying color syntax,
 which is hidden from<span class="widont"> </span>view.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>I think there’s also a tooling component here.
 Many graphic design tools are a step removed
 from the web platform.
 While some do try to export <span class="caps">HTML</span>/<span class="caps">CSS</span>,
 only a few consider that
 the core goal of the tool.
 Even then, there’s been a long-term disconnect
 between a web that’s responsive,
 and our almost completely static design<span class="widont"> </span>tools.</p>
 <p>A few tools have started to provide
 <em>flexbox-like</em> ‘responsive’ layouts,
 but I haven’t seen anything <em><span class="caps">CSS</span>-grid-like</em>.
 Most don’t even have
 basic support for relative or fluid units.
 Rachel notes in the Almanac
 that most lengths on the web
 are defined in <code>px</code>.
 Is that because authors intentionally avoid <code>em</code>/<code>rem</code>,
 or because the mockups that we receive from designers
 are all limited to <code>px</code> by our design<span class="widont"> </span>tools?</p>
 <p>I’ve <a href="https://twitter.com/TerribleMia/status/1446262147772682260">commented on this before</a>:</p>
 <blockquote>
 <p>The least responsive part
 of Responsive Web Design
 is the design tools.
 This needs to<span class="widont"> </span>change.</p>
 </blockquote>
 <p>When it comes to color spaces/gamuts,
 design tools vary in support.
 Looking at some of the big<span class="widont"> </span>players:</p>
 <ul>
 <li><strong>Adobe <span class="caps">XD</span></strong>
 supports <span class="caps">HEX</span>, <span class="caps">RGB</span>, and <span class="caps">HSB</span>.
 <strong>Illustrator</strong> adds <span class="caps">CMYK</span> and a grayscale option,
 while <strong>Photoshop</strong> also supports extended gamuts
 such as Display P3,
 and perceptually-uniform<span class="widont"> </span><span class="caps">LAB</span>.</li>
 <li><strong>Figma</strong>
 (now also owned by Adobe)
 provides <span class="caps">HEX</span>, <span class="caps">RGB</span>,
 ‘<span class="caps">CSS</span>’ (which is <code>rgba()</code>),
 <span class="caps">HSL</span>, and<span class="widont"> </span><span class="caps">HSB</span>.</li>
 <li><strong>Sketch</strong>
 shows <span class="caps">HSB</span>, <span class="caps">HEX</span>, and<span class="widont"> </span><span class="caps">RGB</span>(a).</li>
 </ul>
 <p>I don’t know of any popular design tools
 that provide <span class="caps">LCH</span>,
 or the newer okLAB/okLCH variants,
 let alone <em>relative</em> colors
 defined as a function of mixing or adjusting
 other underlying<span class="widont"> </span>colors.</p>
 <p>And when it comes to copying our colors
 out of a design tool,
 the options are generally 6-digit <span class="caps">HEX</span>,
 or copying individual channel values,
 one at a time.
 Either way,
 converting our colors
 into a more human-friendly syntax
 would often be an extra step,
 and may not be worth the<span class="widont"> </span>effort.</p>
 <p>Since all legacy colors on the web
 rely on a single color model (<span class="caps">RGB</span>)
 and gamut (sRGB),
 there has been little <em>meaningful</em> difference
 between formats (until now).
 Once we used a graphic interface
 to pick the color we want,
 it maybe didn’t matter
 what format we copy-pasted into
 a variable<span class="widont"> </span>somewhere.</p>
 <p>But what’s the designer path
 towards using new, extended color spaces in <span class="caps">CSS</span>?
 Can they ever gain traction on the web
 without first finding support in our design tools?
 I’m not<span class="widont"> </span>sure.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>Code tools also play a role in<span class="widont"> </span>this.</p>
 <p>Sass, for example,
 relies on the same
 <em>interchangeability</em> of legacy web formats.
 No matter what syntax an author chooses,
 Sass will store the value as <span class="caps">RGB</span>,
 and then allow manipulation
 in any other <span class="caps">CSS</span> format.
 But at the end of the day,
 <em><span class="caps">CSS</span> output is always generated
 in whatever format has the widest browser<span class="widont"> </span>support</em>.</p>
 <p>It doesn’t matter to Sass
 what syntax authors use
 for their <em>input value</em>,
 the <em>output value</em> is always
 either <span class="caps">HEX</span> or a color name when opaque,
 with <code>rgba()</code> for handling transparency.
 Very few people need that level
 of legacy browser support,
 but it’s not hurting anything<span class="widont"> </span>either.</p>
 <p>Not yet, at least.
 This will all change going forward,
 as we add
 <a href="https://sass-lang.com/blog/request-for-comments-color-spaces">Sass support for more color spaces and<span class="widont"> </span>gamuts</a>.</p>
 <p>In this case,
 the Almanac may give us misleading info
 about what syntax authors <em>prefer</em>.
 For all we know,
 authors might be <em>working primarily in <span class="caps">HSL</span></em>,
 and we wouldn’t see that
 in the production code at all.
 In fact,
 one of the most popular complaints
 on the Sass issue tracker is
 a request for <span class="caps">HSL</span><span class="widont"> </span>output.</p>
 <p>But this is a distinction
 with very little at stake.
 So long as authors can use their favorite format –
 and the output really does
 provide the same <em>meaning</em> as the input –
 it’s not a barrier for authors
 using the latest color formats.
 We’re just making that harder to<span class="widont"> </span>see.</p>
 <p class="anchor-link-wrapper">
 <h2 id="extending-vs-replacing-a-language" tabindex="-1">Extending vs replacing a<span class="widont"> </span>language</h2>
 </p>
 <p>In Sass,
 we have a strict policy
 that <em>valid <span class="caps">CSS</span> is always valid Sass</em>.
 If authors use syntax that we don’t recognize,
 we pass that along to <span class="caps">CSS</span>.
 We can check for obvious parsing errors,
 but only the browser can determine
 if it’s a supported feature.
 While we provide <em>extra</em> Sass support
 for colors that we understand,
 authors can use new <span class="caps">CSS</span> color formats in Sass
 without us releasing any new features.
 Sass may not understand those colors for a time,
 but it will leave them untouched in the <span class="caps">CSS</span><span class="widont"> </span>output.</p>
 <p>Similarly,
 Sass hasn’t added support
 for either <code>@layer</code> or <code>@container</code> –
 and there may not be any reason to.
 I’m already using both in my Sass,
 without any<span class="widont"> </span>issue.</p>
 <p>There have been unfortunate exceptions on occasion
 (see <code>min()</code> and <code>max()</code> for example),
 but we’ve worked very hard to remove those limitations
 when they crop up.
 The tool should never stand between
 authors and the underlying<span class="widont"> </span>language.</p>
 <p>Last month,
 I spoke about <code>@layer</code> for
 <a href="https://aneventapart.com/event/denver-2022">An Event Apart Denver</a>.
 During the Q&amp;A session after my talk,
 someone asked,
 “How can I use this with <span class="caps">CSS</span>-in-<span class="caps">JS</span> tools?”
 And the truth is…
 <em>I don’t know</em>.
 It depends entirely on the<span class="widont"> </span>tool.</p>
 <p>Single-file components in tools like Svelte <span class="amp">&amp;</span> Vue
 are <em>technically</em> <span class="caps">CSS</span>-in-<span class="caps">JS</span>,
 but allow writing arbitrary/plain <span class="caps">CSS</span>.
 I would expect (hope?) that
 <code>@layer</code> should <em>just work</em> in that context
 (similar to using<span class="widont"> </span>Sass).</p>
 <p>But many <span class="caps">CSS</span>-in-<span class="caps">JS</span> tools
 and utility frameworks
 are more invasive –
 replacing some or most <span class="caps">CSS</span> with a proprietary syntax.
 They don’t provide <em>additions</em> to the language,
 but a whole new language
 that stands directly between us
 and the basic <span class="caps">CSS</span> functionality we need.
 There’s no option to write <span class="caps">CSS</span> directly,
 we have to rely on the tool to do it for us.
 <em>If the tool can’t do something,
 neither can the authors using it.
 All we can do is<span class="widont"> </span>wait</em>.</p>
 <p>I even ran into this issue
 by simply hosting my personal site
 on Netlify,
 which provides minification
 for deployed assets like <span class="caps">CSS</span>.
 That seems like a great feature!
 But the specific <span class="caps">CSS</span> minifier that they use
 is somewhat overeager,
 and began stripping out all my new
 <a href="https://css-tricks.com/css-cascade-layers/"><code>@layer</code></a> rules.
 I had to turn off the minification step
 in order to publish my entirely-valid<span class="widont"> </span><span class="caps">CSS</span>.</p>
 <p>That shouldn’t be the case.
 Minifiers shouldn’t need to understand
 all the new features that land in <span class="caps">CSS</span>.
 This is similar to the issue with
 <a href="/2022/08/04/zero-units/">removing units from zero</a>,
 or Harry Roberts’ recent warnings around
 <a href="https://csswizardry.com/2022/09/critical-css-not-so-fast/">Critical <span class="caps">CSS</span></a>.
 In a language like <span class="caps">CSS</span> –
 where order is meaningful,
 and duplicate properties are a useful feature –
 it’s risky for automated build tools
 to try and be <em>clever</em> about minification.
 I don’t know that a <span class="caps">CSS</span> minifier
 should do much more than white-space<span class="widont"> </span>management.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>In regard to web fonts,
 Bram points out
 that authors are not taking full advantage
 of variable fonts –
 we’re mostly changing the font weights,
 and selecting from standard<span class="widont"> </span>values.</p>
 <p>As someone who has spent hours
 searching through lists of variable fonts,
 that doesn’t surprise me much.
 Most variable fonts are either experimental display fonts
 without a lot of practical use,
 or they only provide a single weight axis.
 While I love having all my weights in a single file
 and smoothly transitioning from one weight to another,
 <em>specialty weights</em> are not a high priority for me.
 I’ll start using more powerful font variables
 once there are more fonts available
 with more interesting variables to<span class="widont"> </span>manipulate.</p>
 <p>Most of us are also using
 the over-complicated <code>font-feature-settings</code> property,
 instead of the simpler <code>font-variant</code>.
 I’ve been doing that on my site as<span class="widont"> </span>well!</p>
 <p>Why did I think that was the best approach?
 Likely because that’s the generated output
 recommended by
 <a href="https://wakamaifondue.com/">Wakamai Fondue</a> –
 a popular tool for inspecting font capabilities.
 It’s a great tool,
 filling a much-needed gap,
 but I wonder how the usage stats would change
 if they updated their output<span class="widont"> </span><span class="caps">CSS</span>?</p>
 <p>Maybe even more common,
 much of the web is built using <span class="caps">CSS</span> libraries
 like Bootstrap,
 or third-party themes
 provided by a site-builder or <span class="caps">CMS</span>.
 The influence of both
 WordPress and Bootstrap is clear
 throughout the Almanac data.
 When Rachel notes the popularity of
 flexbox (very popular) vs grid (not so much),
 I wonder how much of that
 can be traced back to
 Bootstrap ‘grids’
 <a href="https://getbootstrap.com/docs/5.2/layout/grid/">being built in<span class="widont"> </span>flexbox</a>.</p>
 <p>I don’t think that’s the only factor.
 It’s possible authors have settled on flexbox as <em>good-enough</em>,
 and they don’t think it’s worth their time
 learning another technique.
 I can understand that,
 but it’s unfortunate.
 I think people are missing out
 on one of the coolest features
 added to <span class="caps">CSS</span> <em>ever</em>.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>When we talk about web trends,
 I often hear people refer back to
 the idea of ‘pace layers’ on the<span class="widont"> </span>web:</p>
 <p><figure class="embed">
 <figcaption class="caption">Described by <a href="https://adactio.com/">Jeremy Keith</a>
 in his <a href="https://speaking.adactio.com/87IIn1">Building talk</a>
 a few years<span class="widont"> </span>back.</figcaption></figure></p>

 <p>In context,
 Jeremy is not just referring to
 the web languages themselves –
 <span class="caps">JS</span> isn’t necessarily changing faster than <span class="caps">CSS</span> –
 but also the <em>ecosystems</em> of these languages.
 The closer we get to the core functionality of the web,
 the slower each language/ecosystem is likely to change.
 Even within a given language,
 we expect our tools and conventions (<em>fashion</em>)
 to move faster than the languages<span class="widont"> </span>themselves.</p>
 <p>But that can only happen
 if the tools are designed to
 sit on top of their underlying languages.
 Once the tools stand <em>between</em> us and the language,
 we become entirely reliant on tool-builders
 to determine what features are<span class="widont"> </span>available.</p>
 <p>When our primary tools
 intervene so strongly
 between us and our ‘materials’ –
 the core web languages –
 we can accidentally flip the pace layers of the web
 on their head.
 Suddenly <span class="caps">CSS</span> is able to move faster than the ecosystem,
 and we’re stuck waiting on our tools to catch up
 with well-supported platform<span class="widont"> </span>features.</p>
 <p>That’s not how a healthy ecosystem should<span class="widont"> </span>behave.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>I am asked quite often
 what I think about <span class="caps">CSS</span>-in-<span class="caps">JS</span>
 or utility-first frameworks,
 or even <span class="caps">CSS</span> libraries <span class="amp">&amp;</span> conventions
 more generally.
 And I try to stay out of any spicy flame wars,
 or gate-keeping<span class="widont"> </span>nonsense.</p>
 <p>For myself?
 I don’t find many of these tools useful.
 They don’t solve a problem that I have.
 But different projects and different teams
 have different needs,
 and might find different tools useful.
 There’s no single ‘correct’ approach
 for writing all <span class="caps">CSS</span><span class="widont"> </span>everywhere.</p>
 <p>As long as it results in an
 accessible, resilient,
 and performant experience for users:
 <em>use whatever tools work best for<span class="widont"> </span>you</em>.</p>
 <p>(Anyone marketing their product
 as <em>The Only Solution™️</em> to some
 <em>Essential Problem with <span class="caps">CSS</span>™️</em>
 is selling you a religion,
 not a<span class="widont"> </span>tool.)</p>
 <p>It’s not my job to judge
 what tools are useful for other web developers.
 But it is my job to
 help people think about the <span class="caps">CSS</span> choices they make.
 So in that spirit, please<span class="widont"> </span>consider:</p>
 <p>⚠️🚨⚠️
 When tools intervene
 between you and your access to the web platform,
 <strong>proceed with caution</strong>.
 Ask not only: <em>How well does it work?</em>
 But also: <em>How well does it fail?</em>
 Not only: <em>What features do they provide?</em>
 But also: <em>What features do they prevent?</em><span class="widont"> </span>⚠️🚨⚠️</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/28c9baf3ff21fbc616ccf13776104ccd/index.md
+++ b/cache/2022/28c9baf3ff21fbc616ccf13776104ccd/index.md
@@ -0,0 +1,408 @@
 title: When Our Tools Hold Us Back
 url: https://www.oddbird.net/2022/11/11/platform-tools/
 hash_url: 28c9baf3ff21fbc616ccf13776104ccd

 <p>The
 <a href="https://almanac.httparchive.org/en/2022/">2022 Web Almanac</a>
 has been out for a while,
 and (as always)
 it’s an interesting<span class="widont"> </span>read.</p>
 <p>There are more than 20 chapters this year,
 and I haven’t read them all.
 But I did enjoy the chapters on
 <a href="https://almanac.httparchive.org/en/2022/css"><span class="caps">CSS</span></a>
 (by Rachel Andrew)
 and <a href="https://almanac.httparchive.org/en/2022/fonts">webfonts</a>
 (by Bram Stein).
 Both authors note a similar trend –
 <strong>many usage patterns
 that refuse to change from year to year
 can be explained by popular<span class="widont"> </span>tools</strong>.</p>
 <p>I’ve noticed that same effect elsewhere,
 and I want to dig into it a bit –
 the various ways our tooling
 can change (and limit)
 the web platform features we<span class="widont"> </span>use.</p>
 <p class="anchor-link-wrapper">
 <h2 id="the-worst-color-formats" tabindex="-1">The worst color<span class="widont"> </span>formats</h2>
 </p>
 <p>According to the Almanac data,
 the most common color formats on the web
 are <span class="caps">HEX</span> (<code>#C71585</code>),
 short-form <span class="caps">HEX</span> (<code>#c18</code>),
 and then old-school
 <code>rgba(199, 21, 133, 0.8)</code>.</p>
 <p>But why are we still using
 the oldest and least legible
 color formats,
 when better formats are well-supported?
 <span class="caps">HSL</span> is more human-readable than <span class="caps">HEX</span>,
 and the <code>rgb()</code> function
 now supports alpha transparency
 without switching to <code>rgba()</code>.</p>
 <p>Alternately, if we like <span class="caps">HEX</span> so much,
 why don’t we use the alpha-<span class="caps">HEX</span> syntax
 (<code>#C7158599</code>)
 that’s been supported for several years.
 Why aren’t these options gaining<span class="widont"> </span>popularity?</p>
 <p>It’s hard to say for sure,
 but I have a multi-part<span class="widont"> </span>guess.</p>
 <p class="anchor-link-wrapper">
 <h2 id="how-design-tokens-intervene" tabindex="-1">How design tokens<span class="widont"> </span>intervene</h2>
 </p>
 <p>First, colors are <em>design tokens</em>,
 and often get set as custom properties
 or build-tool variables
 at the start of a project.
 Once the tokens are established,
 we don’t spend much time looking at
 the actual color syntax underneath.
 I don’t ever interact directly
 with the <span class="caps">HEX</span> code <code>#E60073</code> –
 I can just reference
 <code>var(--brand-pink)</code>.
 So we focus our attention on the naming conventions
 rather than the underlying color syntax,
 which is hidden from<span class="widont"> </span>view.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>I think there’s also a tooling component here.
 Many graphic design tools are a step removed
 from the web platform.
 While some do try to export <span class="caps">HTML</span>/<span class="caps">CSS</span>,
 only a few consider that
 the core goal of the tool.
 Even then, there’s been a long-term disconnect
 between a web that’s responsive,
 and our almost completely static design<span class="widont"> </span>tools.</p>
 <p>A few tools have started to provide
 <em>flexbox-like</em> ‘responsive’ layouts,
 but I haven’t seen anything <em><span class="caps">CSS</span>-grid-like</em>.
 Most don’t even have
 basic support for relative or fluid units.
 Rachel notes in the Almanac
 that most lengths on the web
 are defined in <code>px</code>.
 Is that because authors intentionally avoid <code>em</code>/<code>rem</code>,
 or because the mockups that we receive from designers
 are all limited to <code>px</code> by our design<span class="widont"> </span>tools?</p>
 <p>I’ve <a href="https://twitter.com/TerribleMia/status/1446262147772682260">commented on this before</a>:</p>
 <blockquote>
 <p>The least responsive part
 of Responsive Web Design
 is the design tools.
 This needs to<span class="widont"> </span>change.</p>
 </blockquote>
 <p>When it comes to color spaces/gamuts,
 design tools vary in support.
 Looking at some of the big<span class="widont"> </span>players:</p>
 <ul>
 <li><strong>Adobe <span class="caps">XD</span></strong>
 supports <span class="caps">HEX</span>, <span class="caps">RGB</span>, and <span class="caps">HSB</span>.
 <strong>Illustrator</strong> adds <span class="caps">CMYK</span> and a grayscale option,
 while <strong>Photoshop</strong> also supports extended gamuts
 such as Display P3,
 and perceptually-uniform<span class="widont"> </span><span class="caps">LAB</span>.</li>
 <li><strong>Figma</strong>
 (now also owned by Adobe)
 provides <span class="caps">HEX</span>, <span class="caps">RGB</span>,
 ‘<span class="caps">CSS</span>’ (which is <code>rgba()</code>),
 <span class="caps">HSL</span>, and<span class="widont"> </span><span class="caps">HSB</span>.</li>
 <li><strong>Sketch</strong>
 shows <span class="caps">HSB</span>, <span class="caps">HEX</span>, and<span class="widont"> </span><span class="caps">RGB</span>(a).</li>
 </ul>
 <p>I don’t know of any popular design tools
 that provide <span class="caps">LCH</span>,
 or the newer okLAB/okLCH variants,
 let alone <em>relative</em> colors
 defined as a function of mixing or adjusting
 other underlying<span class="widont"> </span>colors.</p>
 <p>And when it comes to copying our colors
 out of a design tool,
 the options are generally 6-digit <span class="caps">HEX</span>,
 or copying individual channel values,
 one at a time.
 Either way,
 converting our colors
 into a more human-friendly syntax
 would often be an extra step,
 and may not be worth the<span class="widont"> </span>effort.</p>
 <p>Since all legacy colors on the web
 rely on a single color model (<span class="caps">RGB</span>)
 and gamut (sRGB),
 there has been little <em>meaningful</em> difference
 between formats (until now).
 Once we used a graphic interface
 to pick the color we want,
 it maybe didn’t matter
 what format we copy-pasted into
 a variable<span class="widont"> </span>somewhere.</p>
 <p>But what’s the designer path
 towards using new, extended color spaces in <span class="caps">CSS</span>?
 Can they ever gain traction on the web
 without first finding support in our design tools?
 I’m not<span class="widont"> </span>sure.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>Code tools also play a role in<span class="widont"> </span>this.</p>
 <p>Sass, for example,
 relies on the same
 <em>interchangeability</em> of legacy web formats.
 No matter what syntax an author chooses,
 Sass will store the value as <span class="caps">RGB</span>,
 and then allow manipulation
 in any other <span class="caps">CSS</span> format.
 But at the end of the day,
 <em><span class="caps">CSS</span> output is always generated
 in whatever format has the widest browser<span class="widont"> </span>support</em>.</p>
 <p>It doesn’t matter to Sass
 what syntax authors use
 for their <em>input value</em>,
 the <em>output value</em> is always
 either <span class="caps">HEX</span> or a color name when opaque,
 with <code>rgba()</code> for handling transparency.
 Very few people need that level
 of legacy browser support,
 but it’s not hurting anything<span class="widont"> </span>either.</p>
 <p>Not yet, at least.
 This will all change going forward,
 as we add
 <a href="https://sass-lang.com/blog/request-for-comments-color-spaces">Sass support for more color spaces and<span class="widont"> </span>gamuts</a>.</p>
 <p>In this case,
 the Almanac may give us misleading info
 about what syntax authors <em>prefer</em>.
 For all we know,
 authors might be <em>working primarily in <span class="caps">HSL</span></em>,
 and we wouldn’t see that
 in the production code at all.
 In fact,
 one of the most popular complaints
 on the Sass issue tracker is
 a request for <span class="caps">HSL</span><span class="widont"> </span>output.</p>
 <p>But this is a distinction
 with very little at stake.
 So long as authors can use their favorite format –
 and the output really does
 provide the same <em>meaning</em> as the input –
 it’s not a barrier for authors
 using the latest color formats.
 We’re just making that harder to<span class="widont"> </span>see.</p>
 <p class="anchor-link-wrapper">
 <h2 id="extending-vs-replacing-a-language" tabindex="-1">Extending vs replacing a<span class="widont"> </span>language</h2>
 </p>
 <p>In Sass,
 we have a strict policy
 that <em>valid <span class="caps">CSS</span> is always valid Sass</em>.
 If authors use syntax that we don’t recognize,
 we pass that along to <span class="caps">CSS</span>.
 We can check for obvious parsing errors,
 but only the browser can determine
 if it’s a supported feature.
 While we provide <em>extra</em> Sass support
 for colors that we understand,
 authors can use new <span class="caps">CSS</span> color formats in Sass
 without us releasing any new features.
 Sass may not understand those colors for a time,
 but it will leave them untouched in the <span class="caps">CSS</span><span class="widont"> </span>output.</p>
 <p>Similarly,
 Sass hasn’t added support
 for either <code>@layer</code> or <code>@container</code> –
 and there may not be any reason to.
 I’m already using both in my Sass,
 without any<span class="widont"> </span>issue.</p>
 <p>There have been unfortunate exceptions on occasion
 (see <code>min()</code> and <code>max()</code> for example),
 but we’ve worked very hard to remove those limitations
 when they crop up.
 The tool should never stand between
 authors and the underlying<span class="widont"> </span>language.</p>
 <p>Last month,
 I spoke about <code>@layer</code> for
 <a href="https://aneventapart.com/event/denver-2022">An Event Apart Denver</a>.
 During the Q&amp;A session after my talk,
 someone asked,
 “How can I use this with <span class="caps">CSS</span>-in-<span class="caps">JS</span> tools?”
 And the truth is…
 <em>I don’t know</em>.
 It depends entirely on the<span class="widont"> </span>tool.</p>
 <p>Single-file components in tools like Svelte <span class="amp">&amp;</span> Vue
 are <em>technically</em> <span class="caps">CSS</span>-in-<span class="caps">JS</span>,
 but allow writing arbitrary/plain <span class="caps">CSS</span>.
 I would expect (hope?) that
 <code>@layer</code> should <em>just work</em> in that context
 (similar to using<span class="widont"> </span>Sass).</p>
 <p>But many <span class="caps">CSS</span>-in-<span class="caps">JS</span> tools
 and utility frameworks
 are more invasive –
 replacing some or most <span class="caps">CSS</span> with a proprietary syntax.
 They don’t provide <em>additions</em> to the language,
 but a whole new language
 that stands directly between us
 and the basic <span class="caps">CSS</span> functionality we need.
 There’s no option to write <span class="caps">CSS</span> directly,
 we have to rely on the tool to do it for us.
 <em>If the tool can’t do something,
 neither can the authors using it.
 All we can do is<span class="widont"> </span>wait</em>.</p>
 <p>I even ran into this issue
 by simply hosting my personal site
 on Netlify,
 which provides minification
 for deployed assets like <span class="caps">CSS</span>.
 That seems like a great feature!
 But the specific <span class="caps">CSS</span> minifier that they use
 is somewhat overeager,
 and began stripping out all my new
 <a href="https://css-tricks.com/css-cascade-layers/"><code>@layer</code></a> rules.
 I had to turn off the minification step
 in order to publish my entirely-valid<span class="widont"> </span><span class="caps">CSS</span>.</p>
 <p>That shouldn’t be the case.
 Minifiers shouldn’t need to understand
 all the new features that land in <span class="caps">CSS</span>.
 This is similar to the issue with
 <a href="/2022/08/04/zero-units/">removing units from zero</a>,
 or Harry Roberts’ recent warnings around
 <a href="https://csswizardry.com/2022/09/critical-css-not-so-fast/">Critical <span class="caps">CSS</span></a>.
 In a language like <span class="caps">CSS</span> –
 where order is meaningful,
 and duplicate properties are a useful feature –
 it’s risky for automated build tools
 to try and be <em>clever</em> about minification.
 I don’t know that a <span class="caps">CSS</span> minifier
 should do much more than white-space<span class="widont"> </span>management.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>In regard to web fonts,
 Bram points out
 that authors are not taking full advantage
 of variable fonts –
 we’re mostly changing the font weights,
 and selecting from standard<span class="widont"> </span>values.</p>
 <p>As someone who has spent hours
 searching through lists of variable fonts,
 that doesn’t surprise me much.
 Most variable fonts are either experimental display fonts
 without a lot of practical use,
 or they only provide a single weight axis.
 While I love having all my weights in a single file
 and smoothly transitioning from one weight to another,
 <em>specialty weights</em> are not a high priority for me.
 I’ll start using more powerful font variables
 once there are more fonts available
 with more interesting variables to<span class="widont"> </span>manipulate.</p>
 <p>Most of us are also using
 the over-complicated <code>font-feature-settings</code> property,
 instead of the simpler <code>font-variant</code>.
 I’ve been doing that on my site as<span class="widont"> </span>well!</p>
 <p>Why did I think that was the best approach?
 Likely because that’s the generated output
 recommended by
 <a href="https://wakamaifondue.com/">Wakamai Fondue</a> –
 a popular tool for inspecting font capabilities.
 It’s a great tool,
 filling a much-needed gap,
 but I wonder how the usage stats would change
 if they updated their output<span class="widont"> </span><span class="caps">CSS</span>?</p>
 <p>Maybe even more common,
 much of the web is built using <span class="caps">CSS</span> libraries
 like Bootstrap,
 or third-party themes
 provided by a site-builder or <span class="caps">CMS</span>.
 The influence of both
 WordPress and Bootstrap is clear
 throughout the Almanac data.
 When Rachel notes the popularity of
 flexbox (very popular) vs grid (not so much),
 I wonder how much of that
 can be traced back to
 Bootstrap ‘grids’
 <a href="https://getbootstrap.com/docs/5.2/layout/grid/">being built in<span class="widont"> </span>flexbox</a>.</p>
 <p>I don’t think that’s the only factor.
 It’s possible authors have settled on flexbox as <em>good-enough</em>,
 and they don’t think it’s worth their time
 learning another technique.
 I can understand that,
 but it’s unfortunate.
 I think people are missing out
 on one of the coolest features
 added to <span class="caps">CSS</span> <em>ever</em>.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>When we talk about web trends,
 I often hear people refer back to
 the idea of ‘pace layers’ on the<span class="widont"> </span>web:</p>
 <p><figure class="embed">
 <figcaption class="caption">Described by <a href="https://adactio.com/">Jeremy Keith</a>
 in his <a href="https://speaking.adactio.com/87IIn1">Building talk</a>
 a few years<span class="widont"> </span>back.</figcaption></figure></p>

 <p>In context,
 Jeremy is not just referring to
 the web languages themselves –
 <span class="caps">JS</span> isn’t necessarily changing faster than <span class="caps">CSS</span> –
 but also the <em>ecosystems</em> of these languages.
 The closer we get to the core functionality of the web,
 the slower each language/ecosystem is likely to change.
 Even within a given language,
 we expect our tools and conventions (<em>fashion</em>)
 to move faster than the languages<span class="widont"> </span>themselves.</p>
 <p>But that can only happen
 if the tools are designed to
 sit on top of their underlying languages.
 Once the tools stand <em>between</em> us and the language,
 we become entirely reliant on tool-builders
 to determine what features are<span class="widont"> </span>available.</p>
 <p>When our primary tools
 intervene so strongly
 between us and our ‘materials’ –
 the core web languages –
 we can accidentally flip the pace layers of the web
 on their head.
 Suddenly <span class="caps">CSS</span> is able to move faster than the ecosystem,
 and we’re stuck waiting on our tools to catch up
 with well-supported platform<span class="widont"> </span>features.</p>
 <p>That’s not how a healthy ecosystem should<span class="widont"> </span>behave.</p>
 <p class="anchor-link-wrapper">

 </p>
 <p>I am asked quite often
 what I think about <span class="caps">CSS</span>-in-<span class="caps">JS</span>
 or utility-first frameworks,
 or even <span class="caps">CSS</span> libraries <span class="amp">&amp;</span> conventions
 more generally.
 And I try to stay out of any spicy flame wars,
 or gate-keeping<span class="widont"> </span>nonsense.</p>
 <p>For myself?
 I don’t find many of these tools useful.
 They don’t solve a problem that I have.
 But different projects and different teams
 have different needs,
 and might find different tools useful.
 There’s no single ‘correct’ approach
 for writing all <span class="caps">CSS</span><span class="widont"> </span>everywhere.</p>
 <p>As long as it results in an
 accessible, resilient,
 and performant experience for users:
 <em>use whatever tools work best for<span class="widont"> </span>you</em>.</p>
 <p>(Anyone marketing their product
 as <em>The Only Solution™️</em> to some
 <em>Essential Problem with <span class="caps">CSS</span>™️</em>
 is selling you a religion,
 not a<span class="widont"> </span>tool.)</p>
 <p>It’s not my job to judge
 what tools are useful for other web developers.
 But it is my job to
 help people think about the <span class="caps">CSS</span> choices they make.
 So in that spirit, please<span class="widont"> </span>consider:</p>
 <p>⚠️🚨⚠️
 When tools intervene
 between you and your access to the web platform,
 <strong>proceed with caution</strong>.
 Ask not only: <em>How well does it work?</em>
 But also: <em>How well does it fail?</em>
 Not only: <em>What features do they provide?</em>
 But also: <em>What features do they prevent?</em><span class="widont"> </span>⚠️🚨⚠️</p>
--- a/cache/2022/2e20d075443fd560d80e788be22b40bc/index.html
+++ b/cache/2022/2e20d075443fd560d80e788be22b40bc/index.html
--- a/cache/2022/2e20d075443fd560d80e788be22b40bc/index.md
+++ b/cache/2022/2e20d075443fd560d80e788be22b40bc/index.md
--- a/cache/2022/33c9132d6cb60f0f40f9b926b596a3c7/index.html
+++ b/cache/2022/33c9132d6cb60f0f40f9b926b596a3c7/index.html
@@ -0,0 +1,232 @@
 <!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>Let Go of the Learning Baggage (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://fs.blog/learning-baggage/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Let Go of the Learning Baggage</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://fs.blog/learning-baggage/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>We all want to learn better. That means retaining information, processing it, being able to use it when needed. More knowledge means better instincts; better insights into opportunities for both you and your organization. You will ultimately produce better work if you give yourself the space to learn. Yet often organizations get in the way of learning.</p>

 <p><strong>How do we learn how to learn?</strong> Usually in school, combined with instructions from our parents, we cobble together an understanding that allows us to move forward through the school years until we matriculate into a job. Then because most initial learning comes from doing, less from books, we switch to an on-the-fly approach.</p>

 <p>Which is usually an absolute failure. Why? In part, we layer our social values on top and end up with a hot mess of guilt and fear that stymies the learning process.</p>

 <p>Learning is necessary for our success and personal growth. But we can’t maximize the time we spend learning because our feelings about what we ‘should’ be doing get in the way.</p>

 <p>We are trained by our modern world to organize our day into mutually exclusive chunks called ‘work’, ‘play’, and ‘sleep’. One is done at the office, the other two are not. We are not allowed to move fluidly between these chunks, or combine them in our 24 hour day. Lyndon Johnson got to nap at the office in the afternoon, likely because he was President and didn’t have to worry about what his boss was going to think. Most of us don’t have this option. And now in the open office debacle we can’t even have a quiet 10 minutes of rest in our cubicles.</p>

 <p>We have become trained to equate working with doing. Thus the ‘doing’ has value. We deserve to get paid for this. And, it seems, only this.</p>

 <p><strong>What does this have to do with learning?</strong></p>

 <p>It’s this same attitude that we apply to the learning process when we are older, with similarly unsatisfying results.</p>

 <p>If we are learning for work, then in our brains learning = work. So we have to do it during the day. At the office. And if we are not learning, then we are not working. We think that walking is not learning. It’s ‘taking a break’. We instinctively believe that reading is learning. Having discussions about what you’ve read, however, is often not considered work, again it’s ‘taking a break’.</p>

 <p>To many, working means sitting at your desk for eight hours a day. Being physically present, mental engagement is optional. It means pushing out emails and rushing to meetings and generally getting nothing done. We’ve looked at the focus aspect of this before. But what about the learning aspect?</p>

 <p><strong>Can we change how we approach learning, letting go of the guilt associated with not being visibly active, and embrace what seems counter-intuitive?</strong></p>

 <p>Thinking and talking are useful elements of learning. And what we learn in our ‘play’ time can be valuable to our ‘work’ time, and there’s nothing wrong with moving between the two (or combining them) during our day.</p>

 <p>When mastering a subject, our brains actually use different types of processing. <a href="https://fs.blog/knowledge-project-podcast/barbara-oakley/">Barbara Oakley</a> explains in <em><a href="https://amzn.to/3e7PgzV">A Mind for Numbers: How to Excel at Math and Science (even if you flunked algebra)</a></em> that <strong>our brain has two general modes of thinking – ‘focused’ and ‘diffuse’ – and both of these are valuable and required in the learning process</strong>.</p>

 <p>The focused mode is what we traditionally associate with learning. Read, dive deep, absorb. Eliminate distractions and get into the material. Oakley says “the focused mode involves a direct approach to solving problems using rational, sequential, analytical approaches. … Turn your attention to something and bam – the focused mode is on, like the tight, penetrating beam of a flashlight.”</p>

 <p>But the focused mode is not the only one required for learning because we need time to process what we pick up, to get this new information integrated into our existing knowledge. We need time to make new connections. This is where the diffuse mode comes in.</p>

 <blockquote class="wp-block-quote"><p>Diffuse-mode thinking is what happens when you relax your attention and just let your mind wander. This relaxation can allow different areas of the brain to hook up and return valuable insights. … Diffuse-mode insights often flow from preliminary thinking that’s been done in the focused mode.</p></blockquote>

 <p>Relying solely on the focused mode to learn is a path to burnout. We need the diffuse mode to cement our ideas, put knowledge into memory and free up space for the next round of focused thinking. We need the diffuse mode to <a href="https://fs.blog/krista-tippett-becoming-wise/">build wisdom</a>. <strong>So why does diffuse mode thinking at work generally involve feelings of guilt?</strong></p>

 <p>Oakley’s recommendations for ‘diffuse-mode activators’ are: go to the gym, walk, play a sport, go for a drive, draw, take a bath, listen to music (especially without words), meditate, sleep. Um, aren’t these all things to do in my ‘play’ time? And sleep? It’s a whole time chunk on its own.</p>

 <p>Most organizations do not promote a culture that allow these activities to be integrated into the work day. Go to the gym on your lunch. Sleep at home. Meditate on a break. Essentially do these things while we are not paying you.</p>

 <p><strong>We ingest this way of thinking, associating the value of getting paid with the value of executing our task list</strong>. If something doesn’t directly contribute, it’s not valuable. If it’s not valuable, I need to do it in my non-work time or not at all. This is learned behavior from our organizational culture, and it essentially communicates that our leaders would rather see us do less than trust in the potential payoff of pursuits that aren’t as visible or ones that don’t pay off as quickly. The ability to see something is often a large component of trust. So if we are doing any of these ‘play’ activities at work, which are invisible in terms of their contribution to the learning process, we feel guilty because we don’t believe we are doing what we get paid to do.</p>

 <p>If you aren’t the CEO or the VP of HR, you can’t magic a policy that says ‘all employees shall do something meaningful away from their desks each day and won’t be judged for it’, so what can you do to learn better at work? Find a way to let go of the guilt baggage when you invest in proven, effective learning techniques that are out of sync with your corporate culture.</p>

 <p><strong>How do you let go of the guilt?</strong> How do you not feel it every time you stand up to go for a walk, close your email and put on some headphones, or have a coffee with a colleague to discuss an idea you have? Because sometimes knowing you are doing the right thing doesn’t translate into feeling it, and that’s where guilt comes in.</p>

 <p>Guilt is insidious. Not only do we usually feel guilt, but then we feel guilty about feeling guilty. Like, I go to visit my grandmother in her old age home mostly because I feel guilty about not going, and then I feel guilty because I’m primarily motivated by guilt! Like if I were a better person I would be doing it out of love, but I’m not, so that makes me terrible.</p>

 <p>Breaking this cycle is hard. Like anything new, it’s going to feel unnatural for a while but it can be done.</p>

 <p>How? Be kind to yourself.</p>

 <p>This may sound a bit touchy-feely, but it is really a just a cognitive-behavioral approach with a bit of mindfulness thrown in. Dennis Tirch has done a lot of research into the positive benefits of compassion for yourself on worry, panic and fear. And what is guilt but worry that you aren’t doing the right thing, fear that you’re not a good person, and panic about what to do about it?</p>

 <p>In his book, <em><a href="https://amzn.to/3CBN3Wz">The Compassionate-Mind Guide to Overcoming Anxiety</a></em>, Tirch writes:</p>

 <blockquote class="wp-block-quote"><p><em>the compassion focused model is based on research showing that some of the ways in which we instinctively regulate our response to threats have evolved from the attachment system that operates between infant and mother and from other basic relationships between mutually supportive people. We have specific systems in our brains that are sensitive to the kindness of others, and the experience of this kindness has a major impact on the way we process these threats and the way we process anxiety in particular.</em></p></blockquote>

 <p>The Dalai Lama defines compassion as “a sensitivity to the suffering of others, with a commitment to do something about it,” and Tirch also explains that we are greatly impacted by our compassion to ourselves.</p>

 <p>In order to manage and overcome emotions like guilt that can prevent us from learning and achieving, we need to treat ourselves the same way we would <a href="https://fs.blog/journey-of-self-discovery/">the person we love most in the world</a>. “We can direct our attention to inner images that evoke feelings of kindness, understanding, and support,” writes Tirch.</p>

 <p>So the next time you look up from that proposal on the new infrastructure schematics and see that the sun is shining, go for a walk, notice where you are, and give your mind a chance to go into diffuse-mode and process what you’ve been focusing on all morning. And give yourself a hug for doing it.</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/33c9132d6cb60f0f40f9b926b596a3c7/index.md
+++ b/cache/2022/33c9132d6cb60f0f40f9b926b596a3c7/index.md
@@ -0,0 +1,125 @@
 title: Let Go of the Learning Baggage
 url: https://fs.blog/learning-baggage/
 hash_url: 33c9132d6cb60f0f40f9b926b596a3c7

 <p>We all want to learn better. That means retaining information, processing it, being able to use it when needed. More knowledge means better instincts; better insights into opportunities for both you and your organization. You will ultimately produce better work if you give yourself the space to learn. Yet often organizations get in the way of learning.</p>



 <p><strong>How do we learn how to learn?</strong> Usually in school, combined with instructions from our parents, we cobble together an understanding that allows us to move forward through the school years until we matriculate into a job. Then because most initial learning comes from doing, less from books, we switch to an on-the-fly approach.</p>



 <p>Which is usually an absolute failure. Why? In part, we layer our social values on top and end up with a hot mess of guilt and fear that stymies the learning process.</p>



 <p>Learning is necessary for our success and personal growth. But we can’t maximize the time we spend learning because our feelings about what we ‘should’ be doing get in the way.</p>



 <p>We are trained by our modern world to organize our day into mutually exclusive chunks called ‘work’, ‘play’, and ‘sleep’. One is done at the office, the other two are not. We are not allowed to move fluidly between these chunks, or combine them in our 24 hour day. Lyndon Johnson got to nap at the office in the afternoon, likely because he was President and didn’t have to worry about what his boss was going to think. Most of us don’t have this option. And now in the open office debacle we can’t even have a quiet 10 minutes of rest in our cubicles.</p>



 <p>We have become trained to equate working with doing. Thus the ‘doing’ has value. We deserve to get paid for this. And, it seems, only this.</p>



 <p><strong>What does this have to do with learning?</strong></p>



 <p>It’s this same attitude that we apply to the learning process when we are older, with similarly unsatisfying results.</p>



 <p>If we are learning for work, then in our brains learning = work. So we have to do it during the day. At the office. And if we are not learning, then we are not working. We think that walking is not learning. It’s ‘taking a break’. We instinctively believe that reading is learning. Having discussions about what you’ve read, however, is often not considered work, again it’s ‘taking a break’.</p>



 <p>To many, working means sitting at your desk for eight hours a day. Being physically present, mental engagement is optional. It means pushing out emails and rushing to meetings and generally getting nothing done. We’ve looked at the focus aspect of this before. But what about the learning aspect?</p>



 <p><strong>Can we change how we approach learning, letting go of the guilt associated with not being visibly active, and embrace what seems counter-intuitive?</strong></p>



 <p>Thinking and talking are useful elements of learning. And what we learn in our ‘play’ time can be valuable to our ‘work’ time, and there’s nothing wrong with moving between the two (or combining them) during our day.</p>



 <p>When mastering a subject, our brains actually use different types of processing. <a href="https://fs.blog/knowledge-project-podcast/barbara-oakley/">Barbara Oakley</a> explains in <em><a href="https://amzn.to/3e7PgzV">A Mind for Numbers: How to Excel at Math and Science (even if you flunked algebra)</a></em> that <strong>our brain has two general modes of thinking – ‘focused’ and ‘diffuse’ – and both of these are valuable and required in the learning process</strong>.</p>



 <p>The focused mode is what we traditionally associate with learning. Read, dive deep, absorb. Eliminate distractions and get into the material. Oakley says “the focused mode involves a direct approach to solving problems using rational, sequential, analytical approaches. … Turn your attention to something and bam – the focused mode is on, like the tight, penetrating beam of a flashlight.”</p>



 <p>But the focused mode is not the only one required for learning because we need time to process what we pick up, to get this new information integrated into our existing knowledge. We need time to make new connections. This is where the diffuse mode comes in.</p>



 <blockquote class="wp-block-quote"><p>Diffuse-mode thinking is what happens when you relax your attention and just let your mind wander. This relaxation can allow different areas of the brain to hook up and return valuable insights. … Diffuse-mode insights often flow from preliminary thinking that’s been done in the focused mode.</p></blockquote>



 <p>Relying solely on the focused mode to learn is a path to burnout. We need the diffuse mode to cement our ideas, put knowledge into memory and free up space for the next round of focused thinking. We need the diffuse mode to <a href="https://fs.blog/krista-tippett-becoming-wise/">build wisdom</a>. <strong>So why does diffuse mode thinking at work generally involve feelings of guilt?</strong></p>



 <p>Oakley’s recommendations for ‘diffuse-mode activators’ are: go to the gym, walk, play a sport, go for a drive, draw, take a bath, listen to music (especially without words), meditate, sleep. Um, aren’t these all things to do in my ‘play’ time? And sleep? It’s a whole time chunk on its own.</p>



 <p>Most organizations do not promote a culture that allow these activities to be integrated into the work day. Go to the gym on your lunch. Sleep at home. Meditate on a break. Essentially do these things while we are not paying you.</p>



 <p><strong>We ingest this way of thinking, associating the value of getting paid with the value of executing our task list</strong>. If something doesn’t directly contribute, it’s not valuable. If it’s not valuable, I need to do it in my non-work time or not at all. This is learned behavior from our organizational culture, and it essentially communicates that our leaders would rather see us do less than trust in the potential payoff of pursuits that aren’t as visible or ones that don’t pay off as quickly. The ability to see something is often a large component of trust. So if we are doing any of these ‘play’ activities at work, which are invisible in terms of their contribution to the learning process, we feel guilty because we don’t believe we are doing what we get paid to do.</p>



 <p>If you aren’t the CEO or the VP of HR, you can’t magic a policy that says ‘all employees shall do something meaningful away from their desks each day and won’t be judged for it’, so what can you do to learn better at work? Find a way to let go of the guilt baggage when you invest in proven, effective learning techniques that are out of sync with your corporate culture.</p>



 <p><strong>How do you let go of the guilt?</strong> How do you not feel it every time you stand up to go for a walk, close your email and put on some headphones, or have a coffee with a colleague to discuss an idea you have? Because sometimes knowing you are doing the right thing doesn’t translate into feeling it, and that’s where guilt comes in.</p>



 <p>Guilt is insidious. Not only do we usually feel guilt, but then we feel guilty about feeling guilty. Like, I go to visit my grandmother in her old age home mostly because I feel guilty about not going, and then I feel guilty because I’m primarily motivated by guilt! Like if I were a better person I would be doing it out of love, but I’m not, so that makes me terrible.</p>



 <p>Breaking this cycle is hard. Like anything new, it’s going to feel unnatural for a while but it can be done.</p>



 <p>How? Be kind to yourself.</p>



 <p>This may sound a bit touchy-feely, but it is really a just a cognitive-behavioral approach with a bit of mindfulness thrown in. Dennis Tirch has done a lot of research into the positive benefits of compassion for yourself on worry, panic and fear. And what is guilt but worry that you aren’t doing the right thing, fear that you’re not a good person, and panic about what to do about it?</p>



 <p>In his book, <em><a href="https://amzn.to/3CBN3Wz">The Compassionate-Mind Guide to Overcoming Anxiety</a></em>, Tirch writes:</p>



 <blockquote class="wp-block-quote"><p><em>the compassion focused model is based on research showing that some of the ways in which we instinctively regulate our response to threats have evolved from the attachment system that operates between infant and mother and from other basic relationships between mutually supportive people. We have specific systems in our brains that are sensitive to the kindness of others, and the experience of this kindness has a major impact on the way we process these threats and the way we process anxiety in particular.</em></p></blockquote>



 <p>The Dalai Lama defines compassion as “a sensitivity to the suffering of others, with a commitment to do something about it,” and Tirch also explains that we are greatly impacted by our compassion to ourselves.</p>



 <p>In order to manage and overcome emotions like guilt that can prevent us from learning and achieving, we need to treat ourselves the same way we would <a href="https://fs.blog/journey-of-self-discovery/">the person we love most in the world</a>. “We can direct our attention to inner images that evoke feelings of kindness, understanding, and support,” writes Tirch.</p>



 <p>So the next time you look up from that proposal on the new infrastructure schematics and see that the sun is shining, go for a walk, notice where you are, and give your mind a chance to go into diffuse-mode and process what you’ve been focusing on all morning. And give yourself a hug for doing it.</p>
--- a/cache/2022/57abeb7689c96b43032c66e7d008f074/index.html
+++ b/cache/2022/57abeb7689c96b43032c66e7d008f074/index.html
@@ -0,0 +1,255 @@
 <!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>Avantages et limites (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://www.maiwann.net/blog/laventuredelamoderation4/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Avantages et limites</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://www.maiwann.net/blog/laventuredelamoderation4/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>Alors maintenant que je vous ai dit tout ça, faisons un petit bilan des avantages et surtout des limites de ce système !</p>

 <p>Si vous avez raté les articles précédents, vous pouvez ls retrouver par ici :</p>

 <ul>
  <li>Chapitre 1 : <a href="https://www.maiwann.net/blog/laventuredelamoderation1/">Un contexte compliqué</a></li>
  <li>Chapitre 2 : <a href="https://www.maiwann.net/blog/laventuredelamoderation2/">La découverte de la modération</a></li>
  <li>Chapitre 3 : <a href="https://www.maiwann.net/blog/laventuredelamoderation3/">La pratique de la modération</a></li>
 </ul>

 <h2 id="les-avantages">Les avantages</h2>

 <p>Je vais être courte parce que mon point n’est pas ici d’encenser Mastodon, donc je ne creuserai pas trop les avantages. Cependant je ne peux pas m’empêcher de remettre en avant deux points majeurs :</p>

 <p>Indéniablement, <a href="https://mstdn.social/@nassiraelmoaddem/109298566075349373">on bloque très vite les fachos.</a> C’est quand même, à mon avis, le grand intérêt, qui n’est pas assez connu au-delà de Mastodon. De ce fait nous avons une exigence collective très faible par rapport à la modération : Quand Twitter annonce qu’il ne peut pas faire mieux, on le croit sur parole alors qu’une alternative sans moyens d’envergure y arrive… Journalistes spécialisés si vous lisez ce message !</p>

 <p>Ensuite, le fonctionnement est beaucoup plus démocratique car : ce sont des humains que vous choisissez qui font la modération. Et ça, ça change beaucoup de choses. Déjà parce qu’on est dans un fonctionnement beaucoup plus… artisanal de la modération, donc potentiellement avec plus de proximité, dans l’idéal on peut discuter / appeller à l’aide ses modérateurices… et même selon les endroits, proposer de participer à la modération et ça, ça compte pour se rendre compte du boulot que c’est, et participer aux décisions importantes !</p>

 <h2 id="les-limites">Les limites</h2>

 <p>Comme rien n’est parfait, et que nous sommes sur une alternative qui évolue tout le temps, quelques points qui restent des limites malgré le modèle anti-capitaliste de Mastodon :</p>

 <h3 id="temps-de-traitement-dun-signalement">Temps de traitement d’un signalement</h3>

 <p>Il y a un difficile équilibre entre le temps de traitement d’un signalement et le temps d’entendre plusieurs avis du collectif de modération. Je pense qu’il est sain de prendre le temps, mais il y a des situations où l’un·e des modérateurices peut considérer qu’il y a “urgence” et dans ce cas, attendre 48h c’est beaucoup (pour protéger une personne par exemple). C’est un point que nous n’avons pas encore creusé à Framasoft (comment gérer le dilemme rapidité d’action VS disponibilité du collectif), mais que je me note de rajouter en discussion pour nos prochaines retrouvailles !</p>

 <p>Encore une fois je parle là des cas difficiles à départager. Si il s’agit de pédopornographie, les salariés de Framasoft sont déjà habitués à devoir réagir rapidement pour supprimer le contenu, donc je ne traite pas ce sujet ici car il n’est pas spécifique.</p>

 <h3 id="beaucoup-dutilisateurices-beaucoup-de-problèmes">Beaucoup d’utilisateurices, beaucoup de problèmes</h3>

 <p>Framasoft est une association très connue, et nos utilisateurices nous choisissent souvent car iels ont confiance en nous (merci !)
 Mais du coup, cela entraîne une responsabilité compliquée à gérer : Plus de monde chez nous, ça nous fait plus de travail, de modération notamment.</p>

 <p>Aussi, dans un cadre plus large qui était celui de la <a href="https://framablog.org/2019/09/24/deframasoftisons-internet/">déframasoftisation d’Internet</a>, nous avons fermé les inscriptions, ce qui nous a permis d’alléger la charge de notre coté.</p>

 <p>Et comme tous les Mastodon sont interconnectés, il est possible d’aller s’inscrire ailleurs pour suivre ce qui se passe chez nous, donc c’est un fonctionnement technique qui nous permet de mieux vivre le travail de modération… youpi !</p>

 <h3 id="éviter-la-spécialisation-des-modérateurices">Éviter la “spécialisation” des modérateurices</h3>

 <p>Lors de la mise en place d’une équipe de modération à Framasoft, il a fallu faire un petit temps de formation-découverte à l’interface de modération de Mastodon.</p>

 <p>Or on a vu apparaître assez rapidement une “spécialisation” entre celleux qui “savaient” utiliser l’interface, et celleux qui n’osaient pas car ne “savaient pas” l’utiliser.</p>

 <p>Pourtant il y a beaucoup de valeur à ce que la connaissance autour des outils circule auprès de tou·tes celleux que cela peut intéresser :</p>
 <ul>
  <li>Pour qu’il y ait de plus en plus de modérateurices, ce qui répartit le temps dédié à la modération,</li>
  <li>Pour que la discussion soit ouverte à des personnes qui n’ont pas la tête plongée dans la modération, ça permet d’entendre d’autres paroles, c’est appréciable,</li>
 </ul>

 <p>Pour résoudre ce problème, nous avons organisé des visios de modération !
 C’est une pratique que nous avons dans <a href="https://lechappeebelle.team/">ma coopérative</a> : faire des tâches chiantes, c’est quand même bien plus sympa ensemble !
 Alors quand l’un de nous disait “bon, là, il y a quand même beaucoup de signalements qui s’accumulent” je répondais parfois “ça vous dit on fait une visio pour les traiter ensemble ?!”</p>

 <p>Nous n’avions pas besoin d’être beaucoup, à 2, 3 ou 4 c’était déjà bien plus sympa, même les contenus agressifs sont plus faciles à traiter quand les copains sont là pour faire des blagues ou râler avec toi ! Nous lancions un partage d’écran, idéalement d’une personne pas hyper à l’aise pour l’accompagner, et nous traitions les signalements.</p>

 <p>Autre effet bénéfique : <strong>la boucle de “je demande leur avis aux copaines, j’attends, je traite le signalement” est raccourcie</strong> car nous pouvons collectivement débattre en direct du problème. C’est vraiment une façon très sympa de faire de la modération !</p>

 <h2 id="les-on-va-voir-et-autres-on-peut-pas-savoir">Les “On va voir” et autres “On peut pas savoir”</h2>

 <p>Enfin, si tout cela est possible actuellement, une part de moi me demande si ce n’est pas dû au fait que Mastodon passe encore “sous les radars”.
 C’est un sentiment que j’ai tendance à minimiser vu que cela ne nous a pas empêché d’avoir des hordes de comptes d’extrêmes droites qui se ramenaient. Donc une part de moi pense que le réseau (qui a déjà 6 ans donc on est loin du petit truc tout nouveau qui a 6 mois) a un fonctionnement déjà résilient.
 Et une autre partie de moi sait qu’elle n’est pas voyante, donc on verra bien dans le futur !</p>

 <p>Par contre je voudrais insister sur le fait qu’on ne peut pas savoir. Tous les articles qui vous expliqueront que Mastodon ne peut pas fonctionner parce que <em>“intégrer un argument d’autorité sur le fait que ce n’est pas assez gros”</em> ne sont pas mieux au courant que les utilisateurices et administrateurices depuis des années. Et je n’ai pour l’instant vu aucun argument pertinent qui aurait tendance à montrer que le réseau et ses modérateurices ne peut pas supporter une taille critique.</p>

 <p>Note : Rajouter une partie “Mastodon n’est pas safe par nature, évidemment” ?</p>

 <h2 id="comme-dhab-le-secret--il-faut-prendre-soin">Comme d’hab, le secret : il faut prendre soin</h2>

 <p>Cette conclusion ne va étonner personne : La solution pour une bonne modération, c’est de prendre soin.</p>

 <p>Prendre soin des utilisateurices en n’encourageant pas les discours haineux (techniquement et socialement), en ne les propageant pas (techniquement et socialement).</p>

 <p>Prendre soin des structures qui proposent des petits bouts de réseaux en leur évitant d’avoir trop de pouvoir et donc trop de responsabilités sur les épaules (et trop de coûts).</p>

 <p>Prendre soin des modérateurices en les soutenant via un collectif aimant et disponible pour leur faire des chocolats chauds et des câlins.</p>

 <p>Cher·e modérateurice qui me lis, tu fais un boulot pas facile, et grâce à toi le réseau est plus beau chaque jour. Merci pour ton travail, j’espère que tu as un collectif qui te soutiens, et que se soit le cas ou non, pense à avoir sous la main le numéro d’un·e psychologue, au cas où un jour tu tombes sur quelque chose de vraiment difficile pour toi/vous.</p>

 <p>Coeur sur vous &lt;3</p>

 <h2 id="et-pour-finir-">Et pour finir ?</h2>

 <p>Je n’ai pas pu m’empêcher de conclure avec un billet dédié au contraste entre mon expérience de la modération et ce qui se passe sur Twitter. Voici donc un billet spécialement dédié à l’oiseau bleu : <a href="https://www.maiwann.net/blog/laventuredelamoderation5/">Et Twitter alors ?</a></p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/57abeb7689c96b43032c66e7d008f074/index.md
+++ b/cache/2022/57abeb7689c96b43032c66e7d008f074/index.md
@@ -0,0 +1,88 @@
 title: Avantages et limites
 url: https://www.maiwann.net/blog/laventuredelamoderation4/
 hash_url: 57abeb7689c96b43032c66e7d008f074

 <p>Alors maintenant que je vous ai dit tout ça, faisons un petit bilan des avantages et surtout des limites de ce système !</p>

 <p>Si vous avez raté les articles précédents, vous pouvez ls retrouver par ici :</p>

 <ul>
  <li>Chapitre 1 : <a href="https://www.maiwann.net/blog/laventuredelamoderation1/">Un contexte compliqué</a></li>
  <li>Chapitre 2 : <a href="https://www.maiwann.net/blog/laventuredelamoderation2/">La découverte de la modération</a></li>
  <li>Chapitre 3 : <a href="https://www.maiwann.net/blog/laventuredelamoderation3/">La pratique de la modération</a></li>
 </ul>

 <h2 id="les-avantages">Les avantages</h2>

 <p>Je vais être courte parce que mon point n’est pas ici d’encenser Mastodon, donc je ne creuserai pas trop les avantages. Cependant je ne peux pas m’empêcher de remettre en avant deux points majeurs :</p>

 <p>Indéniablement, <a href="https://mstdn.social/@nassiraelmoaddem/109298566075349373">on bloque très vite les fachos.</a> C’est quand même, à mon avis, le grand intérêt, qui n’est pas assez connu au-delà de Mastodon. De ce fait nous avons une exigence collective très faible par rapport à la modération : Quand Twitter annonce qu’il ne peut pas faire mieux, on le croit sur parole alors qu’une alternative sans moyens d’envergure y arrive… Journalistes spécialisés si vous lisez ce message !</p>

 <p>Ensuite, le fonctionnement est beaucoup plus démocratique car : ce sont des humains que vous choisissez qui font la modération. Et ça, ça change beaucoup de choses. Déjà parce qu’on est dans un fonctionnement beaucoup plus… artisanal de la modération, donc potentiellement avec plus de proximité, dans l’idéal on peut discuter / appeller à l’aide ses modérateurices… et même selon les endroits, proposer de participer à la modération et ça, ça compte pour se rendre compte du boulot que c’est, et participer aux décisions importantes !</p>

 <h2 id="les-limites">Les limites</h2>

 <p>Comme rien n’est parfait, et que nous sommes sur une alternative qui évolue tout le temps, quelques points qui restent des limites malgré le modèle anti-capitaliste de Mastodon :</p>

 <h3 id="temps-de-traitement-dun-signalement">Temps de traitement d’un signalement</h3>

 <p>Il y a un difficile équilibre entre le temps de traitement d’un signalement et le temps d’entendre plusieurs avis du collectif de modération. Je pense qu’il est sain de prendre le temps, mais il y a des situations où l’un·e des modérateurices peut considérer qu’il y a “urgence” et dans ce cas, attendre 48h c’est beaucoup (pour protéger une personne par exemple). C’est un point que nous n’avons pas encore creusé à Framasoft (comment gérer le dilemme rapidité d’action VS disponibilité du collectif), mais que je me note de rajouter en discussion pour nos prochaines retrouvailles !</p>

 <p>Encore une fois je parle là des cas difficiles à départager. Si il s’agit de pédopornographie, les salariés de Framasoft sont déjà habitués à devoir réagir rapidement pour supprimer le contenu, donc je ne traite pas ce sujet ici car il n’est pas spécifique.</p>

 <h3 id="beaucoup-dutilisateurices-beaucoup-de-problèmes">Beaucoup d’utilisateurices, beaucoup de problèmes</h3>

 <p>Framasoft est une association très connue, et nos utilisateurices nous choisissent souvent car iels ont confiance en nous (merci !)
 Mais du coup, cela entraîne une responsabilité compliquée à gérer : Plus de monde chez nous, ça nous fait plus de travail, de modération notamment.</p>

 <p>Aussi, dans un cadre plus large qui était celui de la <a href="https://framablog.org/2019/09/24/deframasoftisons-internet/">déframasoftisation d’Internet</a>, nous avons fermé les inscriptions, ce qui nous a permis d’alléger la charge de notre coté.</p>

 <p>Et comme tous les Mastodon sont interconnectés, il est possible d’aller s’inscrire ailleurs pour suivre ce qui se passe chez nous, donc c’est un fonctionnement technique qui nous permet de mieux vivre le travail de modération… youpi !</p>

 <h3 id="éviter-la-spécialisation-des-modérateurices">Éviter la “spécialisation” des modérateurices</h3>

 <p>Lors de la mise en place d’une équipe de modération à Framasoft, il a fallu faire un petit temps de formation-découverte à l’interface de modération de Mastodon.</p>

 <p>Or on a vu apparaître assez rapidement une “spécialisation” entre celleux qui “savaient” utiliser l’interface, et celleux qui n’osaient pas car ne “savaient pas” l’utiliser.</p>

 <p>Pourtant il y a beaucoup de valeur à ce que la connaissance autour des outils circule auprès de tou·tes celleux que cela peut intéresser :</p>
 <ul>
  <li>Pour qu’il y ait de plus en plus de modérateurices, ce qui répartit le temps dédié à la modération,</li>
  <li>Pour que la discussion soit ouverte à des personnes qui n’ont pas la tête plongée dans la modération, ça permet d’entendre d’autres paroles, c’est appréciable,</li>
 </ul>

 <p>Pour résoudre ce problème, nous avons organisé des visios de modération !
 C’est une pratique que nous avons dans <a href="https://lechappeebelle.team/">ma coopérative</a> : faire des tâches chiantes, c’est quand même bien plus sympa ensemble !
 Alors quand l’un de nous disait “bon, là, il y a quand même beaucoup de signalements qui s’accumulent” je répondais parfois “ça vous dit on fait une visio pour les traiter ensemble ?!”</p>

 <p>Nous n’avions pas besoin d’être beaucoup, à 2, 3 ou 4 c’était déjà bien plus sympa, même les contenus agressifs sont plus faciles à traiter quand les copains sont là pour faire des blagues ou râler avec toi ! Nous lancions un partage d’écran, idéalement d’une personne pas hyper à l’aise pour l’accompagner, et nous traitions les signalements.</p>

 <p>Autre effet bénéfique : <strong>la boucle de “je demande leur avis aux copaines, j’attends, je traite le signalement” est raccourcie</strong> car nous pouvons collectivement débattre en direct du problème. C’est vraiment une façon très sympa de faire de la modération !</p>

 <h2 id="les-on-va-voir-et-autres-on-peut-pas-savoir">Les “On va voir” et autres “On peut pas savoir”</h2>

 <p>Enfin, si tout cela est possible actuellement, une part de moi me demande si ce n’est pas dû au fait que Mastodon passe encore “sous les radars”.
 C’est un sentiment que j’ai tendance à minimiser vu que cela ne nous a pas empêché d’avoir des hordes de comptes d’extrêmes droites qui se ramenaient. Donc une part de moi pense que le réseau (qui a déjà 6 ans donc on est loin du petit truc tout nouveau qui a 6 mois) a un fonctionnement déjà résilient.
 Et une autre partie de moi sait qu’elle n’est pas voyante, donc on verra bien dans le futur !</p>

 <p>Par contre je voudrais insister sur le fait qu’on ne peut pas savoir. Tous les articles qui vous expliqueront que Mastodon ne peut pas fonctionner parce que <em>“intégrer un argument d’autorité sur le fait que ce n’est pas assez gros”</em> ne sont pas mieux au courant que les utilisateurices et administrateurices depuis des années. Et je n’ai pour l’instant vu aucun argument pertinent qui aurait tendance à montrer que le réseau et ses modérateurices ne peut pas supporter une taille critique.</p>

 <p>Note : Rajouter une partie “Mastodon n’est pas safe par nature, évidemment” ?</p>

 <h2 id="comme-dhab-le-secret--il-faut-prendre-soin">Comme d’hab, le secret : il faut prendre soin</h2>

 <p>Cette conclusion ne va étonner personne : La solution pour une bonne modération, c’est de prendre soin.</p>

 <p>Prendre soin des utilisateurices en n’encourageant pas les discours haineux (techniquement et socialement), en ne les propageant pas (techniquement et socialement).</p>

 <p>Prendre soin des structures qui proposent des petits bouts de réseaux en leur évitant d’avoir trop de pouvoir et donc trop de responsabilités sur les épaules (et trop de coûts).</p>

 <p>Prendre soin des modérateurices en les soutenant via un collectif aimant et disponible pour leur faire des chocolats chauds et des câlins.</p>

 <p>Cher·e modérateurice qui me lis, tu fais un boulot pas facile, et grâce à toi le réseau est plus beau chaque jour. Merci pour ton travail, j’espère que tu as un collectif qui te soutiens, et que se soit le cas ou non, pense à avoir sous la main le numéro d’un·e psychologue, au cas où un jour tu tombes sur quelque chose de vraiment difficile pour toi/vous.</p>

 <p>Coeur sur vous &lt;3</p>

 <h2 id="et-pour-finir-">Et pour finir ?</h2>

 <p>Je n’ai pas pu m’empêcher de conclure avec un billet dédié au contraste entre mon expérience de la modération et ce qui se passe sur Twitter. Voici donc un billet spécialement dédié à l’oiseau bleu : <a href="https://www.maiwann.net/blog/laventuredelamoderation5/">Et Twitter alors ?</a></p>
--- a/cache/2022/989dafbb1b7a9141a6f2ecbb8bfb2917/index.html
+++ b/cache/2022/989dafbb1b7a9141a6f2ecbb8bfb2917/index.html
@@ -0,0 +1,185 @@
 <!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>Word Persons and Web Persons · roytang.net (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://roytang.net/2022/11/word-web-persons/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Word Persons and Web Persons · roytang.net</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://roytang.net/2022/11/word-web-persons/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>Alexis Madrigal writes on <a href="https://twitter.com/alexismadrigal/status/1588031749342183424">Twitter</a>:</p>
 <blockquote>
 <p>Something I’ve been thinking about Twitter: for those of us who are word people, this was once our place. “Words with Friends” as @kathrynschulz once put it.</p>
 <p>TikTok may be exciting and engaging, but it’s not about words.</p>
 </blockquote>
 <p>The whole thread is pretty good, go read it. <a href="/2022/11/1588031749342183424/">Local backup here</a> in case birdsite goes kaput.</p>
 <p>Only somewhat related, Meg Hourihan wrote (in the year 2000!!) <a href="https://megnut.com/2000/04/14/ive-been-thinking-a-lot/">about web persons</a>:</p>
 <blockquote>
 <p>And I realized there are dot-com people and there are web people. Dot-com people work for start-ups injected with large Silicon Valley coin, they have options, they talk options, they dream options. They have IPOs. They're richer after four months of "web" work than many web people who've been doing it since the beginning. They don't have personal sites. They don't want personal sites. They don't get personal sites. They don't get personal. Web people can tell you the first site they ever saw, they can tell you the moment they knew: This, This Is It, I Will Do This. And they pour themselves into the web, with stories, with designs, with pictures. They create things worth looking at, worth reading, worth coveting, worth envying, worth loving. They create Beautiful Things. We need more of those.</p>
 </blockquote>
 <p>This post was written during the early dot-com boom, but the analogy kind of still works in today's modern web. There are those who see the web merely as a tool to sell things or to gain influence or otherwise profit, and then there are the "web people" who enjoy the web as a medium of creation, who simply enjoy putting things out there for other people to appreciate. The world hasn't changed that much, except maybe the web persons might be a lot more outnumbered these days.</p>
 <p>I like the idea of identifying both as a word person and a web person, and I think there's probably a strong correlation between one or the other. People who grew up using the early web had to live with the restrictions of bandwidth and had it hammered into us to avoid too many images or putting music or videos since these things would take forever to download. So the ones who thrived in that environment were the ones who enjoyed working with text.</p>
 <p>It might explain why I'm not too enamored with formats like podcasts and tiktok or whatnot. I still watch YT, but not as much as other people. Text+image I'm fine with because I grew up with comic books too. I remember telling some friends during college that I much prefer manga to anime because not only was manga easier to download (yar!), you got a lot more story for your time when reading manga than watching anime. And I much prefer getting my news from actual newspapers or news sites rather than watching the news on TV or YouTube. The fact that I have a relatively high reading speed (something I've had since grade school!) probably further cemented my preference for text.</p>
 <p>It's likely that both word persons and web persons are in the minority on the modern internet. Most people would rather read short snippets of text rather than long blog posts. Most people would rather use apps than browse the web or consume content rather than write it or create their own websites always. But hopefully there will always be room for those of us who enjoy plain text and simple HTML.</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/989dafbb1b7a9141a6f2ecbb8bfb2917/index.md
+++ b/cache/2022/989dafbb1b7a9141a6f2ecbb8bfb2917/index.md
@@ -0,0 +1,18 @@
 title: Word Persons and Web Persons · roytang.net
 url: https://roytang.net/2022/11/word-web-persons/
 hash_url: 989dafbb1b7a9141a6f2ecbb8bfb2917

 <p>Alexis Madrigal writes on <a href="https://twitter.com/alexismadrigal/status/1588031749342183424">Twitter</a>:</p>
 <blockquote>
 <p>Something I’ve been thinking about Twitter: for those of us who are word people, this was once our place. “Words with Friends” as @kathrynschulz once put it.</p>
 <p>TikTok may be exciting and engaging, but it’s not about words.</p>
 </blockquote>
 <p>The whole thread is pretty good, go read it. <a href="/2022/11/1588031749342183424/">Local backup here</a> in case birdsite goes kaput.</p>
 <p>Only somewhat related, Meg Hourihan wrote (in the year 2000!!) <a href="https://megnut.com/2000/04/14/ive-been-thinking-a-lot/">about web persons</a>:</p>
 <blockquote>
 <p>And I realized there are dot-com people and there are web people. Dot-com people work for start-ups injected with large Silicon Valley coin, they have options, they talk options, they dream options. They have IPOs. They're richer after four months of "web" work than many web people who've been doing it since the beginning. They don't have personal sites. They don't want personal sites. They don't get personal sites. They don't get personal. Web people can tell you the first site they ever saw, they can tell you the moment they knew: This, This Is It, I Will Do This. And they pour themselves into the web, with stories, with designs, with pictures. They create things worth looking at, worth reading, worth coveting, worth envying, worth loving. They create Beautiful Things. We need more of those.</p>
 </blockquote>
 <p>This post was written during the early dot-com boom, but the analogy kind of still works in today's modern web. There are those who see the web merely as a tool to sell things or to gain influence or otherwise profit, and then there are the "web people" who enjoy the web as a medium of creation, who simply enjoy putting things out there for other people to appreciate. The world hasn't changed that much, except maybe the web persons might be a lot more outnumbered these days.</p>
 <p>I like the idea of identifying both as a word person and a web person, and I think there's probably a strong correlation between one or the other. People who grew up using the early web had to live with the restrictions of bandwidth and had it hammered into us to avoid too many images or putting music or videos since these things would take forever to download. So the ones who thrived in that environment were the ones who enjoyed working with text.</p>
 <p>It might explain why I'm not too enamored with formats like podcasts and tiktok or whatnot. I still watch YT, but not as much as other people. Text+image I'm fine with because I grew up with comic books too. I remember telling some friends during college that I much prefer manga to anime because not only was manga easier to download (yar!), you got a lot more story for your time when reading manga than watching anime. And I much prefer getting my news from actual newspapers or news sites rather than watching the news on TV or YouTube. The fact that I have a relatively high reading speed (something I've had since grade school!) probably further cemented my preference for text.</p>
 <p>It's likely that both word persons and web persons are in the minority on the modern internet. Most people would rather read short snippets of text rather than long blog posts. Most people would rather use apps than browse the web or consume content rather than write it or create their own websites always. But hopefully there will always be room for those of us who enjoy plain text and simple HTML.</p>
--- a/cache/2022/c1ceebc3a6312283982e840d69f7f010/index.html
+++ b/cache/2022/c1ceebc3a6312283982e840d69f7f010/index.html
@@ -0,0 +1,268 @@
 <!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>Fresque du climat, bombe à graines et autres idées… (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://blog.pelmel.org/2022/09/30/fresque-du-climat-bombe-a-graines-et-autres-idees/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Fresque du climat, bombe à graines et autres idées…</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://blog.pelmel.org/2022/09/30/fresque-du-climat-bombe-a-graines-et-autres-idees/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>Ce billet pourrait aussi s’intituler : « Comment j’ai soigné mon éco-anxiété sans m’en rendre compte. »</p>

 <h2>Mon parcours… en anxiété</h2>

 <p>Dans la famille éco-anxieux, je demande le père inquiet. <sup class="endnote"><a href="#en-650-1" id="enref-650-1">1</a></sup>. Sur une moyenne entre balek totale et la panique bloquante, je me donnerai une note de 13 ou 14 sur 20. La mention assez bien qui me vaut quelques insomnies et certains moments de doute.</p>

 <p>C’est un peu à l’image de ma conscience écologique. L’idée que le monde avait une fin est arrivée assez tôt dans ma vie, avec 1986 comme année charnière <sup class="endnote"><a href="#en-650-2" id="enref-650-2">2</a></sup> . Elle s’est nourrie de mes lectures et visionnages d’adolescent : <a href="https://fr.wikipedia.org/wiki/L%27An_01"> L’An 01</a>, <a href="https://www.youtube.com/watch?v=n5RmEWp-Lsk&amp;ab_channel=GionoYT">L’homme qui plantait des arbres</a>, le <a href="https://reporterre.net/Tolkien-technocritique-et-heraut-d-une-ecologie-de-combat">Seigneur des Anneaux</a>, <a href="https://fr.wikipedia.org/wiki/Ravage_(roman)">Ravage</a> ou encore <a href="https://www.numerama.com/pop-culture/596870-a-quel-point-lannee-2019-ressemblait-elle-a-celle-de-blade-runner.html">Blade Runner</a> ont marqué mon imaginaire. Quelques émissions de TV sympathiquement angoissantes en ont ajouté une couche. En écrivant ce billet je repense à un passage d’anticipation sur un musée du futur où on conserverait la dernière fleur… Brrr…  </p>

 <p>Par la suite, le jeune adulte que j’étais a fait rentrer <a href="https://www.seuil.com/ouvrage/la-convivialite-ivan-illich/9782757842119">Illich</a> dans sa bibliothèque, au milieu d’autres autrices et auteurs politiques. J’ai aussi lu scrupuleusement les articles écologistes de Charlie Hebdo critiquant le protocole de Tokyo ou encore la politique de M. La-Maison-Brule en la matière. </p>

 <p>Et la vie avance et, avec elle, la difficile conciliation entre les actes et les valeurs. Je me suis raccroché et, à la fois, ai maudit cette mode des petits gestes. Pour moi ce sont des gestes qui relèvent du bon sens et qui cachent de plus grandes attentes. Cela n’empêchait nullement, de ma part, un certain nombre d’écarts. Aujourd’hui, je vis nettement mieux avec ça, ayant fait des choix qui tendent à réduire ces écarts. </p>

 <p>Voilà pour les aspects personnels, pour la partie plus sociétale j’avais deux secrets espoirs. </p>

 <p>Le premier est une prise de conscience du problème quand arriveraient les premiers signes tangibles et indiscutables d’un dérèglement climatique.</p>

 <p> Le second, que la vitesse du changement soit suffisamment lente pour que s’opère un changement de la société. </p>

 <p>J’ai cité l’An 01 dans mes références, mais je pourrais aussi parler de la Belle Verte. Avant de continuer, je vous invite d’ailleurs à un petit extrait de ce chef-d’œuvre<sup class="endnote"><a href="#en-650-3" id="enref-650-3">3</a></sup> de légèreté avant de reprendre le billet. </p>

 <figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><p class="wp-block-embed__wrapper">
 <iframe src="https://www.youtube.com/embed/6ShBEsmPvhg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="La Belle Verte - le rétroviseur">VIDEO</iframe>
 </p></figure>

 <p>« TU LEUR AS DIT MERCI AUX VACHES! » Euh pardon…</p>

 <p>Comment dire que ces dernières années ont douché mes espoirs et fait naître ce sentiment d’anxiété évoqué plus haut. Après; il n’est pas tout à fait incapacitant. Je n’ai pas lu particulièrement <a href="https://www.vie-publique.fr/en-bref/284713-nouveau-rapport-du-giec-des-solutions-face-au-rechauffement-climatique">le rapport du GIEC</a> ou <a href="https://www.dargaud.com/bd/le-monde-sans-fin-miracle-energetique-et-derive-climatique-bda5378080">« Le monde sans fin »</a> de Jancovici et Blain. Je m’y intéresse de loin, le truc que tu sais qui existe sans en avoir creuser vraiment le détail. </p>

 <p>En revanche je m’implique dans diverses associations, dans des mouvements et dans un contexte politique. Mais ce n’est pas là forcément la solution promise plus haut, en clair en dépit de quelques avancées et petites réussites, je n’ai pas ressenti de véritable changements.</p>

 <h2>Mon parcours… en fresque</h2>

 <p>Après ce prologue un petit peu long, venons en à ce samedi matin où j’ai participé à ma première <a href="https://fresqueduclimat.org/">fresque du climat</a>.</p>

 <p>Pour ceux qui ne connaissent pas, la fresque du climat est une association et une action de sensibilisation au réchauffement climatique. A travers un jeu collaboratif, les participants vont construire une fresque résumant le processus qui se joue, des causes aux conséquences. Le jeu se base sur les rapports du GIEC, il se dérive également en fresque du numérique, des transports, etc…</p>

 <p>Si vous voulez y participer, rendez vous sur <a href="https://fresqueduclimat.org/">le site de l’association</a> et vous trouverez un agenda des prochaines fresques près de chez vous.</p>

 <p>Contrairement au reste de ma famille (et oui on est légèrement conscientisé) je n’avais pas encore eu l’occasion d’y aller en personne. L’opportunité m’a été donné d’y aller dans le cadre de mes fonctions de conseiller municipal, en compagnie d’autres élus de ma commune et de celle voisine. Dès le départ j’ai senti plusieurs axes positif se dessiner.</p>

 <p>Le premier étant qu’un événement de sorte à la rentrée est un bon starter pour l’année scolaire. Même si on ne chôme pas pendant l’été, j’ai appris que le rythme d’une municipalité, en tout cas de la notre, est très lié à l’année scolaire, plus que l’année calendaire. Oui ça un bon goût de kick-off si on revient dans le vocabulaire de l’organisation d’entreprises.</p>

 <p>Le deuxième que j’allais apprendre des choses avec d’autres personnes. Je ne savais pas encore quoi ni qui mais c’est bien là la raison d’être de ce genre d’exercice. Parler de ce qu’on connait déjà avec des gens convaincus, j’avais déjà donné et je savais que c’était un peu stérile. J’ai eu l’impression que ça n’allais pas être le cas ici.</p>

 <p>Ensuite concernant le déroulé de l’exercice en lui même, il s’agit, comme je l’ai dit, d’un jeu collaboratif. L’ancien agiliste ludophile que je suis n’a pas été dépaysé 😉 Le jeu en lui même est bien mené. Nous sommes entouré d’animateurs et animatrices (ou encore « fresqueurs » et « fresqueuses »). L’objectif de ce jeu est de construire une « Fresque du climat ». Mais quoi qu’est-ce donc ?</p>

 <p>Tout commence avec une grande feuille de papier devant nous. Ce « nous » c’est un groupe constitué de 4 à 5 personnes. Nous étions d’ailleurs 17 participants ce qui a permis de créer 4 groupes donc 4 fresques. Les animateurs vont nous distribuer, en trois, un jeu de cartes que nous allons déposer sur la grande feuille de papier pour construire notre fresque. Sur ces cartes nous allons retrouver les composantes (causes, phénomènes, conséquences) du réchauffement climatique. Ces cartes il nous est demandé de les disposer dans un ordre logique, des causes aux conséquences. Attention il y’a parfois des pièges. </p>

 <p>Le jeu est mené de tel manière qu’il va amener le groupe à se poser des questions sur le sens et la signification des cartes. Des explications sont fournies au dos mais nous ne pouvons les lire avant de les placer. Tout du moins au début. Les animateurs sont là pour nous guider sans nous diriger et répondre à certaines de nos interrogations. Les échanges, surtout avec des personnes que l’on a l’habitude de côtoyer se sont avérés très intéressants. Ce jeu permet de dépasser la discussion anecdotique sur le sujet, le « ha ma pauv’dame, y’a plus de saisons ». C’est aussi l’occasion de mettre des mots sur des concepts (même si j’en ai oublié une bonne partie depuis). Un autre point très intéressant c’est que chacun interprète les faits selon sa grille d’analyse, personnelle ou politique. Ce qui peut mener à diverses réflexions et prise de conscience. </p>

 <p>Une fois que les fresques sont construites et que le constat est fait, passe le moment  de l’action. Il me semble que dans une fresque plus « classique » on discute des actions personnelles, ici nous avons évoquer des actions plus générales. Comme dans un jeu agile, on dispose les actions sur des post-its qui sont ensuite posé sur une grille avec deux axes, l’un sur la simplicité de la mise en œuvre de l’action et l’autre la conséquence de l’action du court au moyen terme.</p>

 <p>Au final nous nous sommes accordés sur deux tâches qui vont être le fil rouge de nos actions prochaines.</p>

 <h2>Mon parcours… informel</h2>

 <p>Après avoir bien cogité à la fois dans un registre d’apprentissage et aussi de prospection, des discussions ont émergés d’elles-mêmes après la fresque. Pour certaines elles furent la suite de quelques réflexions pendant la fresque. Ce temps de discussion, qui fait presque partie de l’exercice, a été appréciable. Je suis pas certains que ce soit très orthodoxe mais je n’ai pas encore creusé le sujet. En tout cas les trois heures théoriques ont été bien dépassée.</p>

 <p>Je ne dirais pas que tout est parfait et que nous avons révolutionné le monde, mais j’ai noté, chez quelques personnes, des prises de conscience sur le sujet à divers degrés. Que ce soit des simples banalités ou bien des réflexion plus profondes, chacun et chacune a pu trouver une manière de s’exprimer et le dialogue s’est enclenché. </p>

 <p>Il est intéressant de noter les préoccupations qui animent les partocipantes et participant à ce moment. Pour certains ce sera des questions de gâchis, pour d’autres des préoccupations autour de l’environnement, de l’eau. Sont évoqués aussi les injonctions réelles ou fantasmés. Le sujet des voitures électriques ou des bouteilles consignées sont arrivés sur la table. </p>

 <h2>Aparté sur les biais</h2>

 <p>On pourrait penser, à juste titre, que l’exercice est un peu biaisé. J’en ai conscience. Je pense que pas mal de personne assistant aux fresques sont des personnes ayant déjà une approche de la question, une conscience en place sur le changement climatique. Ce n’est pas faux en effet. Comme ici, il était proposé à un certains nombres de personnes (environ 40) de participer, cela représente déjà un certains panel intéressant. </p>

 <p>Et même si seulement 17 personnes sont venus leur présence a participé à cette optimisme post-fresques. J’ai pu voir réfléchir sur le sujet des personnes qui ne l’avais jamais réellement pris à cœur, mis à part sous le prisme des memes facebook ou d’actualités plus générales.</p>

 <p>Comment puis-je en être sur ? Outre le fait que je connaissais ces personnes, tout simplement par l’exercice lui même. L’ice-breaker (ou l’exercice qui permet de briser la glace) consiste à se mettre sur une ligne en fonction de la position de conscientisation (ou même d’éco-anxiété) dans laquelle on se sent. Est-ce que c’est un simple sentiment latent ou bien une obsession de chaque instant ?  Je me suis placé pas tout à fait à un bout de la chaine. </p>

 <h2>Mon parcours… bombes à graines</h2>

 <p>Je viens donc à la deuxième partie mystérieuse de mon titre.</p>

 <p>En rentrant chez moi, à travers une marche méditative (mais peut-il en être autrement de la marche ?) une image m’a frappé (ouille). L’image en question est celle de la <a href="https://fr.wikipedia.org/wiki/Boulette_de_graines">bombe à graines</a>, que ce soit celle manufacturée par l’homme aussi bien que la bombe naturelle, comme celle des coquelicots.</p>

 <p>Pour reprendre le cheminement de pensée, il faut dire que, avant, pendant et après l’exercice, j’ai beaucoup discuté de divers sujets avec les présentes et présents. De ces discussions ont émergé des idées d’atelier, de communication à faire, de gens à contacter, etc. J’ai repensé alors à mon expérience et mon passé d’organisateur de meet-up (je n’ai pas trouvé de terme plus appropriés qui permettrait de résumer l’action) et de participant et orateur à des conférences. </p>

 <p>En clair dans mon esprit voilà les liens qui se sont mis en oeuvre : Si je n’avais été à une conférence et discuté avec une personne en particulier je n’aurais pas entendu d’un projet d’association, qui a conduit à créer une antenne locale de cette association, qui m’a conduit a créer des événements et me pencher sur la question des meetups, qui m’a donné une expérience dans l’organisation, qui m’a appris comment il était possible de fédérer orateurs, entreprises et participantes et participants, ce qui a conduit à m’intégrer dans un écosystème communautaire plus large. Et de ce nouveau point de départ découle une série de conséquences qui amène à un autre point d’étapes, etc…</p>

 <p>Pour moi la bombe à graines c’est ça, cette façon dont les actions influence  d’autres actions. Je me dis que au-delà de l’influence personnel, d’autres reçoivent ces graines et vont, à leur tour, les faire germer à leur tour.</p>

 <p>Il est souvent facile de se décourager, de se dire que ce qu’on écrit ou fait ne vaut pas la peine, car tout à été dit ou fait, mais on n’est pas à l’abri d’une bonne surprise. Comme je l’ai dit, une simple conversation peut changer une vie à l’autre bout du monde.</p>

 <h2>Mon parcours… de convalescence</h2>

 <p>A l’issu de la fresque, avant de discuter des actions ou engagement, nous est demandé de noter un mot décrivant notre état ou sentiment à ce moment là (en gros le moment où on vient d’achever la fresque et pris conscience des enjeux).</p>

 <p>Pour ma part j’ai noté le mot « impatient », c’est ça. C’est un double sens. Je suis à la fois impatient de voir les actions menées et mener les actions moi même. Je suis également impatient de voir ce qui va se passer ces trois prochaines années. Oui l’urgence conditionne et implique cette éco anxiété mais cette deadline, cette borne temporelle qu’est ce qu’elle nous réserve ? Je ne sais pas mais j’ai envie de voir finalement. Peut-être que le pire comme le meilleur nous attends. J’ai bon espoir tout en me sentant informé. Bref c’est pas forcément rassurant mais il ne faut pas perdre l’espoir.</p>

 <p>Mais pourquoi je me sens donc moins anxieux qu’avant ? Parce que je me rends compte que je n’ai pas vraiment répondu à la question.</p>

 <p>Je ne dirais pas que je suis complétement serein à l’heure actuelle. Il reste des raisons d’angoisser mais j’aborde, après cette fresque, le sujet avec un peu plus d’optimisme. C’est positif de voir des personnes prendre conscience des enjeux, sans que ce soit feint ou bien que ce soit juste de façade, histoire de verdir un discours. Comme je l’ai déjà lu, ou entendu quelque part, la dérèglement climatique ce n’est pas un gros problème à résoudre mais une multitude de petits. Quand on met un peu le doigt dedans on s’en rend vite compte et on a envie de partir sur le front pour se charger de plusieurs sujets, que ce soit pour faire évoluer ses pratiques ou militer. De savoir que d’autres nous rejoignent sur le sujet c’est positif. </p>

 <p>Si je dois résumer ce qui m’a fait le plus de bien, ce serait d’avoir déchargé un peu mon sac et d’avoir partagé les poids qui m’oppressent parfois. Il y’aura des suites bien sur, c’est déjà prévus. Nous verrons bien si cet événement fait parti des petit pas que nous faisons pour aller vers un mieux. Comme je l’ai dit je suis vraiment impatient. </p>

 <div class="endnotes" id="hhendnotes-650"><h3>Notes</h3><ol><li id="en-650-1">Hommage presque direct au <a href="https://www.actuabd.com/+Le-Bonheur-inquiet-de-Lewis-Trondheim+">bonheur inquiet</a> de Lewis Trondheim <span class="endnotereverse"><a href="#enref-650-1">↩</a></span></li><li id="en-650-2">Remember Tchernobyl et  la navette challenger <span class="endnotereverse"><a href="#enref-650-2">↩</a></span></li><li id="en-650-3">Oui j’exagère peut-être mais bon quoi dire d’autre? <span class="endnotereverse"><a href="#enref-650-3">↩</a></span></li></ol></div>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/c1ceebc3a6312283982e840d69f7f010/index.md
+++ b/cache/2022/c1ceebc3a6312283982e840d69f7f010/index.md
@@ -0,0 +1,194 @@
 title: Fresque du climat, bombe à graines et autres idées…
 url: https://blog.pelmel.org/2022/09/30/fresque-du-climat-bombe-a-graines-et-autres-idees/
 hash_url: c1ceebc3a6312283982e840d69f7f010

 <p>Ce billet pourrait aussi s’intituler : « Comment j’ai soigné mon éco-anxiété sans m’en rendre compte. »</p>



 <h2>Mon parcours… en anxiété</h2>



 <p>Dans la famille éco-anxieux, je demande le père inquiet. <sup class="endnote"><a href="#en-650-1" id="enref-650-1">1</a></sup>. Sur une moyenne entre balek totale et la panique bloquante, je me donnerai une note de 13 ou 14 sur 20. La mention assez bien qui me vaut quelques insomnies et certains moments de doute.</p>



 <p>C’est un peu à l’image de ma conscience écologique. L’idée que le monde avait une fin est arrivée assez tôt dans ma vie, avec 1986 comme année charnière <sup class="endnote"><a href="#en-650-2" id="enref-650-2">2</a></sup> . Elle s’est nourrie de mes lectures et visionnages d’adolescent : <a href="https://fr.wikipedia.org/wiki/L%27An_01"> L’An 01</a>, <a href="https://www.youtube.com/watch?v=n5RmEWp-Lsk&amp;ab_channel=GionoYT">L’homme qui plantait des arbres</a>, le <a href="https://reporterre.net/Tolkien-technocritique-et-heraut-d-une-ecologie-de-combat">Seigneur des Anneaux</a>, <a href="https://fr.wikipedia.org/wiki/Ravage_(roman)">Ravage</a> ou encore <a href="https://www.numerama.com/pop-culture/596870-a-quel-point-lannee-2019-ressemblait-elle-a-celle-de-blade-runner.html">Blade Runner</a> ont marqué mon imaginaire. Quelques émissions de TV sympathiquement angoissantes en ont ajouté une couche. En écrivant ce billet je repense à un passage d’anticipation sur un musée du futur où on conserverait la dernière fleur… Brrr…  </p>



 <p>Par la suite, le jeune adulte que j’étais a fait rentrer <a href="https://www.seuil.com/ouvrage/la-convivialite-ivan-illich/9782757842119">Illich</a> dans sa bibliothèque, au milieu d’autres autrices et auteurs politiques. J’ai aussi lu scrupuleusement les articles écologistes de Charlie Hebdo critiquant le protocole de Tokyo ou encore la politique de M. La-Maison-Brule en la matière. </p>



 <p>Et la vie avance et, avec elle, la difficile conciliation entre les actes et les valeurs. Je me suis raccroché et, à la fois, ai maudit cette mode des petits gestes. Pour moi ce sont des gestes qui relèvent du bon sens et qui cachent de plus grandes attentes. Cela n’empêchait nullement, de ma part, un certain nombre d’écarts. Aujourd’hui, je vis nettement mieux avec ça, ayant fait des choix qui tendent à réduire ces écarts. </p>



 <p>Voilà pour les aspects personnels, pour la partie plus sociétale j’avais deux secrets espoirs. </p>



 <p>Le premier est une prise de conscience du problème quand arriveraient les premiers signes tangibles et indiscutables d’un dérèglement climatique.</p>



 <p> Le second, que la vitesse du changement soit suffisamment lente pour que s’opère un changement de la société. </p>



 <p>J’ai cité l’An 01 dans mes références, mais je pourrais aussi parler de la Belle Verte. Avant de continuer, je vous invite d’ailleurs à un petit extrait de ce chef-d’œuvre<sup class="endnote"><a href="#en-650-3" id="enref-650-3">3</a></sup> de légèreté avant de reprendre le billet. </p>



 <figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><p class="wp-block-embed__wrapper">
 <iframe src="https://www.youtube.com/embed/6ShBEsmPvhg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="La Belle Verte - le rétroviseur">VIDEO</iframe>
 </p></figure>



 <p>« TU LEUR AS DIT MERCI AUX VACHES! » Euh pardon…</p>



 <p>Comment dire que ces dernières années ont douché mes espoirs et fait naître ce sentiment d’anxiété évoqué plus haut. Après; il n’est pas tout à fait incapacitant. Je n’ai pas lu particulièrement <a href="https://www.vie-publique.fr/en-bref/284713-nouveau-rapport-du-giec-des-solutions-face-au-rechauffement-climatique">le rapport du GIEC</a> ou <a href="https://www.dargaud.com/bd/le-monde-sans-fin-miracle-energetique-et-derive-climatique-bda5378080">« Le monde sans fin »</a> de Jancovici et Blain. Je m’y intéresse de loin, le truc que tu sais qui existe sans en avoir creuser vraiment le détail. </p>



 <p>En revanche je m’implique dans diverses associations, dans des mouvements et dans un contexte politique. Mais ce n’est pas là forcément la solution promise plus haut, en clair en dépit de quelques avancées et petites réussites, je n’ai pas ressenti de véritable changements.</p>



 <h2>Mon parcours… en fresque</h2>



 <p>Après ce prologue un petit peu long, venons en à ce samedi matin où j’ai participé à ma première <a href="https://fresqueduclimat.org/">fresque du climat</a>.</p>



 <p>Pour ceux qui ne connaissent pas, la fresque du climat est une association et une action de sensibilisation au réchauffement climatique. A travers un jeu collaboratif, les participants vont construire une fresque résumant le processus qui se joue, des causes aux conséquences. Le jeu se base sur les rapports du GIEC, il se dérive également en fresque du numérique, des transports, etc…</p>



 <p>Si vous voulez y participer, rendez vous sur <a href="https://fresqueduclimat.org/">le site de l’association</a> et vous trouverez un agenda des prochaines fresques près de chez vous.</p>



 <p>Contrairement au reste de ma famille (et oui on est légèrement conscientisé) je n’avais pas encore eu l’occasion d’y aller en personne. L’opportunité m’a été donné d’y aller dans le cadre de mes fonctions de conseiller municipal, en compagnie d’autres élus de ma commune et de celle voisine. Dès le départ j’ai senti plusieurs axes positif se dessiner.</p>



 <p>Le premier étant qu’un événement de sorte à la rentrée est un bon starter pour l’année scolaire. Même si on ne chôme pas pendant l’été, j’ai appris que le rythme d’une municipalité, en tout cas de la notre, est très lié à l’année scolaire, plus que l’année calendaire. Oui ça un bon goût de kick-off si on revient dans le vocabulaire de l’organisation d’entreprises.</p>



 <p>Le deuxième que j’allais apprendre des choses avec d’autres personnes. Je ne savais pas encore quoi ni qui mais c’est bien là la raison d’être de ce genre d’exercice. Parler de ce qu’on connait déjà avec des gens convaincus, j’avais déjà donné et je savais que c’était un peu stérile. J’ai eu l’impression que ça n’allais pas être le cas ici.</p>



 <p>Ensuite concernant le déroulé de l’exercice en lui même, il s’agit, comme je l’ai dit, d’un jeu collaboratif. L’ancien agiliste ludophile que je suis n’a pas été dépaysé 😉 Le jeu en lui même est bien mené. Nous sommes entouré d’animateurs et animatrices (ou encore « fresqueurs » et « fresqueuses »). L’objectif de ce jeu est de construire une « Fresque du climat ». Mais quoi qu’est-ce donc ?</p>



 <p>Tout commence avec une grande feuille de papier devant nous. Ce « nous » c’est un groupe constitué de 4 à 5 personnes. Nous étions d’ailleurs 17 participants ce qui a permis de créer 4 groupes donc 4 fresques. Les animateurs vont nous distribuer, en trois, un jeu de cartes que nous allons déposer sur la grande feuille de papier pour construire notre fresque. Sur ces cartes nous allons retrouver les composantes (causes, phénomènes, conséquences) du réchauffement climatique. Ces cartes il nous est demandé de les disposer dans un ordre logique, des causes aux conséquences. Attention il y’a parfois des pièges. </p>



 <p>Le jeu est mené de tel manière qu’il va amener le groupe à se poser des questions sur le sens et la signification des cartes. Des explications sont fournies au dos mais nous ne pouvons les lire avant de les placer. Tout du moins au début. Les animateurs sont là pour nous guider sans nous diriger et répondre à certaines de nos interrogations. Les échanges, surtout avec des personnes que l’on a l’habitude de côtoyer se sont avérés très intéressants. Ce jeu permet de dépasser la discussion anecdotique sur le sujet, le « ha ma pauv’dame, y’a plus de saisons ». C’est aussi l’occasion de mettre des mots sur des concepts (même si j’en ai oublié une bonne partie depuis). Un autre point très intéressant c’est que chacun interprète les faits selon sa grille d’analyse, personnelle ou politique. Ce qui peut mener à diverses réflexions et prise de conscience. </p>



 <p>Une fois que les fresques sont construites et que le constat est fait, passe le moment  de l’action. Il me semble que dans une fresque plus « classique » on discute des actions personnelles, ici nous avons évoquer des actions plus générales. Comme dans un jeu agile, on dispose les actions sur des post-its qui sont ensuite posé sur une grille avec deux axes, l’un sur la simplicité de la mise en œuvre de l’action et l’autre la conséquence de l’action du court au moyen terme.</p>



 <p>Au final nous nous sommes accordés sur deux tâches qui vont être le fil rouge de nos actions prochaines.</p>



 <h2>Mon parcours… informel</h2>



 <p>Après avoir bien cogité à la fois dans un registre d’apprentissage et aussi de prospection, des discussions ont émergés d’elles-mêmes après la fresque. Pour certaines elles furent la suite de quelques réflexions pendant la fresque. Ce temps de discussion, qui fait presque partie de l’exercice, a été appréciable. Je suis pas certains que ce soit très orthodoxe mais je n’ai pas encore creusé le sujet. En tout cas les trois heures théoriques ont été bien dépassée.</p>



 <p>Je ne dirais pas que tout est parfait et que nous avons révolutionné le monde, mais j’ai noté, chez quelques personnes, des prises de conscience sur le sujet à divers degrés. Que ce soit des simples banalités ou bien des réflexion plus profondes, chacun et chacune a pu trouver une manière de s’exprimer et le dialogue s’est enclenché. </p>



 <p>Il est intéressant de noter les préoccupations qui animent les partocipantes et participant à ce moment. Pour certains ce sera des questions de gâchis, pour d’autres des préoccupations autour de l’environnement, de l’eau. Sont évoqués aussi les injonctions réelles ou fantasmés. Le sujet des voitures électriques ou des bouteilles consignées sont arrivés sur la table. </p>



 <h2>Aparté sur les biais</h2>



 <p>On pourrait penser, à juste titre, que l’exercice est un peu biaisé. J’en ai conscience. Je pense que pas mal de personne assistant aux fresques sont des personnes ayant déjà une approche de la question, une conscience en place sur le changement climatique. Ce n’est pas faux en effet. Comme ici, il était proposé à un certains nombres de personnes (environ 40) de participer, cela représente déjà un certains panel intéressant. </p>



 <p>Et même si seulement 17 personnes sont venus leur présence a participé à cette optimisme post-fresques. J’ai pu voir réfléchir sur le sujet des personnes qui ne l’avais jamais réellement pris à cœur, mis à part sous le prisme des memes facebook ou d’actualités plus générales.</p>



 <p>Comment puis-je en être sur ? Outre le fait que je connaissais ces personnes, tout simplement par l’exercice lui même. L’ice-breaker (ou l’exercice qui permet de briser la glace) consiste à se mettre sur une ligne en fonction de la position de conscientisation (ou même d’éco-anxiété) dans laquelle on se sent. Est-ce que c’est un simple sentiment latent ou bien une obsession de chaque instant ?  Je me suis placé pas tout à fait à un bout de la chaine. </p>



 <h2>Mon parcours… bombes à graines</h2>



 <p>Je viens donc à la deuxième partie mystérieuse de mon titre.</p>



 <p>En rentrant chez moi, à travers une marche méditative (mais peut-il en être autrement de la marche ?) une image m’a frappé (ouille). L’image en question est celle de la <a href="https://fr.wikipedia.org/wiki/Boulette_de_graines">bombe à graines</a>, que ce soit celle manufacturée par l’homme aussi bien que la bombe naturelle, comme celle des coquelicots.</p>



 <p>Pour reprendre le cheminement de pensée, il faut dire que, avant, pendant et après l’exercice, j’ai beaucoup discuté de divers sujets avec les présentes et présents. De ces discussions ont émergé des idées d’atelier, de communication à faire, de gens à contacter, etc. J’ai repensé alors à mon expérience et mon passé d’organisateur de meet-up (je n’ai pas trouvé de terme plus appropriés qui permettrait de résumer l’action) et de participant et orateur à des conférences. </p>



 <p>En clair dans mon esprit voilà les liens qui se sont mis en oeuvre : Si je n’avais été à une conférence et discuté avec une personne en particulier je n’aurais pas entendu d’un projet d’association, qui a conduit à créer une antenne locale de cette association, qui m’a conduit a créer des événements et me pencher sur la question des meetups, qui m’a donné une expérience dans l’organisation, qui m’a appris comment il était possible de fédérer orateurs, entreprises et participantes et participants, ce qui a conduit à m’intégrer dans un écosystème communautaire plus large. Et de ce nouveau point de départ découle une série de conséquences qui amène à un autre point d’étapes, etc…</p>



 <p>Pour moi la bombe à graines c’est ça, cette façon dont les actions influence  d’autres actions. Je me dis que au-delà de l’influence personnel, d’autres reçoivent ces graines et vont, à leur tour, les faire germer à leur tour.</p>



 <p>Il est souvent facile de se décourager, de se dire que ce qu’on écrit ou fait ne vaut pas la peine, car tout à été dit ou fait, mais on n’est pas à l’abri d’une bonne surprise. Comme je l’ai dit, une simple conversation peut changer une vie à l’autre bout du monde.</p>



 <h2>Mon parcours… de convalescence</h2>



 <p>A l’issu de la fresque, avant de discuter des actions ou engagement, nous est demandé de noter un mot décrivant notre état ou sentiment à ce moment là (en gros le moment où on vient d’achever la fresque et pris conscience des enjeux).</p>



 <p>Pour ma part j’ai noté le mot « impatient », c’est ça. C’est un double sens. Je suis à la fois impatient de voir les actions menées et mener les actions moi même. Je suis également impatient de voir ce qui va se passer ces trois prochaines années. Oui l’urgence conditionne et implique cette éco anxiété mais cette deadline, cette borne temporelle qu’est ce qu’elle nous réserve ? Je ne sais pas mais j’ai envie de voir finalement. Peut-être que le pire comme le meilleur nous attends. J’ai bon espoir tout en me sentant informé. Bref c’est pas forcément rassurant mais il ne faut pas perdre l’espoir.</p>



 <p>Mais pourquoi je me sens donc moins anxieux qu’avant ? Parce que je me rends compte que je n’ai pas vraiment répondu à la question.</p>



 <p>Je ne dirais pas que je suis complétement serein à l’heure actuelle. Il reste des raisons d’angoisser mais j’aborde, après cette fresque, le sujet avec un peu plus d’optimisme. C’est positif de voir des personnes prendre conscience des enjeux, sans que ce soit feint ou bien que ce soit juste de façade, histoire de verdir un discours. Comme je l’ai déjà lu, ou entendu quelque part, la dérèglement climatique ce n’est pas un gros problème à résoudre mais une multitude de petits. Quand on met un peu le doigt dedans on s’en rend vite compte et on a envie de partir sur le front pour se charger de plusieurs sujets, que ce soit pour faire évoluer ses pratiques ou militer. De savoir que d’autres nous rejoignent sur le sujet c’est positif. </p>



 <p>Si je dois résumer ce qui m’a fait le plus de bien, ce serait d’avoir déchargé un peu mon sac et d’avoir partagé les poids qui m’oppressent parfois. Il y’aura des suites bien sur, c’est déjà prévus. Nous verrons bien si cet événement fait parti des petit pas que nous faisons pour aller vers un mieux. Comme je l’ai dit je suis vraiment impatient. </p>


 <div class="endnotes" id="hhendnotes-650"><h3>Notes</h3><ol><li id="en-650-1">Hommage presque direct au <a href="https://www.actuabd.com/+Le-Bonheur-inquiet-de-Lewis-Trondheim+">bonheur inquiet</a> de Lewis Trondheim <span class="endnotereverse"><a href="#enref-650-1">↩</a></span></li><li id="en-650-2">Remember Tchernobyl et  la navette challenger <span class="endnotereverse"><a href="#enref-650-2">↩</a></span></li><li id="en-650-3">Oui j’exagère peut-être mais bon quoi dire d’autre? <span class="endnotereverse"><a href="#enref-650-3">↩</a></span></li></ol></div>
--- a/cache/2022/e33bbb49c8c58793420809f920c92868/index.html
+++ b/cache/2022/e33bbb49c8c58793420809f920c92868/index.html
@@ -0,0 +1,320 @@
 <!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>Dis tonton, c’est quoi les blocages d’instance sur Mastodon ? (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://n.survol.fr/n/dis-tonton-cest-quoi-les-blocages-dinstance-sur-mastodon">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>Dis tonton, c’est quoi les blocages d’instance sur Mastodon ?</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://n.survol.fr/n/dis-tonton-cest-quoi-les-blocages-dinstance-sur-mastodon" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p>Voilà qu’on reparle de modération de Mastodon. <a href="https://blog.infosec.exchange/2022/11/20/an-update-on-journa-host/">L’histoire de départ</a> c’est une instance (« <em>Infosec</em> ») qui a choisi d’en mettre une autre (« <em>Journa</em> ») sous silence pour ne pas subit les propos que cette dernière a choisi de laisser en ligne.</p>

 <blockquote class="wp-block-quote"><p><em>Hein ? Une instance ?</em></p></blockquote>

 <p>Mastodon fonctionne à travers un réseau fédéré. Son petit nom est le fédiverse. Les utilisateurs sont regroupés en ilots plus ou moins gros qu’on appelle les instances. Certains utilisateurs ont leur propre instance personnel. D’autres instances regroupent plusieurs dizaines de milliers de personnes. </p>

 <p>Si un Tom d’<em>Infosec</em> est abonné à Alice de <em>Journa</em>, alors les deux instances communiquent entre elles pour que <em>Journa</em> envoie les messages d’Alice à <em>Infosec</em>. <em>Infosec</em> fera ensuite en sorte de les présenter à Tom. </p>

 <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.

 Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.

 Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.

 Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21761" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Différentes instances</figcaption></figure>

 <p>Vous connaissez déjà ça avec les emails, qui fonctionnent sur le même principe. On a un îlot Gmail, un Outlook, un Yahoo, un Orange, un Free… et chaque entreprise créé le sien avec son propre nom.</p>

 <blockquote class="wp-block-quote"><p><em>Ok, mais c’est quoi le blocage d’une instance ?</em></p></blockquote>

 <p>Si <em>Infosec</em> choisit de bloquer entièrement <em>Journa</em>, alors elle ne traitera plus les nouveaux messages de cette dernière et n’y enverra plus les siens. On parle de défédérer une instance.</p>

 <p>Cette procédure n’influera que sur l’instance qui réalise qui le blocage (<em>Infosec</em>) et les utilisateurs de cette dernière. L’instance ciblée (<em>Journa</em>) continuera à converser avec toutes les milliers d’autres instances du réseau.</p>

 <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.

 La flèche qui va du cercle des A vers le cercle des T est bloqué par une croix rouge du côté du cercle des T.
 La flèche qui va du cercle des T vers le cercle des A est bloquée elle aussi au niveau du cercle des T, et est représentée en pointillés.

 Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.

 Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.

 Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21762" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Blocage d’une instance par une autre.</figcaption></figure>

 <p>En réalité il y a un niveau intermédiaire qu’on appelle la mise sous silence.</p>

 <p>Mastodon a trois flux : le flux personnel qui présente uniquement les abonnements, le flux local qui présente uniquement les messages locaux à l’instance, et le flux fédéré qui présente tous les messages reçus par l’instance.</p>

 <p>La mise sous silence masque les contenus concernés dans le flux fédéré mais permet de recevoir des messages dans le flux personnel à condition de s’y être explicitement abonné.</p>

 <p>C’est ce niveau de blocage intermédiaire (la mise sous silence) qui a été mis en œuvre par <em>Infosec</em>.</p>

 <blockquote class="wp-block-quote"><p><em>Mais pourquoi faire ça ?</em></p></blockquote>

 <p>La vraie réponse : Peu importe. Si tu choisis de ne pas écouter CNews chez toi, tu n’as pas à donner d’explication. C’est ton choix. </p>

 <p>C’est la même chose pour l’instance <em>Infosec</em> et ses utilisateurs : Ils font ce qu’ils veulent chez eux.</p>

 <p>Le plus souvent on bloque une instance quand elle est la source de spam, de harcèlements, ou de propos racistes, transphobes, handiphobes, pédopornographiques ou injurieux. </p>

 <p>Chaque instance a ses propres sensibilités. Certaines tiennent à une liberté d’expression très large, d’autres préfèrent exclure la pornographie ou certains sujets pour créer un espace qui leur convient. </p>

 <p>Certains préfèrent une modération légère quitte à subir parfois quelques contenus problématiques là où d’autres préfèrent une modération forte quitte à limiter certaines interactions externes légitimes. </p>

 <p>C’est un choix local, qui ne concerne qu’eux.</p>

 <p>Ici <em>Infosec</em> a jugé que certains propos venant de <em>Journa</em> étaient transphobes et les utilisateurs d’<em>Infosec</em> souhaitaient s’en protéger (c’est à dire ne plus les voir ni en assurer la transmission chez eux).</p>

 <blockquote class="wp-block-quote"><p><em>On bloque toute une instance et tous les utilisateurs pour </em>un<em> unique message problématique ?</em></p></blockquote>

 <p>Mastodon prévoit un moyen de signaler les propos gênants à l’instance d’origine. Le plus souvent les blocages d’instance interviennent quand l’instance d’origine (ici <em>Journa</em>) refuse d’agir, ou que le problème survient trop régulièrement.</p>

 <p>Pour faire un parallèle, si je sais que CNews invite régulièrement des invités que je ne supporte pas, je peux préférer ne plus du tout regarder CNews pour m’en protéger, quitte à ne plus entendre certains autres invités qui seraient eux acceptables à mes yeux. Je n’interdis pas CNews, je choisis juste de ne pas diffuser cette chaîne dans mon salon.</p>

 <p>J’avoue que sur ce sujet, si j’avais eu à modérer, avec une seule occurrence qui n’est qu’un partage d’un contenu d’un journal de référence, j’aurais mis sous silence uniquement l’utilisateur concerné et pas l’instance, mais ce n’est que mon choix lié à mes équilibres personnels.</p>

 <p><em>Infosec</em> a fait un autre choix, et il ne regarde qu’eux.</p>

 <blockquote class="wp-block-quote"><p><em>Pourquoi est-ce que Journa a refusé d’agir sur des propos transphobes ?</em></p></blockquote>

 <p>Les équilibres de liberté d’expression sont très subjectifs. Tous les pays n’ont déjà pas le même socle de base en interne. Les communautés peuvent en plus choisir d’aller au-delà de ce socle de base. Certaines le font, d’autres pas, et pas toujours sur les mêmes sujets.</p>

 <p>Enfin, parfois il y a simplement désaccord sur ce qui est ou pas injurieux, ce qui est ou pas transphobe, ce qui est ou pas raciste, ce qui est ou pas un constitutif d’un harcèlement, etc.</p>

 <p>Les communautés se regroupent autour de politiques, valeurs et cultures communes, mais n’ont pas forcément les mêmes que le voisin.</p>

 <p>C’est ce qu’il se passe ici. Soit <em>Journa</em> a considéré que l’article du New York Times relayé était suffisamment étayé avec des avis de docteurs et chercheurs à propos des effets indésirables de certains traitements, soit <em>Journa</em> n’a pas agit en pensant que ce n’est pas son rôle de trancher une telle question et remettre en cause le New York Times. </p>

 <p>D’autres personnes sur <em>Infosec</em> ont, elles, considéré que le contenu était transphobe et qu’il valait mieux bloquer l’instance si elle n’agissait pas pour empêcher la diffusion de contenus transphobes à l’avenir. <em>Infosec</em> a agit en fonction de ses propres utilisateurs, et ça ne regarde qu’eux (oui, je me répète mais c’est important).</p>

 <blockquote class="wp-block-quote"><p><em>Ça pose quand même un sacré problème de liberté d’expression, non ?</em></p></blockquote>

 <p>En fait, pas vraiment, pas beaucoup plus que tous les gens qui comme moi font le choix de ne jamais allumer la TV sur CNews.</p>

 <p>Personne n’empêche les membres de <em>Journa</em> de s’exprimer, ou d’être entendu, ou même d’être relayé sur la très grande majorité des instances Mastodon.</p>

 <p>Dans le schéma de tout à l’heure, le blocage est à la périphérie de l’instance <em>Infosec</em> et pas à la périphérie de l’instance <em>Journa</em>. Tant qu’<em>Infosec</em> n’est qu’un des très nombreux acteurs du réseau, ça ne pose pas de problème majeur.</p>

 <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.

 La flèche qui va du cercle des A vers le cercle des T est bloqué par une croix rouge du côté du cercle des T.
 La flèche qui va du cercle des T vers le cercle des A est bloquée elle aussi au niveau du cercle des T, et est représentée en pointillés.

 Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.

 Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.

 Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21762" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Blocage d’une instance par une autre.</figcaption></figure>

 <p>Les seuls pour qui il y aurait potentiellement un enjeu de liberté d’expression, ce sont les membres de l’instance d’<em>Infosec</em>.</p>

 <blockquote class="wp-block-quote"><p><em>Ahah ! Tu vois, tu le dis toi-même, il y a bien un problème pour eux !</em></p></blockquote>

 <p>Ça dépend. Si je participe à une association, qu’il y a une TV dans la salle de pause et qu’il a été décide que cette TV diffuserait Arte plutôt que CNews, est-ce une atteinte à la liberté d’expression parce que je ne peux pas y écouter les chroniqueurs de CNews ? </p>

 <p>Probablement pas : Je peux encore écouter CNews chez moi, ou dans une autre association, ou même monter ma propre association qui aura des règles différentes. Cela ne commencera à être un problème que si ma capacité à aller voir ailleurs est limitée ou complexe, ou si on donne à l’association d’origine une autorité quelconque.</p>

 <p>C’est exactement la même chose avec <em>Infosec</em>. Ses membres peuvent toujours aller lire <em>Journa</em> ailleurs avec un second compte, ou déménager leur compte principal sur une autre instance, ou même monter leur propre instance. Ajouter un second compte ou migrer ailleurs est facile, sans limite.</p>

 <p>Non seulement personne ne bride l’expression des membres de <em>Journa</em> mais en plus personne ne limite la capacité à aller les lire facilement.</p>

 <blockquote class="wp-block-quote"><p><em>Pourtant tu disais toi-même que…</em></p></blockquote>

 <p>La question surgirait différemment si <em>Infosec</em> avait une situation de quasi-monopole, ou que toutes les instances bloquant <em>Journa</em> avaient en se regroupant une situation de quasi-monopole limitant de fait la capacité à accéder au contenu dont on parle.</p>

 <p>Ce n’est pas le cas aujourd’hui.</p>

 <p>Ce serait aussi un sujet pour un blocage litigieux réalisé de façon cachée. Ici l’administrateur d’<em>Infosec</em> a publié un billet sur le sujet et le fait même que j’en parle ici montre qu’on est loin de ce cas.</p>

 <blockquote class="wp-block-quote"><p><em>Ça pose au moins une question de démocratie interne d’Infosec</em></p></blockquote>

 <p>Pas à mon avis. Tout fonctionnement interne n’a pas forcément à être démocratique. C’est important pour un pays ou une collectivité territoriale parce qu’on ne choisit pas son pays d’origine et qu’on ne change pas facilement de pays ou de territoire.</p>

 <p>La démocratie c’est « le pouvoir au peuple ». Sur Mastodon l’utilisateur a le pouvoir vu qu’il peut choisir à tout moment une instance avec des règles qui lui conviennent, sans avoir de conséquences négatives significatives.</p>

 <p>C’est d’autant moins un sujet que le message de l’administrateur d’<em>Infosec</em> laisse entendre que ce sont des utilisateurs de l’instance qui l’ont fait agir et pas lui qui a pris la décision unilatéralement.</p>

 <blockquote class="wp-block-quote"><p><em>Mais alors il n’y a aucun problème ?</em></p></blockquote>

 <p>Il y a <em>plein</em> de problèmes, mais pas forcément des questions de liberté d’expression ou de démocratie, et pas forcément sur le cas <em>Infosec</em> – <em>Journa</em>.</p>

 <p>Un premier problème est la transparence. <em>Infosec</em> a agi en transparence mais ce n’a pas toujours été lé cas de toutes les instances par le passé. Quand c’est transparent on fait nos choix, éventuellement on va voir ailleurs. Quand c’est caché ça veut dire manipuler l’information reçue et influencer des personnes sans qu’ils ne le sachent, et ça c’est déjà beaucoup plus litigieux. </p>

 <p>La contrainte est un second problème. Ce ne semble pas le cas ici mais par le passé la menace de défédérer a été utilisée comme une pression pour forcer une autre communauté à changer ses propres règles et valeurs (« si tu ne bloques pas l’instance xxx alors on bloque ton instance aussi »). On est là dans une démarche où l’outil a été détourné pour devenir une arme plutôt qu’un bouclier. </p>

 <p>Enfin, il y a un sujet si une instance ou un groupe d’instances peut avoir suffisamment de poids pour que ça devienne effectivement un sujet de liberté d’expression. C’est particulièrement le cas si on cumule avec le problème précédent. Là ça peut être aussi moche qu’un réseau centralisé, ou créer plusieurs sous-réseaux indépendants et qui ne communiquent pas entre eux.</p>

 <blockquote class="wp-block-quote"><p>Du coup le système de Mastodon est problématique ?</p></blockquote>

 <p>Oui, non, ça dépend de tes propres choix.</p>

 <p>C’est juste qu’il n’y a pas de système parfait ni de façon universelle de positionner les équilibres entre les différents enjeux.</p>

 <p>Le choix de Mastodon est un choix qui répond à des problèmes vus sur Twitter ou d’autres réseaux centralisés, qui ouvre d’autres possibilités et d’autres façons de penser les équilibres. C’est déjà pas mal.</p>

 <blockquote class="wp-block-quote"><p>Que peut-on améliorer ?</p></blockquote>

 <ol><li>Inciter à plus de transparence à l’intérieur d’une instance, sur ce qui est bloqué globalement et pourquoi.</li><li>Refuser globalement les guerres de modération entre instances et les instances qui veulent contraindre les règles des autres (le « si tu ne bloques pas l’instance xxx alors on bloque ton instance aussi ») </li><li>S’assurer qu’aucune instance ne représente plus de 20% des utilisateurs actifs, et qu’un groupe d’instances ne devienne majoritaire au point de pouvoir devenir un problème.</li><li>Faire en sorte que jamais la procédure de déménagement de compte ne soit limitée, même en cas de blocage d’instance.</li></ol>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/e33bbb49c8c58793420809f920c92868/index.md
+++ b/cache/2022/e33bbb49c8c58793420809f920c92868/index.md
@@ -0,0 +1,277 @@
 title: Dis tonton, c’est quoi les blocages d’instance sur Mastodon ?
 url: https://n.survol.fr/n/dis-tonton-cest-quoi-les-blocages-dinstance-sur-mastodon
 hash_url: e33bbb49c8c58793420809f920c92868

 <p>Voilà qu’on reparle de modération de Mastodon. <a href="https://blog.infosec.exchange/2022/11/20/an-update-on-journa-host/">L’histoire de départ</a> c’est une instance (« <em>Infosec</em> ») qui a choisi d’en mettre une autre (« <em>Journa</em> ») sous silence pour ne pas subit les propos que cette dernière a choisi de laisser en ligne.</p>



 <blockquote class="wp-block-quote"><p><em>Hein ? Une instance ?</em></p></blockquote>



 <p>Mastodon fonctionne à travers un réseau fédéré. Son petit nom est le fédiverse. Les utilisateurs sont regroupés en ilots plus ou moins gros qu’on appelle les instances. Certains utilisateurs ont leur propre instance personnel. D’autres instances regroupent plusieurs dizaines de milliers de personnes. </p>



 <p>Si un Tom d’<em>Infosec</em> est abonné à Alice de <em>Journa</em>, alors les deux instances communiquent entre elles pour que <em>Journa</em> envoie les messages d’Alice à <em>Infosec</em>. <em>Infosec</em> fera ensuite en sorte de les présenter à Tom. </p>



 <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.

 Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.

 Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.

 Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21761" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Différentes instances</figcaption></figure>



 <p>Vous connaissez déjà ça avec les emails, qui fonctionnent sur le même principe. On a un îlot Gmail, un Outlook, un Yahoo, un Orange, un Free… et chaque entreprise créé le sien avec son propre nom.</p>



 <blockquote class="wp-block-quote"><p><em>Ok, mais c’est quoi le blocage d’une instance ?</em></p></blockquote>



 <p>Si <em>Infosec</em> choisit de bloquer entièrement <em>Journa</em>, alors elle ne traitera plus les nouveaux messages de cette dernière et n’y enverra plus les siens. On parle de défédérer une instance.</p>



 <p>Cette procédure n’influera que sur l’instance qui réalise qui le blocage (<em>Infosec</em>) et les utilisateurs de cette dernière. L’instance ciblée (<em>Journa</em>) continuera à converser avec toutes les milliers d’autres instances du réseau.</p>



 <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.

 La flèche qui va du cercle des A vers le cercle des T est bloqué par une croix rouge du côté du cercle des T.
 La flèche qui va du cercle des T vers le cercle des A est bloquée elle aussi au niveau du cercle des T, et est représentée en pointillés.

 Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.

 Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.

 Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21762" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Blocage d’une instance par une autre.</figcaption></figure>



 <p>En réalité il y a un niveau intermédiaire qu’on appelle la mise sous silence.</p>



 <p>Mastodon a trois flux : le flux personnel qui présente uniquement les abonnements, le flux local qui présente uniquement les messages locaux à l’instance, et le flux fédéré qui présente tous les messages reçus par l’instance.</p>



 <p>La mise sous silence masque les contenus concernés dans le flux fédéré mais permet de recevoir des messages dans le flux personnel à condition de s’y être explicitement abonné.</p>



 <p>C’est ce niveau de blocage intermédiaire (la mise sous silence) qui a été mis en œuvre par <em>Infosec</em>.</p>



 <blockquote class="wp-block-quote"><p><em>Mais pourquoi faire ça ?</em></p></blockquote>



 <p>La vraie réponse : Peu importe. Si tu choisis de ne pas écouter CNews chez toi, tu n’as pas à donner d’explication. C’est ton choix. </p>



 <p>C’est la même chose pour l’instance <em>Infosec</em> et ses utilisateurs : Ils font ce qu’ils veulent chez eux.</p>



 <p>Le plus souvent on bloque une instance quand elle est la source de spam, de harcèlements, ou de propos racistes, transphobes, handiphobes, pédopornographiques ou injurieux. </p>



 <p>Chaque instance a ses propres sensibilités. Certaines tiennent à une liberté d’expression très large, d’autres préfèrent exclure la pornographie ou certains sujets pour créer un espace qui leur convient. </p>



 <p>Certains préfèrent une modération légère quitte à subir parfois quelques contenus problématiques là où d’autres préfèrent une modération forte quitte à limiter certaines interactions externes légitimes. </p>



 <p>C’est un choix local, qui ne concerne qu’eux.</p>



 <p>Ici <em>Infosec</em> a jugé que certains propos venant de <em>Journa</em> étaient transphobes et les utilisateurs d’<em>Infosec</em> souhaitaient s’en protéger (c’est à dire ne plus les voir ni en assurer la transmission chez eux).</p>



 <blockquote class="wp-block-quote"><p><em>On bloque toute une instance et tous les utilisateurs pour </em>un<em> unique message problématique ?</em></p></blockquote>



 <p>Mastodon prévoit un moyen de signaler les propos gênants à l’instance d’origine. Le plus souvent les blocages d’instance interviennent quand l’instance d’origine (ici <em>Journa</em>) refuse d’agir, ou que le problème survient trop régulièrement.</p>



 <p>Pour faire un parallèle, si je sais que CNews invite régulièrement des invités que je ne supporte pas, je peux préférer ne plus du tout regarder CNews pour m’en protéger, quitte à ne plus entendre certains autres invités qui seraient eux acceptables à mes yeux. Je n’interdis pas CNews, je choisis juste de ne pas diffuser cette chaîne dans mon salon.</p>



 <p>J’avoue que sur ce sujet, si j’avais eu à modérer, avec une seule occurrence qui n’est qu’un partage d’un contenu d’un journal de référence, j’aurais mis sous silence uniquement l’utilisateur concerné et pas l’instance, mais ce n’est que mon choix lié à mes équilibres personnels.</p>



 <p><em>Infosec</em> a fait un autre choix, et il ne regarde qu’eux.</p>



 <blockquote class="wp-block-quote"><p><em>Pourquoi est-ce que Journa a refusé d’agir sur des propos transphobes ?</em></p></blockquote>



 <p>Les équilibres de liberté d’expression sont très subjectifs. Tous les pays n’ont déjà pas le même socle de base en interne. Les communautés peuvent en plus choisir d’aller au-delà de ce socle de base. Certaines le font, d’autres pas, et pas toujours sur les mêmes sujets.</p>



 <p>Enfin, parfois il y a simplement désaccord sur ce qui est ou pas injurieux, ce qui est ou pas transphobe, ce qui est ou pas raciste, ce qui est ou pas un constitutif d’un harcèlement, etc.</p>



 <p>Les communautés se regroupent autour de politiques, valeurs et cultures communes, mais n’ont pas forcément les mêmes que le voisin.</p>



 <p>C’est ce qu’il se passe ici. Soit <em>Journa</em> a considéré que l’article du New York Times relayé était suffisamment étayé avec des avis de docteurs et chercheurs à propos des effets indésirables de certains traitements, soit <em>Journa</em> n’a pas agit en pensant que ce n’est pas son rôle de trancher une telle question et remettre en cause le New York Times. </p>



 <p>D’autres personnes sur <em>Infosec</em> ont, elles, considéré que le contenu était transphobe et qu’il valait mieux bloquer l’instance si elle n’agissait pas pour empêcher la diffusion de contenus transphobes à l’avenir. <em>Infosec</em> a agit en fonction de ses propres utilisateurs, et ça ne regarde qu’eux (oui, je me répète mais c’est important).</p>



 <blockquote class="wp-block-quote"><p><em>Ça pose quand même un sacré problème de liberté d’expression, non ?</em></p></blockquote>



 <p>En fait, pas vraiment, pas beaucoup plus que tous les gens qui comme moi font le choix de ne jamais allumer la TV sur CNews.</p>



 <p>Personne n’empêche les membres de <em>Journa</em> de s’exprimer, ou d’être entendu, ou même d’être relayé sur la très grande majorité des instances Mastodon.</p>



 <p>Dans le schéma de tout à l’heure, le blocage est à la périphérie de l’instance <em>Infosec</em> et pas à la périphérie de l’instance <em>Journa</em>. Tant qu’<em>Infosec</em> n’est qu’un des très nombreux acteurs du réseau, ça ne pose pas de problème majeur.</p>



 <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.

 La flèche qui va du cercle des A vers le cercle des T est bloqué par une croix rouge du côté du cercle des T.
 La flèche qui va du cercle des T vers le cercle des A est bloquée elle aussi au niveau du cercle des T, et est représentée en pointillés.

 Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.

 Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.

 Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21762" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Blocage d’une instance par une autre.</figcaption></figure>



 <p>Les seuls pour qui il y aurait potentiellement un enjeu de liberté d’expression, ce sont les membres de l’instance d’<em>Infosec</em>.</p>



 <blockquote class="wp-block-quote"><p><em>Ahah ! Tu vois, tu le dis toi-même, il y a bien un problème pour eux !</em></p></blockquote>



 <p>Ça dépend. Si je participe à une association, qu’il y a une TV dans la salle de pause et qu’il a été décide que cette TV diffuserait Arte plutôt que CNews, est-ce une atteinte à la liberté d’expression parce que je ne peux pas y écouter les chroniqueurs de CNews ? </p>



 <p>Probablement pas : Je peux encore écouter CNews chez moi, ou dans une autre association, ou même monter ma propre association qui aura des règles différentes. Cela ne commencera à être un problème que si ma capacité à aller voir ailleurs est limitée ou complexe, ou si on donne à l’association d’origine une autorité quelconque.</p>



 <p>C’est exactement la même chose avec <em>Infosec</em>. Ses membres peuvent toujours aller lire <em>Journa</em> ailleurs avec un second compte, ou déménager leur compte principal sur une autre instance, ou même monter leur propre instance. Ajouter un second compte ou migrer ailleurs est facile, sans limite.</p>



 <p>Non seulement personne ne bride l’expression des membres de <em>Journa</em> mais en plus personne ne limite la capacité à aller les lire facilement.</p>



 <blockquote class="wp-block-quote"><p><em>Pourtant tu disais toi-même que…</em></p></blockquote>



 <p>La question surgirait différemment si <em>Infosec</em> avait une situation de quasi-monopole, ou que toutes les instances bloquant <em>Journa</em> avaient en se regroupant une situation de quasi-monopole limitant de fait la capacité à accéder au contenu dont on parle.</p>



 <p>Ce n’est pas le cas aujourd’hui.</p>



 <p>Ce serait aussi un sujet pour un blocage litigieux réalisé de façon cachée. Ici l’administrateur d’<em>Infosec</em> a publié un billet sur le sujet et le fait même que j’en parle ici montre qu’on est loin de ce cas.</p>



 <blockquote class="wp-block-quote"><p><em>Ça pose au moins une question de démocratie interne d’Infosec</em></p></blockquote>



 <p>Pas à mon avis. Tout fonctionnement interne n’a pas forcément à être démocratique. C’est important pour un pays ou une collectivité territoriale parce qu’on ne choisit pas son pays d’origine et qu’on ne change pas facilement de pays ou de territoire.</p>



 <p>La démocratie c’est « le pouvoir au peuple ». Sur Mastodon l’utilisateur a le pouvoir vu qu’il peut choisir à tout moment une instance avec des règles qui lui conviennent, sans avoir de conséquences négatives significatives.</p>



 <p>C’est d’autant moins un sujet que le message de l’administrateur d’<em>Infosec</em> laisse entendre que ce sont des utilisateurs de l’instance qui l’ont fait agir et pas lui qui a pris la décision unilatéralement.</p>



 <blockquote class="wp-block-quote"><p><em>Mais alors il n’y a aucun problème ?</em></p></blockquote>



 <p>Il y a <em>plein</em> de problèmes, mais pas forcément des questions de liberté d’expression ou de démocratie, et pas forcément sur le cas <em>Infosec</em> – <em>Journa</em>.</p>



 <p>Un premier problème est la transparence. <em>Infosec</em> a agi en transparence mais ce n’a pas toujours été lé cas de toutes les instances par le passé. Quand c’est transparent on fait nos choix, éventuellement on va voir ailleurs. Quand c’est caché ça veut dire manipuler l’information reçue et influencer des personnes sans qu’ils ne le sachent, et ça c’est déjà beaucoup plus litigieux. </p>



 <p>La contrainte est un second problème. Ce ne semble pas le cas ici mais par le passé la menace de défédérer a été utilisée comme une pression pour forcer une autre communauté à changer ses propres règles et valeurs (« si tu ne bloques pas l’instance xxx alors on bloque ton instance aussi »). On est là dans une démarche où l’outil a été détourné pour devenir une arme plutôt qu’un bouclier. </p>



 <p>Enfin, il y a un sujet si une instance ou un groupe d’instances peut avoir suffisamment de poids pour que ça devienne effectivement un sujet de liberté d’expression. C’est particulièrement le cas si on cumule avec le problème précédent. Là ça peut être aussi moche qu’un réseau centralisé, ou créer plusieurs sous-réseaux indépendants et qui ne communiquent pas entre eux.</p>



 <blockquote class="wp-block-quote"><p>Du coup le système de Mastodon est problématique ?</p></blockquote>



 <p>Oui, non, ça dépend de tes propres choix.</p>



 <p>C’est juste qu’il n’y a pas de système parfait ni de façon universelle de positionner les équilibres entre les différents enjeux.</p>



 <p>Le choix de Mastodon est un choix qui répond à des problèmes vus sur Twitter ou d’autres réseaux centralisés, qui ouvre d’autres possibilités et d’autres façons de penser les équilibres. C’est déjà pas mal.</p>



 <blockquote class="wp-block-quote"><p>Que peut-on améliorer ?</p></blockquote>



 <ol><li>Inciter à plus de transparence à l’intérieur d’une instance, sur ce qui est bloqué globalement et pourquoi.</li><li>Refuser globalement les guerres de modération entre instances et les instances qui veulent contraindre les règles des autres (le « si tu ne bloques pas l’instance xxx alors on bloque ton instance aussi ») </li><li>S’assurer qu’aucune instance ne représente plus de 20% des utilisateurs actifs, et qu’un groupe d’instances ne devienne majoritaire au point de pouvoir devenir un problème.</li><li>Faire en sorte que jamais la procédure de déménagement de compte ne soit limitée, même en cas de blocage d’instance.</li></ol>
--- a/cache/2022/edea79e07b920846edef77b35be19c71/index.html
+++ b/cache/2022/edea79e07b920846edef77b35be19c71/index.html
@@ -0,0 +1,225 @@
 <!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>I’m offering research, writing, and notetaking coaching for techies and programmers (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- 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)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t4_poly_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/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_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>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://www.baldurbjarnason.com/coaching/">

 <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


 <article>
  <header>
    <h1>I’m offering research, writing, and notetaking coaching for techies and programmers</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://www.baldurbjarnason.com/coaching/" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p><em>Humanities skills coaching for those with tech- or STEM-oriented backgrounds.</em></p>
 <h2 id="tech-jobs-are-more-than-just-coding">Tech jobs are more than just coding</h2>
 <p>Are you spending more time these days writing emails, memos, and other documents than code?</p>
 <p>Do half the people who read your documents seem to miss the point or even misunderstand your writing completely?</p>
 <p>Are you finding it hard to keep up with all of the fast-paced changes in software development?</p>
 <p>Are you spending more time researching the problem than you are coding the problem?</p>
 <p>Are your notes a chaotic mess where ideas and research disappear?</p>
 <p>Or, are you putting so much work into maintaining your notes that you hardly have any time left over to use them?</p>
 <p>Are you expected to regularly write posts for the company blog but everything you type is about as approachable and engaging as a C++ header file?</p>
 <p>Your education and experience in tech didn’t prepare you for the later stages of your career. The job has changed.</p>
 <p><em>Turns out “soft” skills are quite hard.</em></p>
 <h2 id="these-are-exactly-the-problems-the-arts--humanities-are-designed-to-solve">These are exactly the problems the Arts &amp; Humanities are designed to solve</h2>
 <p>It might surprise you to know this, but the arts and humanities fields aren’t just a bunch of artsy types improvising based on their feelings. These fields have a long history of structured practice and methods that specifically help you to:</p>
 <ul>
 <li>Write clear and engaging text.</li>
 <li>Manage your ideas and influences using structured notes.</li>
 <li>Find the right balance between the time you spend doing your research and the time spent using it.</li>
 <li>Keep up with the news, innovations, and research in your field by applying a mix of reading strategies.</li>
 </ul>
 <p>These tactics aren’t limited to the humanities. You don’t have to go get a degree in comparative literature to use their tactics for reading (and understanding) a lot of complex texts in a short period of time.</p>
 <p>Picking these skills up on your own can be quite tricky because a lot of it is wrapped up in jargon that almost sounds like an alien language.</p>
 <p>But jargon can be translated.</p>
 <p>That’s where I come in…</p>
 <p>I can help you make your writing more effective by going over your text with you to develop writing strategies that are suited to you.</p>
 <p>I can help you come up with a strategy for keeping up with the field of software development that is tailored to your career, ambitions, and your projects.</p>
 <p>And, I can help you come up with a research approach that addresses the needs that are specific to your current projects.</p>
 <h2 id="my-name-is-baldur-bjarnason">My name is Baldur Bjarnason</h2>
 <div class="About">
  <img src="/img/avatar-2.jpg" alt="Baldur Bjarnason. Portrait photo in his home office">
 <p>I have spent my entire career with one foot in tech and one foot in the arts and humanities. My education is entirely in the arts &amp; humanities. A BA in comparative literature. A Masters and a PhD in interactive media.</p>
 <p>But alongside my humanities background I’ve also been a web developer for over twenty-five years. Throughout that time, I’ve been applying tactics and strategies from the humanities to keep up with the fast-paced field of web development.</p>
 <p>I’ve worked for publishers in London, UK and Iceland. I’ve taught designers, writers, and artists at a junior college, undergraduate, and postgraduate level.</p>
 <p>I’ve also worked for software companies and startups, small and large, North American and European.</p>
 <p>I’ve spent the past few years working on research management solutions. In the past year, I’ve been specifically researching the applications of notetaking, as well as the design of notetaking software for technically minded users <a href="https://www.colophon.cards/">with Colophon Cards</a>, funded by a grant from <a href="https://en.rannis.is/funding/research/technology-development-fund/nr/545">The Icelandic Centre for Research’s Technology Development Fund</a>.</p>
 <p>I’m in a unique position to help you improve your writing, research skills, and your notetaking through one-on-one coaching sessions over Zoom or Google Meet.</p>
 </div>
 <h2 id="how-does-it-work">How does it work?</h2>
 <p>If this is your first time then the first step is to book a free “chemistry” session:</p>
 <p><a href="https://calendly.com/baldur-bjarnason/30min">Select a date and time for a coaching “chemistry” session</a></p>
 <p>You can also <a href="mailto:baldur.bjarnason@gmail.com">email me</a>, and we can discuss this in text if that’s how you prefer to get started.</p>
 <p>The chemistry session is a short conversation (no more than 30 minutes) that lets both of us find out if my coaching is likely to work for you. As a part of the booking process, you’ll need to fill out a few questions that will help us get started.</p>
 <p>There is no risk in booking a chemistry session. It’s free and you aren’t obliged to book a paid session afterwards. Although, I hope you will!</p>
 <p>If the chemistry session works out then you can come back to this page and book a 90-minute coaching session for $250. Or, you can book a number of sessions in advance and get an extra session for free.</p>
 <p>Remember to check with your employer to see if they have a Professional Development program or fund that pays for coaching or training.</p>
 <h2 id="book-your-coaching-session">Book your coaching session</h2>
 <p>When you’re ready to start you can book your first session via Payhip.</p>

 <h2 id="frequently-asked-questions-or-questions-i-imagine-you-might-have">Frequently Asked Questions (Or, questions I imagine you might have)</h2>
 <p>—<em>If I’m not happy with my purchase can I get a refund?</em></p>
 <p>Please in get contact at any time if you’re not satisfied with your coaching. We do our best to ensure all clients are happy and need to determine on a case-by-case basis the eligibility of refunds.</p>
 <p>—<em>How does appointment scheduling work?</em></p>
 <p>When you’ve completed purchasing you’ll be able to login to your coaching account and can find out the next steps required to book a time for your appointment from there.</p>
 <p>—<em>Is it possible to buy coaching more than once?</em></p>
 <p>Definitely! You simply need to purchase coaching again and will be able to get access to another set of coaching sessions.</p>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <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>
          </fieldset>
      </form>
  </template>
 </footer>
 <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
 <script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(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 hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.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) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
 </script>
 </body>
 </html>
--- a/cache/2022/edea79e07b920846edef77b35be19c71/index.md
+++ b/cache/2022/edea79e07b920846edef77b35be19c71/index.md
@@ -0,0 +1,58 @@
 title: I’m offering research, writing, and notetaking coaching for techies and programmers
 url: https://www.baldurbjarnason.com/coaching/
 hash_url: edea79e07b920846edef77b35be19c71

 <p><em>Humanities skills coaching for those with tech- or STEM-oriented backgrounds.</em></p>
 <h2 id="tech-jobs-are-more-than-just-coding">Tech jobs are more than just coding</h2>
 <p>Are you spending more time these days writing emails, memos, and other documents than code?</p>
 <p>Do half the people who read your documents seem to miss the point or even misunderstand your writing completely?</p>
 <p>Are you finding it hard to keep up with all of the fast-paced changes in software development?</p>
 <p>Are you spending more time researching the problem than you are coding the problem?</p>
 <p>Are your notes a chaotic mess where ideas and research disappear?</p>
 <p>Or, are you putting so much work into maintaining your notes that you hardly have any time left over to use them?</p>
 <p>Are you expected to regularly write posts for the company blog but everything you type is about as approachable and engaging as a C++ header file?</p>
 <p>Your education and experience in tech didn’t prepare you for the later stages of your career. The job has changed.</p>
 <p><em>Turns out “soft” skills are quite hard.</em></p>
 <h2 id="these-are-exactly-the-problems-the-arts--humanities-are-designed-to-solve">These are exactly the problems the Arts &amp; Humanities are designed to solve</h2>
 <p>It might surprise you to know this, but the arts and humanities fields aren’t just a bunch of artsy types improvising based on their feelings. These fields have a long history of structured practice and methods that specifically help you to:</p>
 <ul>
 <li>Write clear and engaging text.</li>
 <li>Manage your ideas and influences using structured notes.</li>
 <li>Find the right balance between the time you spend doing your research and the time spent using it.</li>
 <li>Keep up with the news, innovations, and research in your field by applying a mix of reading strategies.</li>
 </ul>
 <p>These tactics aren’t limited to the humanities. You don’t have to go get a degree in comparative literature to use their tactics for reading (and understanding) a lot of complex texts in a short period of time.</p>
 <p>Picking these skills up on your own can be quite tricky because a lot of it is wrapped up in jargon that almost sounds like an alien language.</p>
 <p>But jargon can be translated.</p>
 <p>That’s where I come in…</p>
 <p>I can help you make your writing more effective by going over your text with you to develop writing strategies that are suited to you.</p>
 <p>I can help you come up with a strategy for keeping up with the field of software development that is tailored to your career, ambitions, and your projects.</p>
 <p>And, I can help you come up with a research approach that addresses the needs that are specific to your current projects.</p>
 <h2 id="my-name-is-baldur-bjarnason">My name is Baldur Bjarnason</h2>
 <div class="About">
  <img src="/img/avatar-2.jpg" alt="Baldur Bjarnason. Portrait photo in his home office">
 <p>I have spent my entire career with one foot in tech and one foot in the arts and humanities. My education is entirely in the arts &amp; humanities. A BA in comparative literature. A Masters and a PhD in interactive media.</p>
 <p>But alongside my humanities background I’ve also been a web developer for over twenty-five years. Throughout that time, I’ve been applying tactics and strategies from the humanities to keep up with the fast-paced field of web development.</p>
 <p>I’ve worked for publishers in London, UK and Iceland. I’ve taught designers, writers, and artists at a junior college, undergraduate, and postgraduate level.</p>
 <p>I’ve also worked for software companies and startups, small and large, North American and European.</p>
 <p>I’ve spent the past few years working on research management solutions. In the past year, I’ve been specifically researching the applications of notetaking, as well as the design of notetaking software for technically minded users <a href="https://www.colophon.cards/">with Colophon Cards</a>, funded by a grant from <a href="https://en.rannis.is/funding/research/technology-development-fund/nr/545">The Icelandic Centre for Research’s Technology Development Fund</a>.</p>
 <p>I’m in a unique position to help you improve your writing, research skills, and your notetaking through one-on-one coaching sessions over Zoom or Google Meet.</p>
 </div>
 <h2 id="how-does-it-work">How does it work?</h2>
 <p>If this is your first time then the first step is to book a free “chemistry” session:</p>
 <p><a href="https://calendly.com/baldur-bjarnason/30min">Select a date and time for a coaching “chemistry” session</a></p>
 <p>You can also <a href="mailto:baldur.bjarnason@gmail.com">email me</a>, and we can discuss this in text if that’s how you prefer to get started.</p>
 <p>The chemistry session is a short conversation (no more than 30 minutes) that lets both of us find out if my coaching is likely to work for you. As a part of the booking process, you’ll need to fill out a few questions that will help us get started.</p>
 <p>There is no risk in booking a chemistry session. It’s free and you aren’t obliged to book a paid session afterwards. Although, I hope you will!</p>
 <p>If the chemistry session works out then you can come back to this page and book a 90-minute coaching session for $250. Or, you can book a number of sessions in advance and get an extra session for free.</p>
 <p>Remember to check with your employer to see if they have a Professional Development program or fund that pays for coaching or training.</p>
 <h2 id="book-your-coaching-session">Book your coaching session</h2>
 <p>When you’re ready to start you can book your first session via Payhip.</p>

 <h2 id="frequently-asked-questions-or-questions-i-imagine-you-might-have">Frequently Asked Questions (Or, questions I imagine you might have)</h2>
 <p>—<em>If I’m not happy with my purchase can I get a refund?</em></p>
 <p>Please in get contact at any time if you’re not satisfied with your coaching. We do our best to ensure all clients are happy and need to determine on a case-by-case basis the eligibility of refunds.</p>
 <p>—<em>How does appointment scheduling work?</em></p>
 <p>When you’ve completed purchasing you’ll be able to login to your coaching account and can find out the next steps required to book a time for your appointment from there.</p>
 <p>—<em>Is it possible to buy coaching more than once?</em></p>
 <p>Definitely! You simply need to purchase coaching again and will be able to get access to another set of coaching sessions.</p>
--- a/cache/2022/index.html
+++ b/cache/2022/index.html
@@ -115,6 +115,8 @@
      
        <li><a href="/david/cache/2022/66d9d4be64db7fe8324a4fdcbf3ef705/" title="Accès à l’article dans le cache local : Hope for the Future">Hope for the Future</a> (<a href="https://hackeducation.com/2022/03/08/hope" title="Accès à l’article original distant : Hope for the Future">original</a>)</li>
      
        <li><a href="/david/cache/2022/28c9baf3ff21fbc616ccf13776104ccd/" title="Accès à l’article dans le cache local : When Our Tools Hold Us Back">When Our Tools Hold Us Back</a> (<a href="https://www.oddbird.net/2022/11/11/platform-tools/" title="Accès à l’article original distant : When Our Tools Hold Us Back">original</a>)</li>
      
        <li><a href="/david/cache/2022/3a5ff20d8606e8299d06914cb4c6a37d/" title="Accès à l’article dans le cache local : Scanner à genoux">Scanner à genoux</a> (<a href="https://blank.blue/creas/scanner-a-genoux/" title="Accès à l’article original distant : Scanner à genoux">original</a>)</li>
      
        <li><a href="/david/cache/2022/4bdaa4b32abeb8b0c9c682893b22da82/" title="Accès à l’article dans le cache local : The New Numbers on Music Consumption Are Very Ugly">The New Numbers on Music Consumption Are Very Ugly</a> (<a href="https://tedgioia.substack.com/p/the-new-numbers-on-music-consumption" title="Accès à l’article original distant : The New Numbers on Music Consumption Are Very Ugly">original</a>)</li>
@@ -133,6 +135,8 @@
      
        <li><a href="/david/cache/2022/566023401a0e4735828a469104ebd2c7/" title="Accès à l’article dans le cache local : Un jeune désespoir">Un jeune désespoir</a> (<a href="https://jksteinberger.medium.com/un-jeune-d%C3%A9sespoir-ed9df9de150d" title="Accès à l’article original distant : Un jeune désespoir">original</a>)</li>
      
        <li><a href="/david/cache/2022/c1ceebc3a6312283982e840d69f7f010/" title="Accès à l’article dans le cache local : Fresque du climat, bombe à graines et autres idées…">Fresque du climat, bombe à graines et autres idées…</a> (<a href="https://blog.pelmel.org/2022/09/30/fresque-du-climat-bombe-a-graines-et-autres-idees/" title="Accès à l’article original distant : Fresque du climat, bombe à graines et autres idées…">original</a>)</li>
      
        <li><a href="/david/cache/2022/ab2739b2622b6a977d73ca7871c64a01/" title="Accès à l’article dans le cache local : La masculinité positive ou toxique : Comment les hommes peuvent transformer la culture organisationnelle">La masculinité positive ou toxique : Comment les hommes peuvent transformer la culture organisationnelle</a> (<a href="https://numerique.canada.ca/2022/04/21/la-masculinit%C3%A9-positive-ou-toxique-comment-les-hommes-peuvent-transformer-la-culture-organisationnelle/" title="Accès à l’article original distant : La masculinité positive ou toxique : Comment les hommes peuvent transformer la culture organisationnelle">original</a>)</li>
      
        <li><a href="/david/cache/2022/30fa9a24a052e993533639e7c19ccd04/" title="Accès à l’article dans le cache local : team pico's blog">team pico's blog</a> (<a href="https://hey.prose.sh/" title="Accès à l’article original distant : team pico's blog">original</a>)</li>
@@ -189,6 +193,10 @@
      
        <li><a href="/david/cache/2022/2458bbc9f86af47ffffcd1b99f19743a/" title="Accès à l’article dans le cache local : Next Gen Static Blogging">Next Gen Static Blogging</a> (<a href="https://inoads.com/articles/2021-01-09-Next-Gen-Static-Blogging" title="Accès à l’article original distant : Next Gen Static Blogging">original</a>)</li>
      
        <li><a href="/david/cache/2022/57abeb7689c96b43032c66e7d008f074/" title="Accès à l’article dans le cache local : Avantages et limites">Avantages et limites</a> (<a href="https://www.maiwann.net/blog/laventuredelamoderation4/" title="Accès à l’article original distant : Avantages et limites">original</a>)</li>
      
        <li><a href="/david/cache/2022/edea79e07b920846edef77b35be19c71/" title="Accès à l’article dans le cache local : I’m offering research, writing, and notetaking coaching for techies and programmers">I’m offering research, writing, and notetaking coaching for techies and programmers</a> (<a href="https://www.baldurbjarnason.com/coaching/" title="Accès à l’article original distant : I’m offering research, writing, and notetaking coaching for techies and programmers">original</a>)</li>
      
        <li><a href="/david/cache/2022/0d024905896d89f8bd499e2a6170b59e/" title="Accès à l’article dans le cache local : What’s Really Going On Inside Your node_modules Folder?">What’s Really Going On Inside Your node_modules Folder?</a> (<a href="https://socket.dev/blog/inside-node-modules" title="Accès à l’article original distant : What’s Really Going On Inside Your node_modules Folder?">original</a>)</li>
      
        <li><a href="/david/cache/2022/bfc65237a09e49939b31ba887d7e3fc8/" title="Accès à l’article dans le cache local : Open-source - Open Time">Open-source - Open Time</a> (<a href="https://open-time.net/post/2022/03/23/Open-source" title="Accès à l’article original distant : Open-source - Open Time">original</a>)</li>
@@ -213,6 +221,8 @@
      
        <li><a href="/david/cache/2022/9094f894455bccf9d9772fd5782ec782/" title="Accès à l’article dans le cache local : Shame. - Dirty Feed">Shame. - Dirty Feed</a> (<a href="http://www.dirtyfeed.org/2022/04/shame/" title="Accès à l’article original distant : Shame. - Dirty Feed">original</a>)</li>
      
        <li><a href="/david/cache/2022/33c9132d6cb60f0f40f9b926b596a3c7/" title="Accès à l’article dans le cache local : Let Go of the Learning Baggage">Let Go of the Learning Baggage</a> (<a href="https://fs.blog/learning-baggage/" title="Accès à l’article original distant : Let Go of the Learning Baggage">original</a>)</li>
      
        <li><a href="/david/cache/2022/0ccfb99277e4fb33d213df05598df960/" title="Accès à l’article dans le cache local : More on geo-tagging photos with a time element">More on geo-tagging photos with a time element</a> (<a href="https://rachelbythebay.com/w/2022/06/20/exif/" title="Accès à l’article original distant : More on geo-tagging photos with a time element">original</a>)</li>
      
        <li><a href="/david/cache/2022/053b5d423df20fa4e7978174d91d41bb/" title="Accès à l’article dans le cache local : Making Gemini Easy">Making Gemini Easy</a> (<a href="https://proxy.vulpes.one/gemini/tilde.team/~tomasino/journal/20211103-making-gemini-easy.gmi" title="Accès à l’article original distant : Making Gemini Easy">original</a>)</li>
@@ -261,6 +271,8 @@
      
        <li><a href="/david/cache/2022/21c1a3b62ce222105d72ada4802bdd4e/" title="Accès à l’article dans le cache local : Wrap Up and Q&amp;A - Jacob Kaplan-Moss">Wrap Up and Q&amp;A - Jacob Kaplan-Moss</a> (<a href="https://jacobian.org/2022/jan/6/wst-wrap-up/" title="Accès à l’article original distant : Wrap Up and Q&amp;A - Jacob Kaplan-Moss">original</a>)</li>
      
        <li><a href="/david/cache/2022/0a4a9498ff6edf9552ec59a4511124dc/" title="Accès à l’article dans le cache local : walking longer distance: scenes & snippets">walking longer distance: scenes & snippets</a> (<a href="https://winnielim.org/journal/walking-longer-distance-scenes-snippets/" title="Accès à l’article original distant : walking longer distance: scenes & snippets">original</a>)</li>
      
        <li><a href="/david/cache/2022/a400ea6d0c196bbcaefbe1cc9af84fbb/" title="Accès à l’article dans le cache local : Workplace serendipity, invention, and lessons from Prohibition 1920-1933">Workplace serendipity, invention, and lessons from Prohibition 1920-1933</a> (<a href="https://interconnected.org/home/2022/03/14/saloons" title="Accès à l’article original distant : Workplace serendipity, invention, and lessons from Prohibition 1920-1933">original</a>)</li>
      
        <li><a href="/david/cache/2022/20648a9bc173f75256ae9d5f196fd913/" title="Accès à l’article dans le cache local : The happiest number I've heard in ages">The happiest number I've heard in ages</a> (<a href="https://billmckibben.substack.com/p/the-happiest-number-ive-heard-in" title="Accès à l’article original distant : The happiest number I've heard in ages">original</a>)</li>
@@ -269,6 +281,8 @@
      
        <li><a href="/david/cache/2022/cf85372fcb8da232d3fb8d95a88bc8fe/" title="Accès à l’article dans le cache local : Stop making the Ukraine war about you">Stop making the Ukraine war about you</a> (<a href="https://www.dazeddigital.com/politics/article/55563/1/stop-making-the-ukraine-war-about-you" title="Accès à l’article original distant : Stop making the Ukraine war about you">original</a>)</li>
      
        <li><a href="/david/cache/2022/989dafbb1b7a9141a6f2ecbb8bfb2917/" title="Accès à l’article dans le cache local : Word Persons and Web Persons · roytang.net">Word Persons and Web Persons · roytang.net</a> (<a href="https://roytang.net/2022/11/word-web-persons/" title="Accès à l’article original distant : Word Persons and Web Persons · roytang.net">original</a>)</li>
      
        <li><a href="/david/cache/2022/d55dffd91db7452e76bf32f3dfc6446a/" title="Accès à l’article dans le cache local : My guiding principles after 20 years of programming">My guiding principles after 20 years of programming</a> (<a href="https://alexewerlof.medium.com/my-guiding-principles-after-20-years-of-programming-a087dc55596c" title="Accès à l’article original distant : My guiding principles after 20 years of programming">original</a>)</li>
      
        <li><a href="/david/cache/2022/f57abf8bb9e96e5cb5cfe845d76729f5/" title="Accès à l’article dans le cache local : “Open Source” is Broken">“Open Source” is Broken</a> (<a href="https://christine.website/blog/open-source-broken-2021-12-11" title="Accès à l’article original distant : “Open Source” is Broken">original</a>)</li>
@@ -333,6 +347,8 @@
      
        <li><a href="/david/cache/2022/62f9f5083de61124ed4d9fe1b458d505/" title="Accès à l’article dans le cache local : Programming for kids">Programming for kids</a> (<a href="https://github.com/jackdoe/programming-for-kids" title="Accès à l’article original distant : Programming for kids">original</a>)</li>
      
        <li><a href="/david/cache/2022/e33bbb49c8c58793420809f920c92868/" title="Accès à l’article dans le cache local : Dis tonton, c’est quoi les blocages d’instance sur Mastodon ?">Dis tonton, c’est quoi les blocages d’instance sur Mastodon ?</a> (<a href="https://n.survol.fr/n/dis-tonton-cest-quoi-les-blocages-dinstance-sur-mastodon" title="Accès à l’article original distant : Dis tonton, c’est quoi les blocages d’instance sur Mastodon ?">original</a>)</li>
      
        <li><a href="/david/cache/2022/39043b7bdcd5355a2e255d9f06237e72/" title="Accès à l’article dans le cache local : William Morris, penseur et artisan de l’autonomie et de la beauté">William Morris, penseur et artisan de l’autonomie et de la beauté</a> (<a href="http://www.journaldumauss.net/?William-Morris-penseur-et-artisan-de-l-autonomie-et-de-la-beaute" title="Accès à l’article original distant : William Morris, penseur et artisan de l’autonomie et de la beauté">original</a>)</li>
      
        <li><a href="/david/cache/2022/a6889f5458d738fa7e88825c39292d4c/" title="Accès à l’article dans le cache local : Bifurquer avant l’impact : l’impasse du capitalisme de surveillance">Bifurquer avant l’impact : l’impasse du capitalisme de surveillance</a> (<a href="https://framablog.org/2022/08/29/bifurquer-avant-limpact-limpasse-du-capitalisme-de-surveillance/" title="Accès à l’article original distant : Bifurquer avant l’impact : l’impasse du capitalisme de surveillance">original</a>)</li>
@@ -347,8 +363,12 @@
      
        <li><a href="/david/cache/2022/a4f881156c5d4841f7362f94b51d10b7/" title="Accès à l’article dans le cache local : $7 Tent Heater Provides Comfort On A Budget">$7 Tent Heater Provides Comfort On A Budget</a> (<a href="https://hackaday.com/2022/01/06/7-tent-heater-provides-comfort-on-a-budget/" title="Accès à l’article original distant : $7 Tent Heater Provides Comfort On A Budget">original</a>)</li>
      
        <li><a href="/david/cache/2022/2e20d075443fd560d80e788be22b40bc/" title="Accès à l’article dans le cache local : My 10 Year Summary: What I Have Learned">My 10 Year Summary: What I Have Learned</a> (<a href="https://janhoglund.eu/my-10-year-summary/" title="Accès à l’article original distant : My 10 Year Summary: What I Have Learned">original</a>)</li>
      
        <li><a href="/david/cache/2022/7d378db0707cc63aa2d466ada68fe690/" title="Accès à l’article dans le cache local : 20 Things I’ve Learned in my 20 Years as a Software Engineer">20 Things I’ve Learned in my 20 Years as a Software Engineer</a> (<a href="https://www.simplethread.com/20-things-ive-learned-in-my-20-years-as-a-software-engineer/" title="Accès à l’article original distant : 20 Things I’ve Learned in my 20 Years as a Software Engineer">original</a>)</li>
      
        <li><a href="/david/cache/2022/0d004d900e6fd42c0390be1ca2e339a5/" title="Accès à l’article dans le cache local : The Paper Billionaire Argument">The Paper Billionaire Argument</a> (<a href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/THE_PAPER_BILLIONAIRE.md" title="Accès à l’article original distant : The Paper Billionaire Argument">original</a>)</li>
      
        <li><a href="/david/cache/2022/1ab2a594ae40deb0f4443807f1fa7596/" title="Accès à l’article dans le cache local : Performances trop bonnes">Performances trop bonnes</a> (<a href="https://nota-bene.org/Performances-trop-bonnes" title="Accès à l’article original distant : Performances trop bonnes">original</a>)</li>
      
        <li><a href="/david/cache/2022/2b4baf23121e6a8cfb4d29008e478770/" title="Accès à l’article dans le cache local : Mastodon on your own domain without hosting a server">Mastodon on your own domain without hosting a server</a> (<a href="https://blog.maartenballiauw.be/post/2022/11/05/mastodon-own-donain-without-hosting-server.html" title="Accès à l’article original distant : Mastodon on your own domain without hosting a server">original</a>)</li>