10ヶ月前 · c2ce736f26
--- a/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/index.html
+++ b/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/index.html
@@ -0,0 +1,208 @@
 <!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>☕️ Journal : Carnets (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)">
 <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
 <meta name="robots" content="noai, noimageai">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_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://thom4.net/2023/02/01/carnets/">

 <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>☕️ Journal : Carnets</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://thom4.net/2023/02/01/carnets/" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <p>J’aurais pu m’en rendre compte il y a vingt ans,<br>
 mais il me manquait le recul de deux décennies.</p>
 <blockquote>
 <p>Je ne <a href="/2022/05/15/solaneko/">nie pas</a> <a href="/2022/07/24/notre-derniere-fois/">les</a> <a href="/2015/trees-travel-and-postcards/">décès</a>.</p>
 </blockquote>
 <p>Les personnes qui perdurent dans ma vie,<br>
 c’est en partie à travers/grâce à leurs écrits,<br>
 à leurs carnets,<br>
 à leur manière de (se) raconter,<br>
 de documenter (en public) leurs pensées.</p>
 <p>Quand je te lis,<br>
 je grandis.<br>
 Quand on se (re)voit,<br>
 c’était comme si c’était hier — quelque chose comme ça.</p>
 <p>Les personnes qui perdurent dans ma vie — à travers temps et distance — une grande partie a en commun des carnets web, une pensée en <s>arborescence</s> hyperliens.</p>
 <p>Mon second travail ?<br>
 Il employait des personnes estimées — leurs écrits étaient (sont) des sources d’apprentissage (de prise de recul).</p>
 <p>Mon troisième ?<br>
 Influencé par leur passage de salarié‧e à in(ter)dépendant‧e.</p>
 <p>Le quatrième ?<br>
 Parce que mes écrits avaient (il s’était) convaincu que notre association était pertinente. (il nous aura menti)</p>
 <p>Le cinquième ?<br>
 Parce qu’on lisait nos <a target="_blank" rel="noopener" href="https://olivier.thereaux.net/">blogs</a> respectifs entre deux “retrouvailles” annuelles à des conférences web. Le calme, le silence et la notion de verticalité des villes de K m’ont marqué à vie. <a href="/2022/10/09/admiration/">Un jour j’ai voulu être comme tes écrits</a>. J’ai grandi et préféré les cédilles aux kanji.</p>
 <hr>
 <p>Il y a la pudeur de la distance et du temps.<br>
 (te) lire à mon (notre) rythme.<br>
 Entrer en contact (un jour).<br>
 Répondre (de suite, ou) quelques mois plus tard.<br>
 À distance (d’une performance) — à proximité (d’une complexité effacée) de ta personne.</p>
 <p>J’aime rencontrer des personnes qui sont <strong>fidèles</strong> — à leurs écrits<br>
 à qui elles sont — on devient ami‧es<br>
 pour ce qui constitue leur richesse — plus longtemps on se dit qu’on vieillit.</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/2024/09c0739036ea4a8b6c985e127fe7e3c8/index.md
+++ b/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/index.md
@@ -0,0 +1,37 @@
 title: ☕️ Journal : Carnets
 url: https://thom4.net/2023/02/01/carnets/
 hash_url: 09c0739036ea4a8b6c985e127fe7e3c8
 archive_date: 2024-01-11

 <p>J’aurais pu m’en rendre compte il y a vingt ans,<br>
 mais il me manquait le recul de deux décennies.</p>
 <blockquote>
 <p>Je ne <a href="/2022/05/15/solaneko/">nie pas</a> <a href="/2022/07/24/notre-derniere-fois/">les</a> <a href="/2015/trees-travel-and-postcards/">décès</a>.</p>
 </blockquote>
 <p>Les personnes qui perdurent dans ma vie,<br>
 c’est en partie à travers/grâce à leurs écrits,<br>
 à leurs carnets,<br>
 à leur manière de (se) raconter,<br>
 de documenter (en public) leurs pensées.</p>
 <p>Quand je te lis,<br>
 je grandis.<br>
 Quand on se (re)voit,<br>
 c’était comme si c’était hier — quelque chose comme ça.</p>
 <p>Les personnes qui perdurent dans ma vie — à travers temps et distance — une grande partie a en commun des carnets web, une pensée en <s>arborescence</s> hyperliens.</p>
 <p>Mon second travail ?<br>
 Il employait des personnes estimées — leurs écrits étaient (sont) des sources d’apprentissage (de prise de recul).</p>
 <p>Mon troisième ?<br>
 Influencé par leur passage de salarié‧e à in(ter)dépendant‧e.</p>
 <p>Le quatrième ?<br>
 Parce que mes écrits avaient (il s’était) convaincu que notre association était pertinente. (il nous aura menti)</p>
 <p>Le cinquième ?<br>
 Parce qu’on lisait nos <a target="_blank" rel="noopener" href="https://olivier.thereaux.net/">blogs</a> respectifs entre deux “retrouvailles” annuelles à des conférences web. Le calme, le silence et la notion de verticalité des villes de K m’ont marqué à vie. <a href="/2022/10/09/admiration/">Un jour j’ai voulu être comme tes écrits</a>. J’ai grandi et préféré les cédilles aux kanji.</p>
 <hr>
 <p>Il y a la pudeur de la distance et du temps.<br>
 (te) lire à mon (notre) rythme.<br>
 Entrer en contact (un jour).<br>
 Répondre (de suite, ou) quelques mois plus tard.<br>
 À distance (d’une performance) — à proximité (d’une complexité effacée) de ta personne.</p>
 <p>J’aime rencontrer des personnes qui sont <strong>fidèles</strong> — à leurs écrits<br>
 à qui elles sont — on devient ami‧es<br>
 pour ce qui constitue leur richesse — plus longtemps on se dit qu’on vieillit.</p>
--- a/cache/2024/34fec23081019abd741e0578b050c40e/index.html
+++ b/cache/2024/34fec23081019abd741e0578b050c40e/index.html
@@ -0,0 +1,183 @@
 <!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>Tools shape practices shape tools… (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)">
 <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
 <meta name="robots" content="noai, noimageai">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_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.quaternum.net/2024/01/08/tools-shape-practices-shape-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>Tools shape practices shape tools…</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.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <blockquote>
 <p>When i first saw it, i felt it so nicely expressed something that had been deep in my heart. I continue to unfold its many meanings: both broader and more specific than F/LOSS culture.<br>
 Doriane, <a href="https://practices.tools/">https://practices.tools</a></p>
 </blockquote>
 <p>Je découvre (très) tardivement ce <em>mantra</em>, ou plutôt ce positionnement récursif et infini : les pratiques modèlent les outils qui modèlent les pratiques qui modèlent les pratiques qui etc.
 Je partage le sentiment de Doriane, à tel point qu’il s’agit là en partie du sujet de ma thèse : les pratiques et les outils sont imbriqués, phénomène que j’ai conceptualisé cela sous le nom de <a href="https://www.quaternum.net/2023/06/02/fabrique-concept/">fabrique</a>.
 Je trouve cette idée du sticker web qui tourne particulièrement bien trouvée.</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/2024/34fec23081019abd741e0578b050c40e/index.md
+++ b/cache/2024/34fec23081019abd741e0578b050c40e/index.md
@@ -0,0 +1,12 @@
 title: Tools shape practices shape tools…
 url: https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/
 hash_url: 34fec23081019abd741e0578b050c40e
 archive_date: 2024-01-11

 <blockquote>
 <p>When i first saw it, i felt it so nicely expressed something that had been deep in my heart. I continue to unfold its many meanings: both broader and more specific than F/LOSS culture.<br>
 Doriane, <a href="https://practices.tools/">https://practices.tools</a></p>
 </blockquote>
 <p>Je découvre (très) tardivement ce <em>mantra</em>, ou plutôt ce positionnement récursif et infini : les pratiques modèlent les outils qui modèlent les pratiques qui modèlent les pratiques qui etc.
 Je partage le sentiment de Doriane, à tel point qu’il s’agit là en partie du sujet de ma thèse : les pratiques et les outils sont imbriqués, phénomène que j’ai conceptualisé cela sous le nom de <a href="https://www.quaternum.net/2023/06/02/fabrique-concept/">fabrique</a>.
 Je trouve cette idée du sticker web qui tourne particulièrement bien trouvée.</p>
--- a/cache/2024/5030196507bcf3e06162e9eaed40abbe/index.html
+++ b/cache/2024/5030196507bcf3e06162e9eaed40abbe/index.html
@@ -0,0 +1,187 @@
 <!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>Blogging and Composting (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)">
 <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
 <meta name="robots" content="noai, noimageai">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_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.jim-nielsen.com/2023/blogging-and-compositing/">

 <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>Blogging and Composting</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.jim-nielsen.com/2023/blogging-and-compositing/" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <p>Here’s a thought: blogging is like composting.</p>
 <p>The banana is what you’re after.</p>
 <p>But as a byproduct of the banana you get the peel.</p>
 <p>And if you compost, you can make good use of the peel.</p>
 <p>Similarly, whatever you’re building is what you’re after.</p>
 <p>But as a byproduct of whatever you’re building you undoubtedly learned, observed, or cursed at something along the way.</p>
 <p>And if you blog, you can make good use of that experience!</p>
 <p>Even if the banana was spoiled when you opened it, you can still compost it.</p>
 <p>Similarly, even if you ship nothing, there’s a blog post in that failure-to-ship.</p>
 <p>Composting recycles organic materials to enrich future plant soil.</p>
 <p>Similarly, blogging recycles experience to enrich future projects (and self) with wisdom.</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/2024/5030196507bcf3e06162e9eaed40abbe/index.md
+++ b/cache/2024/5030196507bcf3e06162e9eaed40abbe/index.md
@@ -0,0 +1,16 @@
 title: Blogging and Composting
 url: https://blog.jim-nielsen.com/2023/blogging-and-compositing/
 hash_url: 5030196507bcf3e06162e9eaed40abbe
 archive_date: 2024-01-11

 <p>Here’s a thought: blogging is like composting.</p>
 <p>The banana is what you’re after.</p>
 <p>But as a byproduct of the banana you get the peel.</p>
 <p>And if you compost, you can make good use of the peel.</p>
 <p>Similarly, whatever you’re building is what you’re after.</p>
 <p>But as a byproduct of whatever you’re building you undoubtedly learned, observed, or cursed at something along the way.</p>
 <p>And if you blog, you can make good use of that experience!</p>
 <p>Even if the banana was spoiled when you opened it, you can still compost it.</p>
 <p>Similarly, even if you ship nothing, there’s a blog post in that failure-to-ship.</p>
 <p>Composting recycles organic materials to enrich future plant soil.</p>
 <p>Similarly, blogging recycles experience to enrich future projects (and self) with wisdom.</p>
--- a/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/index.html
+++ b/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/index.html
@@ -0,0 +1,234 @@
 <!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>Tomorrow & Tomorrow & Tomorrow (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)">
 <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
 <meta name="robots" content="noai, noimageai">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_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://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow">

 <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>Tomorrow & Tomorrow & Tomorrow</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://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <blockquote>
 <p>
 We realize then that it is just the patterns of events in space which are repeating in the building or the town: and nothing else.
 </p>
 <p>
 Nothing of any importance happens in a building or a town except what is defined within the patterns which repeat themselves.
 </p>
 <p>
 —Christopher Alexander, <em>The Timeless Way of Building</em>
 </p>
 </blockquote>
 <p>At the core of Christopher Alexander’s work is the belief that the shape and character of our spaces cannot help but influence the events that repeat inside them. The characteristics of the built environment don’t explain everything—the enveloping cultural context is a massive force—but they explain a lot.</p>
 <p>Over the past 20 years, this is very much what I’ve come to believe about the shape of the things we’ve built online. Software design isn’t the <em>only</em> thing that shapes our behavior, but the idea—which I’ve seen a lot this past few weeks—that interface design/network structure/feature sets don’t actually matter at all is as wrong as the idea that a bedroom with huge unshaded windows will allow for restorative sleep, or an open-plan office will permit a state of flow.</p>
 <p>So in my work life, I’m trying to sharpen my sense of how and why the patterns we build on the internet shape the behaviors we enact inside them. But I keep getting sidetracked into the opposite formulation—how repeated behavior shapes our spaces, how rituals turn to hauntings, how buried things keep erupting into the present.</p>
 <hr>
 <p>In the early 1980s, British engineer Vic Tandy was working for a company that made medical equipment used in life-support and anesthesia. In a coincidence that changed the course of Tandy’s career, the converted garage that served as the company’s laboratory was—according to some of Tandy’s colleagues and a night cleaner—haunted.</p>
 <p>Having dismissed his colleagues’ experiences as nonsense, Tandy himself noticed a few emotional and physical symptoms—depression, cold shivers, growing discomfort—but ignored them until he was working alone in the lab one night:</p>
 <blockquote>
 <p>As he sat at the desk writing he began to feel increasingly uncomfortable. He was sweating but cold and the feeling of depression was noticeable. The cats were moving around and the groans and creaks from what was now a deserted factory were<span class="push-double"></span> <span class="pull-double">“</span>spooky”, but there was also something else. It was as though something was in the room with V.T. […] As he was writing he became aware that he was being watched, and a figure slowly emerged to his left. It was indistinct and on the periphery of his vision but it moved as V.T. would expect a person to. The apparition was grey and made no sound. The hair was standing up on V.T.’s neck and there was a distinct chill in the room. As V.T. recalls,<span class="push-double"></span> <span class="pull-double">“</span>It would not be unreasonable to suggest I was terrified”. V.T. was unable to see any detail and finally built up the courage to turn and face the thing. As he turned the apparition faded and disappeared. There was absolutely no evidence to support what he had seen so he decided he must be cracking up and
 went home.</p>
 </blockquote>
 <p>The next day, Tandy, a competitive fencer, brought a foil blade into the lab to use the bench vise to cut threads into the blade for attachment to a tang. While clamped in the vise, the blade began<span class="push-double"></span> <span class="pull-double">“</span>frantically vibrating up and down,” which spooked the hell out of him. By moving the vise around the lab, Tandy located a low frequency (~19 <span class="small-caps">HZ</span>) standing wave that was eventually traced to a fan in the air-extraction system. When the fan’s mounting was modified, the standing wave disappeared—as did the lab’s oppressive feeling and sense of ghostly presence.</p>
 <p>Tandy and a fellow professor at Coventry University wrote up his experiences and subsequent speculations on the mechanisms of low-frequency hauntings in <a href="http://www.richardwiseman.com/resources/ghost-in-machine.pdf">a short paper for the <em>Journal of the Society for Psychical Research</em></a> that remains one of the prizes in my collection of obscure PDFs. Tandy went on to conduct large-scale experiments on the physical properties of hauntedness.</p>
 <p>I think about the vibrating foil blade every time anyone mentions <em>engagement</em>.</p>
 <hr>
 <p>The quasi-McLuhan quotation about shaping the tools that thereafter shape us traces back to <a href="https://api.parliament.uk/historic-hansard/commons/1943/oct/28/house-of-commons-rebuilding">Winston Churchill’s case for rebuilding the bombed-out Commons Chamber of Parliament</a> along its original lines. When he he wrote that<span class="push-double"></span> <span class="pull-double">“</span>we shape our buildings and afterwards our buildings shape us,” he was explicitly writing about the shape of the Chamber as a way of maintaining exactly two sharply opposing political parties rather than a left-right gradient, and about concentrating the energy of the deliberating body by making the room a little bit too small, thus forcing its members to squeeze in and hustle for a seat.</p>
 <p>It was a characteristically unsubtle speech:</p>
 <blockquote>
 <p>The House has shown itself able to face the possibility of national destruction with classical composure. It can change Governments, and has changed them by heat of passion. It can sustain Governments in long, adverse, disappointing struggles through many dark, grey months and even years until the sun comes out again. I do not know how else this country can be governed other than by the House of Commons playing its part in all its broad freedom in British public life. We have learned—with these so recently confirmed facts around us and before us—not to alter improvidently the physical structures which have enabled so remarkable an organism to carry on its work of banning dictatorships within this island and pursuing and beating into ruin all dictators who have molested us from outside.</p>
 </blockquote>
 <p>I’d known about the Churchill speech for a long time, but <span class="small-caps">WWII</span> isn’t my period and until this year, I’d assumed that the quotation dealt with <em>postwar</em> rebuilding. It’s actually from <a href="https://en.wikipedia.org/wiki/Timeline_of_World_War_II_(1943)">1943</a>, the year of the Warsaw Ghetto Uprising—well after the Blitz, but with the war’s outcomes still unknown. And as much as Churchill goes on at length about the health and vigor of the House over the long term, it’s ultimately a wartime argument: change cannot be risked.</p>
 <hr>
 <p>The structures of our network commons have concentrated our responses to the forces already pressing against our livelihoods and children and futures. Within their engagement-optimized interfaces, we’ve built ourselves into a standing wave: Abusive posts became network-wide events that require a response not only from moderating authorities, but from every user.</p>
 <p>In this machine, silence transmutes to approval of the worst thing happening; via entirely real human needs for signals of safety and support, continuous attention and engagement become mandatory. Simply <em>bad</em> posts are opportunities for demonstrations of prowess. People we agree with become footholds for demonstrating all the subtle ways in which they don’t quite understand. Sometimes—rarely—these moves result in policy changes, but <em>fight</em> and <em>flight</em> and <em>status display</em> all taste the same to the machine.</p>
 <p>Maybe for you, it didn’t start on Twitter. Maybe was forums or the blogosphere or Reddit. Maybe it was Facebook with terrible people from high school or TikTok with people who hate you for liking a thing, or not liking it enough. But we built the machines around our weird amygdalas and then we went inside them and now the machine is no longer confined to a stack of software + policy + vibes; we carry it in ourselves. We haunt each new place we enter. We can feel this happening in our bodies, which is why <em>touch grass</em> is so accidentally real.</p>
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second are not the same.</p>
 <p>The secret heart of every panopticon is not the all-seeing-eye, but the confessional. Like a god, the machine already knows what we’ve done. We confess to reclaim our own voices, or sometimes in search of grace—though in the machine, grace is only available to some people, until we make it available to none. The gears of commercial networks are surveillance systems built on structures that elicit a continuous stream of confessions made public. Confessions in public become testimony; testimony summons congregations. We raise our voices in defiance or affirmation, knowing there will be consequences we don’t understand. The databanks grow.</p>
 <hr>
 <p>I started reading Susan Cooper’s <em>The Dark Is Rising</em> series to my kid between Christmas and New Year’s this year. The first two books in the sequence, published in 1964 and 1973, feel like products of the 1960s—there’s a clarity of motion and a starkness of contrast and a residual sweetness in the descriptions of rural landscapes that I recognize from my own childhood spent reading books that were already old then.</p>
 <p>The third book, <em>Greenwitch</em>, is another thing altogether. Published in 1974, it’s dreamlike and nightmarish and packed with images I associate more with folk horror than children’s fantasy adventure, down to the Greenwitch, a wicker woman built of living branches and inhabited by a childlike consciousness that is born anew each year to be sacrificed and reunited with the wild magic from which it came. The true line of the book’s plot hinges on the heroine’s instinctive and ultimately world-changing moment of recognition of the entity as not a human, but a person. Plenty of adventures swirl around this moment, but everything that <em>matters</em> is inward, invisible, and relational. (It’s a kind of book that doesn’t get published anymore.)</p>
 <p>During a series of action scenes that would, in a more straightforwardly adventurous book, form the plot’s climax, the protagonist of <em>Greenwitch</em> is asleep, unaware of the terrifying events taking place just outside her house. And all those action scenes our girl misses while she’s sleeping are <em>also</em> dreams: They seem to be an entire village’s collective nightmares of terrible incidents of mass violence, some just barely within living memory and some that stretch much further back. The ancient dead arise in a collective dream and take up arms beside the living dreamers, who die and suffer. A ghost ship rises from the sea and sails over the moors, and eventually out of time. The town burns. But the next morning brings apparent normalcy; the stage resets.</p>
 <p><em>Greenwitch</em> offers no lasting resolution for the village’s ghostly violence. At the book’s end, even the Greenwitch entity herself remains trapped in her sacrificial cycle. And unlike the sleeping child heroine, the reader saw everything that happened in the dark, and is left with no assurance that the ghostly standing waves of past violence are not merely waiting to be summoned again.</p>
 <hr>
 <p>In the machine, we are always forgetting, chasing the same discourses and panics in circles. Instead of making restitution, we wait for the cycle to erase the screen and carry on as before. Stay long enough and everything rhymes with something that gave you scars, but that everyone else has forgotten. Resolution eludes us online even more than off. But then, the paradox: Nothing stays gone, either. Fast search resuscitates archives without even a bump in load time. Screenshots jump networks and decades; we have the receipts. Somewhere between the continual etch-a-sketch and structurally eidetic memory, the provisional and crucial ties of solidarity recede, always just out of reach.</p>
 <p>I logged into Twitter to see if my stupid, painstakingly deleted tweets <a href="https://www.theverge.com/2023/5/22/23732497/twitter-bug-restoring-deleted-tweets-retweets">had been un-deleted</a>: they had been, by the thousands. It’s a little on the nose.</p>
 <p>We won’t technologize our way out of the ghost machine. I don’t think we’ll mod our way out, either. Actual trust and real safety do require protection from griefers and villains—and abuses of authority—but that’s table stakes: that’s the <em>floor</em>.</p>
 <blockquote>
 <p>
 A building or a town becomes alive when every pattern in it is alive: when it allows each person in it, and each plant and animal, and every stream, and bridge, and wall and roof, and every human group and every road, to become alive in its own terms.
 </p>
 <p>
 And as that happens, the whole town reaches the state that individual people sometimes reach at their best and happiest moments, when they are most free.
 </p>
 <p>
 —Christopher Alexander, <em>The Timeless Way of Building</em>
 </p>
 </blockquote>
 <p>Here in my body, I want to be more human in service of a less painfully haunted world. I want ways of being together that let us pay our respects and build different kinds of power. I want to practice being free.</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/2024/62bf3ce6ef66e39b7f250a6123d92e66/index.md
+++ b/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/index.md
@@ -0,0 +1,63 @@
 title: Tomorrow & Tomorrow & Tomorrow
 url: https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow
 hash_url: 62bf3ce6ef66e39b7f250a6123d92e66
 archive_date: 2024-01-11
      
 <blockquote>
 <p>
 We realize then that it is just the patterns of events in space which are repeating in the building or the town: and nothing else.
 </p>
 <p>
 Nothing of any importance happens in a building or a town except what is defined within the patterns which repeat themselves.
 </p>
 <p>
 —Christopher Alexander, <em>The Timeless Way of Building</em>
 </p>
 </blockquote>
 <p>At the core of Christopher Alexander’s work is the belief that the shape and character of our spaces cannot help but influence the events that repeat inside them. The characteristics of the built environment don’t explain everything—the enveloping cultural context is a massive force—but they explain a lot.</p>
 <p>Over the past 20 years, this is very much what I’ve come to believe about the shape of the things we’ve built online. Software design isn’t the <em>only</em> thing that shapes our behavior, but the idea—which I’ve seen a lot this past few weeks—that interface design/network structure/feature sets don’t actually matter at all is as wrong as the idea that a bedroom with huge unshaded windows will allow for restorative sleep, or an open-plan office will permit a state of flow.</p>
 <p>So in my work life, I’m trying to sharpen my sense of how and why the patterns we build on the internet shape the behaviors we enact inside them. But I keep getting sidetracked into the opposite formulation—how repeated behavior shapes our spaces, how rituals turn to hauntings, how buried things keep erupting into the present.</p>
 <hr>
 <p>In the early 1980s, British engineer Vic Tandy was working for a company that made medical equipment used in life-support and anesthesia. In a coincidence that changed the course of Tandy’s career, the converted garage that served as the company’s laboratory was—according to some of Tandy’s colleagues and a night cleaner—haunted.</p>
 <p>Having dismissed his colleagues’ experiences as nonsense, Tandy himself noticed a few emotional and physical symptoms—depression, cold shivers, growing discomfort—but ignored them until he was working alone in the lab one night:</p>
 <blockquote>
 <p>As he sat at the desk writing he began to feel increasingly uncomfortable. He was sweating but cold and the feeling of depression was noticeable. The cats were moving around and the groans and creaks from what was now a deserted factory were<span class="push-double"></span> <span class="pull-double">“</span>spooky”, but there was also something else. It was as though something was in the room with V.T. […] As he was writing he became aware that he was being watched, and a figure slowly emerged to his left. It was indistinct and on the periphery of his vision but it moved as V.T. would expect a person to. The apparition was grey and made no sound. The hair was standing up on V.T.’s neck and there was a distinct chill in the room. As V.T. recalls,<span class="push-double"></span> <span class="pull-double">“</span>It would not be unreasonable to suggest I was terrified”. V.T. was unable to see any detail and finally built up the courage to turn and face the thing. As he turned the apparition faded and disappeared. There was absolutely no evidence to support what he had seen so he decided he must be cracking up and
 went home.</p>
 </blockquote>
 <p>The next day, Tandy, a competitive fencer, brought a foil blade into the lab to use the bench vise to cut threads into the blade for attachment to a tang. While clamped in the vise, the blade began<span class="push-double"></span> <span class="pull-double">“</span>frantically vibrating up and down,” which spooked the hell out of him. By moving the vise around the lab, Tandy located a low frequency (~19 <span class="small-caps">HZ</span>) standing wave that was eventually traced to a fan in the air-extraction system. When the fan’s mounting was modified, the standing wave disappeared—as did the lab’s oppressive feeling and sense of ghostly presence.</p>
 <p>Tandy and a fellow professor at Coventry University wrote up his experiences and subsequent speculations on the mechanisms of low-frequency hauntings in <a href="http://www.richardwiseman.com/resources/ghost-in-machine.pdf">a short paper for the <em>Journal of the Society for Psychical Research</em></a> that remains one of the prizes in my collection of obscure PDFs. Tandy went on to conduct large-scale experiments on the physical properties of hauntedness.</p>
 <p>I think about the vibrating foil blade every time anyone mentions <em>engagement</em>.</p>
 <hr>
 <p>The quasi-McLuhan quotation about shaping the tools that thereafter shape us traces back to <a href="https://api.parliament.uk/historic-hansard/commons/1943/oct/28/house-of-commons-rebuilding">Winston Churchill’s case for rebuilding the bombed-out Commons Chamber of Parliament</a> along its original lines. When he he wrote that<span class="push-double"></span> <span class="pull-double">“</span>we shape our buildings and afterwards our buildings shape us,” he was explicitly writing about the shape of the Chamber as a way of maintaining exactly two sharply opposing political parties rather than a left-right gradient, and about concentrating the energy of the deliberating body by making the room a little bit too small, thus forcing its members to squeeze in and hustle for a seat.</p>
 <p>It was a characteristically unsubtle speech:</p>
 <blockquote>
 <p>The House has shown itself able to face the possibility of national destruction with classical composure. It can change Governments, and has changed them by heat of passion. It can sustain Governments in long, adverse, disappointing struggles through many dark, grey months and even years until the sun comes out again. I do not know how else this country can be governed other than by the House of Commons playing its part in all its broad freedom in British public life. We have learned—with these so recently confirmed facts around us and before us—not to alter improvidently the physical structures which have enabled so remarkable an organism to carry on its work of banning dictatorships within this island and pursuing and beating into ruin all dictators who have molested us from outside.</p>
 </blockquote>
 <p>I’d known about the Churchill speech for a long time, but <span class="small-caps">WWII</span> isn’t my period and until this year, I’d assumed that the quotation dealt with <em>postwar</em> rebuilding. It’s actually from <a href="https://en.wikipedia.org/wiki/Timeline_of_World_War_II_(1943)">1943</a>, the year of the Warsaw Ghetto Uprising—well after the Blitz, but with the war’s outcomes still unknown. And as much as Churchill goes on at length about the health and vigor of the House over the long term, it’s ultimately a wartime argument: change cannot be risked.</p>
 <hr>
 <p>The structures of our network commons have concentrated our responses to the forces already pressing against our livelihoods and children and futures. Within their engagement-optimized interfaces, we’ve built ourselves into a standing wave: Abusive posts became network-wide events that require a response not only from moderating authorities, but from every user.</p>
 <p>In this machine, silence transmutes to approval of the worst thing happening; via entirely real human needs for signals of safety and support, continuous attention and engagement become mandatory. Simply <em>bad</em> posts are opportunities for demonstrations of prowess. People we agree with become footholds for demonstrating all the subtle ways in which they don’t quite understand. Sometimes—rarely—these moves result in policy changes, but <em>fight</em> and <em>flight</em> and <em>status display</em> all taste the same to the machine.</p>
 <p>Maybe for you, it didn’t start on Twitter. Maybe was forums or the blogosphere or Reddit. Maybe it was Facebook with terrible people from high school or TikTok with people who hate you for liking a thing, or not liking it enough. But we built the machines around our weird amygdalas and then we went inside them and now the machine is no longer confined to a stack of software + policy + vibes; we carry it in ourselves. We haunt each new place we enter. We can feel this happening in our bodies, which is why <em>touch grass</em> is so accidentally real.</p>
 <p>We shape our structures and afterward our structures shape us, but the <em>we</em> of the first clause and the <em>us</em> of the second are not the same.</p>
 <p>The secret heart of every panopticon is not the all-seeing-eye, but the confessional. Like a god, the machine already knows what we’ve done. We confess to reclaim our own voices, or sometimes in search of grace—though in the machine, grace is only available to some people, until we make it available to none. The gears of commercial networks are surveillance systems built on structures that elicit a continuous stream of confessions made public. Confessions in public become testimony; testimony summons congregations. We raise our voices in defiance or affirmation, knowing there will be consequences we don’t understand. The databanks grow.</p>
 <hr>
 <p>I started reading Susan Cooper’s <em>The Dark Is Rising</em> series to my kid between Christmas and New Year’s this year. The first two books in the sequence, published in 1964 and 1973, feel like products of the 1960s—there’s a clarity of motion and a starkness of contrast and a residual sweetness in the descriptions of rural landscapes that I recognize from my own childhood spent reading books that were already old then.</p>
 <p>The third book, <em>Greenwitch</em>, is another thing altogether. Published in 1974, it’s dreamlike and nightmarish and packed with images I associate more with folk horror than children’s fantasy adventure, down to the Greenwitch, a wicker woman built of living branches and inhabited by a childlike consciousness that is born anew each year to be sacrificed and reunited with the wild magic from which it came. The true line of the book’s plot hinges on the heroine’s instinctive and ultimately world-changing moment of recognition of the entity as not a human, but a person. Plenty of adventures swirl around this moment, but everything that <em>matters</em> is inward, invisible, and relational. (It’s a kind of book that doesn’t get published anymore.)</p>
 <p>During a series of action scenes that would, in a more straightforwardly adventurous book, form the plot’s climax, the protagonist of <em>Greenwitch</em> is asleep, unaware of the terrifying events taking place just outside her house. And all those action scenes our girl misses while she’s sleeping are <em>also</em> dreams: They seem to be an entire village’s collective nightmares of terrible incidents of mass violence, some just barely within living memory and some that stretch much further back. The ancient dead arise in a collective dream and take up arms beside the living dreamers, who die and suffer. A ghost ship rises from the sea and sails over the moors, and eventually out of time. The town burns. But the next morning brings apparent normalcy; the stage resets.</p>
 <p><em>Greenwitch</em> offers no lasting resolution for the village’s ghostly violence. At the book’s end, even the Greenwitch entity herself remains trapped in her sacrificial cycle. And unlike the sleeping child heroine, the reader saw everything that happened in the dark, and is left with no assurance that the ghostly standing waves of past violence are not merely waiting to be summoned again.</p>
 <hr>
 <p>In the machine, we are always forgetting, chasing the same discourses and panics in circles. Instead of making restitution, we wait for the cycle to erase the screen and carry on as before. Stay long enough and everything rhymes with something that gave you scars, but that everyone else has forgotten. Resolution eludes us online even more than off. But then, the paradox: Nothing stays gone, either. Fast search resuscitates archives without even a bump in load time. Screenshots jump networks and decades; we have the receipts. Somewhere between the continual etch-a-sketch and structurally eidetic memory, the provisional and crucial ties of solidarity recede, always just out of reach.</p>
 <p>I logged into Twitter to see if my stupid, painstakingly deleted tweets <a href="https://www.theverge.com/2023/5/22/23732497/twitter-bug-restoring-deleted-tweets-retweets">had been un-deleted</a>: they had been, by the thousands. It’s a little on the nose.</p>
 <p>We won’t technologize our way out of the ghost machine. I don’t think we’ll mod our way out, either. Actual trust and real safety do require protection from griefers and villains—and abuses of authority—but that’s table stakes: that’s the <em>floor</em>.</p>
 <blockquote>
 <p>
 A building or a town becomes alive when every pattern in it is alive: when it allows each person in it, and each plant and animal, and every stream, and bridge, and wall and roof, and every human group and every road, to become alive in its own terms.
 </p>
 <p>
 And as that happens, the whole town reaches the state that individual people sometimes reach at their best and happiest moments, when they are most free.
 </p>
 <p>
 —Christopher Alexander, <em>The Timeless Way of Building</em>
 </p>
 </blockquote>
 <p>Here in my body, I want to be more human in service of a less painfully haunted world. I want ways of being together that let us pay our respects and build different kinds of power. I want to practice being free.</p>
--- a/cache/2024/87c468a4eddabe5d2c28e902d7f17504/index.html
+++ b/cache/2024/87c468a4eddabe5d2c28e902d7f17504/index.html
@@ -0,0 +1,204 @@
 <!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>je ne sais pas pourquoi (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)">
 <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
 <meta name="robots" content="noai, noimageai">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_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.la-grange.net/2024/01/11/pourquoi">

 <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>je ne sais pas pourquoi</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.la-grange.net/2024/01/11/pourquoi" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <figure>
  <img src="https://www.la-grange.net/2024/01/09/3045-glace.jpg" alt="Cubes de glace étalés sur la chaussée à côté de boîte en plastique et d'un poteau rouge. La glace a un peu fondu.">
  <figcaption>Roppongi, Japon, 9 janvier 2024</figcaption>
 </figure>
 <blockquote>
 <p>Je ne savais pas de quoi il parlait, mais je n'ai rien demandé.
 — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059</p>
 </blockquote>
 <p>J'ai écouté Anne Savelli sur <a href="https://podcasts.apple.com/fr/podcast/faites-entrer-l%C3%A9criture/id1717321704?i=1000635653447">les lieux d'écriture/lecture</a>. Elles les appellent OLOÉs pour « Où Lire, Où Écrire. »</p>
 <p>Mes lieux de lecture et d'écriture sont très associés. J'écris parce que je lis.</p>
 <p>J'écris de deux façons.</p>
 <p>Des mots, des phrases écrites au stylo sur le papier, ou bien écrites sur le clavier de l'outil électronique le plus proche de moi. Je n'écris presque pas avec ma voix. Je n'enregistre pas ma voix pour dicter mes mots, sauf peut-être en de rares occasions mais pour que le son devienne texte aussitôt, transformé automatiquement par l'appareil. La voix n'existe pas. Elle est juste le filtre entre ma pensée et l'écrit.</p>
 <p>Des photos, j'écris presque tous les jours comme cela. Mes yeux lisent les environnements que je croise. Et les pensées sont spontanées. Il est très rare que je ne pense pas à ce que je vois. Je ne suis pas dans l'unique regard mais bien souvent dans le tissage du regard. Je prends aussi souvent une photographie comme l'ancre visuelle d'une pensée, d'une idée. Étonnament, celles-ci vivent très longtemps. Je peux écrire six mois après une photo et me souvenir du fil de pensées qui avait déclenché la photographie.</p>
 <p>J'écris donc beaucoup en marchant, parfois à vélo. C'est pour cela que je n'aime pas vraiment la voiture. Je lis beaucoup en train, mais pas dans l'avion. Je ne sais pas pourquoi. Pour lire dans le train, il faut que je sois seul. Avec la famille, ce n'est plus possible. Je ne sais pas pourquoi. Je peux écrire en famille avec les mots et les photos, même quand nous marchons. Je ne sais pas pourquoi. Mais j'écris mieux quand je suis seul, vraiment seul. Mais je peux écrire avec la foule si je suis pseudo-anonyme.</p>
 <p>Je ne peux pas lire dans le lit. Je n'aime pas le lit. Je dors peu dans le lit. Enfin je dors dans le lit, mais quand je suis fatigué. Je me lève aussitôt les paupières ouvertes. Je n'ai pas le plaisir de la grasse matinée. Je peux dormir dans le canapé, sur le tatami, sur le sol dur, sur le sable, dans la forêt, mais pas dans le lit, sauf quand je suis fatigué et que je dors. Je n'écris pas non plus dans le lit, puisque je dors pas trop longtemps.</p>
 <p>Je lis rarement dans le bain, mais je peux écouter une émission de radio. Mais je ne suis pas heureux, car si j'ai besoin de prendre une note sur ce qui vient d'être dit, il me faut sortir du bain. Et je ne peux pas prendre de photos des mots à la radio. Le bain chaud à la japonaise demande à ce que l'on ferme les yeux. On ne s'y lave pas. On l'a fait avant. On se laisse bouillonner. Mais parfois au sento ou au onsen, j'ai furieusement envie d'écrire parce qu'il y a les gens autour de moi, leurs corps, leurs attitudes, leurs rythmes et là ça m'agite la cafetière. Non, il faut fermer les yeux pour s'isoler et ne pas écrire.</p>
 <p>J'aime lire et écrire dans les cafés. Je ne suis pas une femme. Tout le monde me fout la paix. Le privilège du mâle blanc. Ce n'est pas toujours vrai. Je me souviens de cette jeune femme dans un café à Montréal qui visitait la ville. 20 ans déjà. Il n'y avait plus de place dans le café ma table avait encore une chaise. Et elle m'a demandé si j'étais un écrivain et si elle pouvait s'assoir. Elle venait de Taiwan. Elle écrivait aussi. J'ai arrêté d'écrire. Nous avons parlé de lieux en lieux jusqu'au petit matin pour écrire plus tard ce que nous nous sommes racontés.</p>
 <p>Je peux lire ou écrire dans un endroit très bruyant, mais je ne peux pas parler. Le bruit m'isole. Il me rend incommunicado. Mes lèvres ne peuvent pas bouger, les sons ne peuvent pas sortir. Tout à l'intérieur de soi, enfin seul pour écrire.</p>
 <p>Un jour il faudra que je parle de mes oloés.</p>

 <figure>
  <img src="https://www.la-grange.net/2024/01/08/3042-jouet.jpg" alt="Jouet en forme de bébé en plastique mou et salle et probablement éclaté sur le sol.">
  <figcaption>Sugamo, Japon, 8 janvier 2024</figcaption>
 </figure>
 <hr>
 <p>J'ai commencé à lire <a href="https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/">Let’s learn how modern JavaScript frameworks work by building one</a>. Mais il me manque quelque chose. Peut-être une visualisation ? et de meilleurs exemples.</p>
 <hr>
 <p>Dans Carbone 14, récemment, il y avait une <a href="https://podcasts.apple.com/fr/podcast/sapiens-sa-naissance-sa-conqu%C3%AAte-du-monde/id300710648?i=1000640745006">émission sur l'homo sapiens et autres hominidés</a>. On parle souvent de l'humain façonnant son environnement et de l'humain s'ajustant à son environnement. L'invité parlait d'une intimité plus grande en parlant d'adaptation et d'ajustement à l'environnement façonné par l'humain. En transformant son environnement, nous nous transformons nous-même dans le même temps.</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/2024/87c468a4eddabe5d2c28e902d7f17504/index.md
+++ b/cache/2024/87c468a4eddabe5d2c28e902d7f17504/index.md
@@ -0,0 +1,33 @@
 title: je ne sais pas pourquoi
 url: https://www.la-grange.net/2024/01/11/pourquoi
 hash_url: 87c468a4eddabe5d2c28e902d7f17504
 archive_date: 2024-01-11
  
 <figure>
  <img src="https://www.la-grange.net/2024/01/09/3045-glace.jpg" alt="Cubes de glace étalés sur la chaussée à côté de boîte en plastique et d'un poteau rouge. La glace a un peu fondu.">
  <figcaption>Roppongi, Japon, 9 janvier 2024</figcaption>
 </figure>
 <blockquote>
 <p>Je ne savais pas de quoi il parlait, mais je n'ai rien demandé.
 — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059</p>
 </blockquote>
 <p>J'ai écouté Anne Savelli sur <a href="https://podcasts.apple.com/fr/podcast/faites-entrer-l%C3%A9criture/id1717321704?i=1000635653447">les lieux d'écriture/lecture</a>. Elles les appellent OLOÉs pour « Où Lire, Où Écrire. »</p>
 <p>Mes lieux de lecture et d'écriture sont très associés. J'écris parce que je lis.</p>
 <p>J'écris de deux façons.</p>
 <p>Des mots, des phrases écrites au stylo sur le papier, ou bien écrites sur le clavier de l'outil électronique le plus proche de moi. Je n'écris presque pas avec ma voix. Je n'enregistre pas ma voix pour dicter mes mots, sauf peut-être en de rares occasions mais pour que le son devienne texte aussitôt, transformé automatiquement par l'appareil. La voix n'existe pas. Elle est juste le filtre entre ma pensée et l'écrit.</p>
 <p>Des photos, j'écris presque tous les jours comme cela. Mes yeux lisent les environnements que je croise. Et les pensées sont spontanées. Il est très rare que je ne pense pas à ce que je vois. Je ne suis pas dans l'unique regard mais bien souvent dans le tissage du regard. Je prends aussi souvent une photographie comme l'ancre visuelle d'une pensée, d'une idée. Étonnament, celles-ci vivent très longtemps. Je peux écrire six mois après une photo et me souvenir du fil de pensées qui avait déclenché la photographie.</p>
 <p>J'écris donc beaucoup en marchant, parfois à vélo. C'est pour cela que je n'aime pas vraiment la voiture. Je lis beaucoup en train, mais pas dans l'avion. Je ne sais pas pourquoi. Pour lire dans le train, il faut que je sois seul. Avec la famille, ce n'est plus possible. Je ne sais pas pourquoi. Je peux écrire en famille avec les mots et les photos, même quand nous marchons. Je ne sais pas pourquoi. Mais j'écris mieux quand je suis seul, vraiment seul. Mais je peux écrire avec la foule si je suis pseudo-anonyme.</p>
 <p>Je ne peux pas lire dans le lit. Je n'aime pas le lit. Je dors peu dans le lit. Enfin je dors dans le lit, mais quand je suis fatigué. Je me lève aussitôt les paupières ouvertes. Je n'ai pas le plaisir de la grasse matinée. Je peux dormir dans le canapé, sur le tatami, sur le sol dur, sur le sable, dans la forêt, mais pas dans le lit, sauf quand je suis fatigué et que je dors. Je n'écris pas non plus dans le lit, puisque je dors pas trop longtemps.</p>
 <p>Je lis rarement dans le bain, mais je peux écouter une émission de radio. Mais je ne suis pas heureux, car si j'ai besoin de prendre une note sur ce qui vient d'être dit, il me faut sortir du bain. Et je ne peux pas prendre de photos des mots à la radio. Le bain chaud à la japonaise demande à ce que l'on ferme les yeux. On ne s'y lave pas. On l'a fait avant. On se laisse bouillonner. Mais parfois au sento ou au onsen, j'ai furieusement envie d'écrire parce qu'il y a les gens autour de moi, leurs corps, leurs attitudes, leurs rythmes et là ça m'agite la cafetière. Non, il faut fermer les yeux pour s'isoler et ne pas écrire.</p>
 <p>J'aime lire et écrire dans les cafés. Je ne suis pas une femme. Tout le monde me fout la paix. Le privilège du mâle blanc. Ce n'est pas toujours vrai. Je me souviens de cette jeune femme dans un café à Montréal qui visitait la ville. 20 ans déjà. Il n'y avait plus de place dans le café ma table avait encore une chaise. Et elle m'a demandé si j'étais un écrivain et si elle pouvait s'assoir. Elle venait de Taiwan. Elle écrivait aussi. J'ai arrêté d'écrire. Nous avons parlé de lieux en lieux jusqu'au petit matin pour écrire plus tard ce que nous nous sommes racontés.</p>
 <p>Je peux lire ou écrire dans un endroit très bruyant, mais je ne peux pas parler. Le bruit m'isole. Il me rend incommunicado. Mes lèvres ne peuvent pas bouger, les sons ne peuvent pas sortir. Tout à l'intérieur de soi, enfin seul pour écrire.</p>
 <p>Un jour il faudra que je parle de mes oloés.</p>

 <figure>
  <img src="https://www.la-grange.net/2024/01/08/3042-jouet.jpg" alt="Jouet en forme de bébé en plastique mou et salle et probablement éclaté sur le sol.">
  <figcaption>Sugamo, Japon, 8 janvier 2024</figcaption>
 </figure>
 <hr>
 <p>J'ai commencé à lire <a href="https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/">Let’s learn how modern JavaScript frameworks work by building one</a>. Mais il me manque quelque chose. Peut-être une visualisation ? et de meilleurs exemples.</p>
 <hr>
 <p>Dans Carbone 14, récemment, il y avait une <a href="https://podcasts.apple.com/fr/podcast/sapiens-sa-naissance-sa-conqu%C3%AAte-du-monde/id300710648?i=1000640745006">émission sur l'homo sapiens et autres hominidés</a>. On parle souvent de l'humain façonnant son environnement et de l'humain s'ajustant à son environnement. L'invité parlait d'une intimité plus grande en parlant d'adaptation et d'ajustement à l'environnement façonné par l'humain. En transformant son environnement, nous nous transformons nous-même dans le même temps.</p>
--- a/cache/2024/89dbef9daef24f311b6401cef62f5855/index.html
+++ b/cache/2024/89dbef9daef24f311b6401cef62f5855/index.html
@@ -0,0 +1,253 @@
 <!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>Des Oloés (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)">
 <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
 <meta name="robots" content="noai, noimageai">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_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://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">

 <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>Des Oloés</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://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <p>Une chaise, un lit, un canapé, une baignoire, une place de métro, un banc dans un parc, un muret. Un fauteuil à roulettes, une file d’attente, une branche, une buche, un abri de tramway, une marche d’escalier. Une plage, un kiosque, un socle de statue, un recoin de cafétéria. Un bar sans BFM, une borne kilométrique, une alcôve, une serre, un divan de musée. Un pont. Un toit. Un rocher au soleil. Un compartiment vide, un rebord de fenêtre, un parpaing de parking, un tapis enroulé. Un pouf. Une malle. Un siège de WC. Un tas de feuilles sous un arbre, la pelouse des piscines renommée solarium, la salle des pas perdus quand elle n’est pas devenue une galerie marchande. Un cube dans une galerie. Le bas des toboggans. Une cabine d’essayage au fond d’un magasin. Un tabouret de cuisine, un rempart, un trépied, une dune, une clairière, un opéra fermé. Un squat. Une salle de sport en grève. Un coussin, une chauffeuse. Une butte, une balançoire. Un corps nu qu’on aime (ou habillé) (s’y appuyer). Un édredon. Une méridienne.</p>
 <p>Un oloé.</p>
 <p>Le livre que vous allez lire a déjà vécu plusieurs vies, presque jumelles, jamais semblables. Tout a commencé par une commande de Mélico[1], un site web disparu sur lequel on pouvait entendre des entretiens avec des libraires, trouver des articles les concernant mais aussi des textes d’auteurs évoquant les livres, la lecture. C’est grâce à Hélène Clemente du SNL et à Pierre Cohen-Hadria, qui menait alors les interviews, que j’ai trouvé un lieu où faire vivre ce mot inventé : oloé. O-L-O-É. Où lire ou écrire. Où lire où écrire. N’importe quel espace, meuble, objet détourné qui le permette.</p>
 <p>La parution se faisait alors en feuilleton, à un rythme mensuel. En 2011, les textes furent réunis dans un livre numérique avec liens et photos publié par le collectif D-Fiction. Assez vite, alors que je ne m’attendais à rien, j’ai eu la surprise de voir que le mot plaisait, que certains lecteurs se l’appropriaient en décrivant leurs lieux fétiches, au point qu’un site fut créé par l’écrivain Joachim Séné pour regrouper leurs textes : Des oloés du monde entier[2].</p>
 <p>Sortir, chercher un lieu où lire où écrire parce qu’on ne peut pas le faire chez soi. Ne pas trouver. Ne pas se décourager. Inventer un mot pour ce manque, écrire tout autour, publier le texte. Voir que l’oloé se propage : voilà l’histoire.</p>
 <p>À la relecture, je m’aperçois que c’est également un livre sur un livre, Franck, paru en 2010. À l’époque, j’étais très marquée par les années passées à l’écrire, puis sa publication chez Stock. Si je devais reprendre Des Oloés à zéro, aujourd’hui, ce serait peut-être autre chose, qui sait.</p>
 <p>Dans cette nouvelle version, vous trouverez quelques différences, parfois des retraits (j’ai supprimé photos et liens), des ajouts surtout : des notes, des propositions pour ceux qui auraient envie de s’y mettre, d’écrire leurs propres oloés et un livret final comprenant des textes de Thierry Beinstingel, Pierre Cohen-Hadria, Virginie Gautier, Maryse Hache, Olivier Hodasava, Christine Jeanney, Pierre Ménard, Juliette Mézenc, Franck Queyraud, Joachim Séné et Lucien Suel. Qu’ils soient tous très chaleureusement remerciés, avec une pensée pour Maryse, disparue en 2012 et qui reste présente dans nos esprits à tous.</p>
 <p>Où lire sur une avenue ? Comment réussir à écrire quand les radios, leurs flashs, leurs tubes ont envahi les cafés, les boutiques et le système nerveux, les couloirs, les entrées, les quais ? Où s’asseoir quand tout nous porte à marcher en pressant le pas, serrer son sac et droit devant rentrer chez soi le plus vite possible ? Où penser ? Où rêver ?</p>
 <p>Les oloés, ce seraient ces endroits où lire où écrire (le second o pouvant se comprendre également, c’est au choix, comme un ou), de ville, de mer, de campagne qui font une brèche, nous y accueillent. L’idée n’est pas de fuir mais plutôt de creuser. Parfois ils seront désignés avec précision, comme c’est le cas pour la chaise-table du Cent Quatre trouvée dans un jardin aujourd’hui disparu. Lorsque l’oloé sera privé, on se réservera le droit de rester vague. Des lieux où s’attacher, se concentrer, se laisser distraire ; s’alléger, se lester, jouer des dimensions.</p>
 <p>Oui, c’est facile, un inventaire, facile de dresser une liste, moins simple de s’y inscrire, d’abandonner ses impatiences et son désir de résultat (réconfort tangible du chapitre lu, de la page au net) pour s’amalgamer à sa chaise au centre des cris. S’en emparer, de ces lieux conçus on ne sait plus pourquoi, les épier au moins : le poste d’observation, c’est l’urgence.</p>
 <p>D’entrée, sur chaque pouce de terrain (hors sol chic, pratiques éthérées), on trouve poudre aux yeux et pics de ciment.</p>
 <p>(Regardez, on a monté le décor. Faites comme si vous étiez à l’aise, tant pis pour vos synapses, vos fesses, votre respiration. C’est fait exprès pour vous, qu’on vous dit, ces espaces, parois et stands, alors simulez le bien-être, allez, vite, payez, cher, stop, à d’autres, au coin, au large, au poste, au clou, ailleurs, tirez-vous. Et revenez, bien sûr.</p>
 <p>(on ne vous l’a pas dit, on vous l’a fait comprendre et vous l’avez compris)</p>
 <p>Ne personnifiez pas la misère, n’étalez pas le dégoût. Ayez l’air, ayez l’air, encastré, démembré, mieux que ça, tordez-vous.</p>
 <p>Comment, que faire de vos corps ? Quels corps au juste ? Votre intime c’est notre surface. On vous l’extirpe, le met à jour, l’adoucit ce qu’il faut. Pas trop, quand même, vous devez rester armé, cuirassé au cas où. On vous le revend le triple, comptez dessus.</p>
 <p>Vos émois ? Lesquels ? Des émois à la mode, j’espère.</p>
 <p>Le présent ? Là, total, intégré et pourtant pas de temps mort, pas de circonvolution, n’insistez pas.</p>
 <p>Ah.)</p>
 <p>Facile mais ajoutons quand même, pour les détourner, qu’ils résistent : hamacs, gradins, rambardes, chaises longues et nattes, futons, sofas, strapontins et parquets. Loges, gazons, duvets, abribus, banquettes, cagibis et terrasses, aéroports, laveries. Salles d’attente diverses. Impasses, replis. Inconforts à briser ou soigner ou défendre</p>
 <p>tout ce qui pousse à l’angle</p>
 <p>dans les rayons, le vent</p>
 <p>dans l’absence et le quart</p>
 <p>le silence impossible</p>
 <p>dans le concret des pieds posés, des hanches, des mains qui se saisissent, des doigts qui frappent, tournent une page, forment des boucles</p>
 <p>sur des planches, scènes, paliers, ces entraves et sangles nouées dénouées nouées</p>
 <p>dans l’inquiétude, le souvenir, les images mentales</p>
 <p>dans la perte de repères et la transformation</p>
 <p>dans leurs mots, dans ce qu’on leur devine, ce qu’on espère de courbe</p>
 <p>(on voudrait les manipuler, extraire la sève, sauter dans le vide et ne plus avoir peur)</p>
 <p>dans cette échappée permanente qui peut rendre fou on le sait</p>
 <p>aller chercher partout ce qu’on pourrait devenir hors formulaire</p>
 <p>hors facture et hors agenda</p>
 <p>hors prévision, réaction à l’oral, à l’écrit quand on vous dit sans le dire ne vous trompez pas de langue, sachez vous habiller, marcher, rire selon le schéma en pièce jointe</p>
 <p>regarder par en dessous, de haut, de biais selon la tendance du jour sachez répondre</p>
 <p>ne pas répondre</p>
 <p>vous adapter sans réclamer le dû</p>
 <p>désirer quoi ?</p>
 <p>tendre la main</p>
 <p>ou non ?</p>
 <p>si on n’y pense pas</p>
 <p>si on n’en rêve pas</p>
 <p>si on se contente de</p>
 <p>si on se réduit à</p>
 <p>c’est mort</p>
 <p>en passer par l’escrime, absorptions, envolées</p>
 <p>en passer par le risque</p>
 <p>même très petit risque</p>
 <p>Dans l’oloé on cherchera à rester libre, assis, couché, debout, même sur le flanc.</p>
 <h1>1 Chaise-table de la halle Curial</h1>
 <p>Début 2009, je me suis retrouvée pour la première fois en résidence d’écriture, au CentQuatre, ou 104, à Paris. L’établissement artistique, ancien site des Pompes funèbres, ex-atelier de fabrication de cercueils et de décorations mortuaires, de réparation de corbillards, commençait à ouvrir ses portes. C’était alors un espace vide, gris, nu, soumis à des travaux qui n’en finissaient pas. L’entrée était sonorisée, on y entendait des bruitages, des poèmes – mal, à cause des perceuses, des marteaux. Une librairie allait s’installer, et la Villa Arpel de Mon Oncle, le film de Jacques Tati, ancrer son décor pour quelques semaines. Pour l’instant, rien. Personne, en dehors des vigiles, des agents d’accueil, des femmes de ménage. Il faisait -13°, c’était un mois de janvier glacial. Dans un coin de la halle Curial où jadis circulaient des chevaux, seul un jardin potager semi-vertical planté d’asparagus, affleurant au-dessus de caisses empilées les unes sur les autres où dormaient des graines, des bulbes, des noyaux, pouvait donner envie d’arrêter sa marche. Il y avait de quoi se cacher un peu.</p>
 <p>Parler de cette chaise-table en bois faite d’un bloc, située dans le jardin du 104, c’est sans doute commencer d’expliquer ce que je souhaite faire ici. Chacun ses obsessions, bien sûr. L’une des miennes, c’est cette place dans le monde que le monde vous octroie ou non, que vous allez chercher ou non, que vous investissez ou non. Une place qui parfois s’offre mais qu’il vous faut souvent inventer et défendre. Une place où lire écrire, disons.</p>
 <p>Ce qui traverse quand on décide d’écrire, ce à quoi on échappe et ce qui nous contient quand c’est lire qui nous prend, c’est cela que je voudrais pour guide. Que la ville nous chasse, cherche à nous empêcher, depuis des années c’est certain. Mais qu’on guette (un luxe à s’octroyer, c’est tout) et voilà qu’elle sécrète dans un même mouvement interstices, fissures, venelles où s’immiscer pour lire écrire penser rêver mettez-y ce que vous vous voulez. Tout cela on le sait, mais…</p>
 <p>Cette chaise-table du 104, par exemple, personne ne la voit. Personne ne s’aperçoit qu’on en trouve même deux, placées en vis-à-vis, à l’entrée du jardin de la halle Curial. Entre les plantes-bouteilles, les casques où écouter des pas sur le gravier et les sculptures d’enfants elles n’attendent que nous, on croirait deux trains qui se croisent. C’est Mawa, femme de ménage, mère d’une petite fille gardée à la crèche rue Curial, là, tout près, qui me l’a fait connaître. On s’est installées face à face, chacune sa travée, a posé les mains sur la table. On s’est appuyées au dossier, a souri, soulagées d’échapper pour un instant aux verticales. Puis on s’est aperçues qu’en s’asseyant vraiment, jambes et buste alignés, comme pour une longue pause, on avait les pieds dans la terre, qu’on pouvait la remuer – qui l’aurait soupçonné, à nous voir ? On a discuté des slogans de Christian Prigent, lancés d’habitude à toute volée par les haut-parleurs de la halle, à l’angle, brouillés, hachés, bouillie de sons à qui la direction, à cette époque, avait coupé le sifflet. L’auteur allait venir et on n’était pas sûr qu’il aurait apprécié, ai-je cru comprendre, mais peut-être l’ai-je imaginé. On a parlé enfants, vide, plein, maison de Mon oncle, surgissement de Jacques Tati entre avril et mai.</p>
 <p>Je me suis dit : enfin un bon endroit pour lire écrire dans ce 104 qui écrase et fatigue, écartèle aux points telluriques – on en part en petits morceaux. Et puis non. Pas lu pas écrit grand-chose malgré la terre et la verrière, les plantes qui protègent des regards. À l’étage les agents d’accueil tapotaient la vitre, me faisaient signe. Je relevais la tête, on riait. Je revenais au carnet mais c’était compliqué, il y avait trop à voir et surtout à entendre. Des écrans avaient été installés par une étudiante des Beaux-Arts (bruit de fond) ; les travaux se poursuivaient côté librairie (martèlements), les slogans reprenaient.</p>
 <p>Quand la librairie a ouvert, à trois mètres, l’attraction fut trop forte, de toute façon. Partout ailleurs, au-delà des fluctuations, dérives, disparitions d’œuvres et d’artistes rien n’avait encore d’histoire tandis qu’elle, étagères arrondies et blondes, chaque livre aimé et choisi, semblait là depuis dix ans. Fureter, s’asseoir, regarder à la dérobée. Retourner en tous sens les cartes, BD, CD, gadgets, et bien sûr les livres : comment l’étroite chaise-table aurait-elle pu lutter ?</p>
 <p>Ne pas tenir en place, ici, et donc partir.</p>
 <p>Propositions d’écriture</p>
 <p>S’installer à l’intérieur d’une œuvre d’art dans un musée ou une galerie, autrement dit dans un lieu a priori inconfortable pour écrire, peut-être intimidant et cependant dédié à l’art. Examiner ce qui se produit et l’écrire. Est-ce qu’on trouve où s’asseoir, et comment ? Le corps est-il à l’aise ? Se fait-on déloger ? Si oui, au bout de combien de temps ? Poursuivre l’expérience le plus longtemps possible en notant les solutions de repli, les émotions perçues, le sentiment de solitude ou, au contraire, de victoire après l’accaparement du lieu.</p>
 <p>Variante • Choisir n’importe quel lieu non destiné à l’écriture (chantier, quai, entrepôt…) à la condition qu’il soit vide.</p>
 <h1>2 Parasites au jardin secret</h1>
 <p>Parce que j’y reviens souvent, ce lieu, depuis la parution du livre, est devenu purement et simplement l’oloé 2, dont je parle ainsi, tandis que les autres ont perdu leur numérotation.</p>
 <p>Mi-juillet, déjà, le soleil peine dans ce jardin de l’Oise. D’instinct, pour l’avoir pratiqué autrement, on sait que le bon endroit pour lire écrire est ancré dans cette courbe que font le groseillier, le framboisier, les orties et le poirier, semi-cachette d’où épier les murs, la haie du voisin et les briques. Les abeilles et moucherons chaloupent, s’intéressent au clavier, à l’appareil-photo. La route est loin, le chemin derrière la clôture peu fréquenté.</p>
 <p>Quelqu’un a installé un banc (tous ne sont pas accessibles) qu’on retourne et déplace à deux. On serait mieux par terre mais c’est encore mouillé de la nuit.</p>
 <p>Un chant, soleil, quelques obliques. C’est vert, paisible, à peine un vent léger, à peine un avion sous les nuages. Pourtant, des mots qui blessent, durent, empêchent d’avancer, s’interposent au moment d’écrire : pourquoi ? Des mots entendus au moins deux ans plus tôt, injustes et mal venus, à propos d’un autre travail, mais c’était alors, ce travail : écrire sur le ténu, le fugace, sur ce qu’on perçoit à peine. Et à vouloir reprendre même d’une autre façon cette tentative les jugements affleurent à nouveau, la voix surtout, son grain, le ton et le débit – les mots, pas tant que ça. Qu’en faire ?</p>
 <p>Ciel gris. Un ciel mouvant décidément – mais écrivant ciel gris, majuscule, point, pas plus, dix touches sur le clavier, quelque chose se déchire soudain, ces deux mots justement comme sur une feuille lancée en l’air. À la barre, Dita Kepler[3]. Sous l’écorce, dans les buissons, partout elle accuse, prononce vol et contrefaçon : ciel gris tu l’as déjà écrit, tu t’en sers pour moi, tu te souviens ?</p>
 <p>Banc de face, de profil, accueillir ce qui vient et qui soit autre que la colère, autre que le texte en cours.</p>
 <p>Quoi donc ? Ah, si : rêvé cette nuit d’une lecture en public avec Catherine Deneuve qui était écrivain. Elle m’expliquait le principe de son texte : des variations autour d’adjectifs commençant tous par f, dont fier, furieux. Sans même l’entendre lire l’idée m’enchantait.</p>
 <p>(et là imaginer la suite d’adjectifs, y river les jugements, les décaper, les tordre, les plaquer au sol)</p>
 <p>Au réveil, à sa suite, est née une autre idée. De celles qui permettent de se ré-approprier ce qu’on a jeté de vous, s’imposent à l’instant après avoir attendu des semaines, des mois pour se manifester. Parfait.</p>
 <p>Soleil à nouveau sur le banc. Les mots blessants s’éloignent, toujours aux aguets cependant, tandis qu’un insecte indéterminé, long et gracile, traverse l’écran. S’éloignent seuls, sans qu’on s’en préoccupe ?</p>
 <p>Ceux qui de cette façon s’arrogent le jugement, font et défont la pelote même sans volonté, par simple maladresse, perdent tant par ailleurs, qu’on les laisse aux clôtures. Je laisse, tu laisses, nous laissons. Groseilles, framboises dans le dos. Abeille, guêpe, moucheron, mouvement de recul et à gauche dans l’herbe deux romans entamés : pour éloigner sa bouche, au type, ce qu’il a dit au téléphone alors qu’on n’avait rien demandé, il suffit sans doute d’en ouvrir, rouvrir un.</p>
 <p>Il mit ses mains devant ses yeux et risqua un regard jusqu’au hublot. Au-dehors, un aileron brillait, comme chauffé à blanc dans l’éclat du soleil. Alentour, tout était obscur et cette obscurité était très certainement emplie d’étoiles qu’il était impossible de voir.</p>
 <p>Arthur C. Clarke, 2001 : L’odyssée de l’espace, traduit de l’anglais par Michel Demuth.</p>
 <p>Proposition d’écriture</p>
 <p>S’installer dans le lieu le plus propice, le plus paradisiaque qui soit pour écrire. Examiner ce qui parasite, les pensées gênantes, paralysantes, jugements sur soi ou son travail de personnes faisant autorité, etc. Ne pas les décrire. Ne pas écrire pour se venger ni les analyser. Noter au contraire ce qui les suit, bifurque, leur permet de glisser. Les utiliser pour décrire le lieu.</p>
 <p>Si rien ne se produit, si aucun malaise préalable n’empêche d’écrire, examiner en quoi la perfection du lieu et du moment présent permet, ou non, de le faire.</p>
 <p>Et si rien ne vient, rester là et lire.</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/2024/89dbef9daef24f311b6401cef62f5855/index.md
+++ b/cache/2024/89dbef9daef24f311b6401cef62f5855/index.md
@@ -0,0 +1,158 @@
 title: Des Oloés
 url: https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB
 hash_url: 89dbef9daef24f311b6401cef62f5855
 archive_date: 2024-01-11

 Une chaise, un lit, un canapé, une baignoire, une place de métro, un banc dans un parc, un muret. Un fauteuil à roulettes, une file d’attente, une branche, une buche, un abri de tramway, une marche d’escalier. Une plage, un kiosque, un socle de statue, un recoin de cafétéria. Un bar sans BFM, une borne kilométrique, une alcôve, une serre, un divan de musée. Un pont. Un toit. Un rocher au soleil. Un compartiment vide, un rebord de fenêtre, un parpaing de parking, un tapis enroulé. Un pouf. Une malle. Un siège de WC. Un tas de feuilles sous un arbre, la pelouse des piscines renommée solarium, la salle des pas perdus quand elle n’est pas devenue une galerie marchande. Un cube dans une galerie. Le bas des toboggans. Une cabine d’essayage au fond d’un magasin. Un tabouret de cuisine, un rempart, un trépied, une dune, une clairière, un opéra fermé. Un squat. Une salle de sport en grève. Un coussin, une chauffeuse. Une butte, une balançoire. Un corps nu qu’on aime (ou habillé) (s’y appuyer). Un édredon. Une méridienne.

 Un oloé.

 Le livre que vous allez lire a déjà vécu plusieurs vies, presque jumelles, jamais semblables. Tout a commencé par une commande de Mélico[1], un site web disparu sur lequel on pouvait entendre des entretiens avec des libraires, trouver des articles les concernant mais aussi des textes d’auteurs évoquant les livres, la lecture. C’est grâce à Hélène Clemente du SNL et à Pierre Cohen-Hadria, qui menait alors les interviews, que j’ai trouvé un lieu où faire vivre ce mot inventé : oloé. O-L-O-É. Où lire ou écrire. Où lire où écrire. N’importe quel espace, meuble, objet détourné qui le permette.

 La parution se faisait alors en feuilleton, à un rythme mensuel. En 2011, les textes furent réunis dans un livre numérique avec liens et photos publié par le collectif D-Fiction. Assez vite, alors que je ne m’attendais à rien, j’ai eu la surprise de voir que le mot plaisait, que certains lecteurs se l’appropriaient en décrivant leurs lieux fétiches, au point qu’un site fut créé par l’écrivain Joachim Séné pour regrouper leurs textes : Des oloés du monde entier[2].

 Sortir, chercher un lieu où lire où écrire parce qu’on ne peut pas le faire chez soi. Ne pas trouver. Ne pas se décourager. Inventer un mot pour ce manque, écrire tout autour, publier le texte. Voir que l’oloé se propage : voilà l’histoire.

 À la relecture, je m’aperçois que c’est également un livre sur un livre, Franck, paru en 2010. À l’époque, j’étais très marquée par les années passées à l’écrire, puis sa publication chez Stock. Si je devais reprendre Des Oloés à zéro, aujourd’hui, ce serait peut-être autre chose, qui sait.

 Dans cette nouvelle version, vous trouverez quelques différences, parfois des retraits (j’ai supprimé photos et liens), des ajouts surtout : des notes, des propositions pour ceux qui auraient envie de s’y mettre, d’écrire leurs propres oloés et un livret final comprenant des textes de Thierry Beinstingel, Pierre Cohen-Hadria, Virginie Gautier, Maryse Hache, Olivier Hodasava, Christine Jeanney, Pierre Ménard, Juliette Mézenc, Franck Queyraud, Joachim Séné et Lucien Suel. Qu’ils soient tous très chaleureusement remerciés, avec une pensée pour Maryse, disparue en 2012 et qui reste présente dans nos esprits à tous.

 Où lire sur une avenue ? Comment réussir à écrire quand les radios, leurs flashs, leurs tubes ont envahi les cafés, les boutiques et le système nerveux, les couloirs, les entrées, les quais ? Où s’asseoir quand tout nous porte à marcher en pressant le pas, serrer son sac et droit devant rentrer chez soi le plus vite possible ? Où penser ? Où rêver ?

 Les oloés, ce seraient ces endroits où lire où écrire (le second o pouvant se comprendre également, c’est au choix, comme un ou), de ville, de mer, de campagne qui font une brèche, nous y accueillent. L’idée n’est pas de fuir mais plutôt de creuser. Parfois ils seront désignés avec précision, comme c’est le cas pour la chaise-table du Cent Quatre trouvée dans un jardin aujourd’hui disparu. Lorsque l’oloé sera privé, on se réservera le droit de rester vague. Des lieux où s’attacher, se concentrer, se laisser distraire ; s’alléger, se lester, jouer des dimensions.

 Oui, c’est facile, un inventaire, facile de dresser une liste, moins simple de s’y inscrire, d’abandonner ses impatiences et son désir de résultat (réconfort tangible du chapitre lu, de la page au net) pour s’amalgamer à sa chaise au centre des cris. S’en emparer, de ces lieux conçus on ne sait plus pourquoi, les épier au moins : le poste d’observation, c’est l’urgence.

 D’entrée, sur chaque pouce de terrain (hors sol chic, pratiques éthérées), on trouve poudre aux yeux et pics de ciment.

 (Regardez, on a monté le décor. Faites comme si vous étiez à l’aise, tant pis pour vos synapses, vos fesses, votre respiration. C’est fait exprès pour vous, qu’on vous dit, ces espaces, parois et stands, alors simulez le bien-être, allez, vite, payez, cher, stop, à d’autres, au coin, au large, au poste, au clou, ailleurs, tirez-vous. Et revenez, bien sûr.

 (on ne vous l’a pas dit, on vous l’a fait comprendre et vous l’avez compris)

 Ne personnifiez pas la misère, n’étalez pas le dégoût. Ayez l’air, ayez l’air, encastré, démembré, mieux que ça, tordez-vous.

 Comment, que faire de vos corps ? Quels corps au juste ? Votre intime c’est notre surface. On vous l’extirpe, le met à jour, l’adoucit ce qu’il faut. Pas trop, quand même, vous devez rester armé, cuirassé au cas où. On vous le revend le triple, comptez dessus.

 Vos émois ? Lesquels ? Des émois à la mode, j’espère.

 Le présent ? Là, total, intégré et pourtant pas de temps mort, pas de circonvolution, n’insistez pas.

 Ah.)

 Facile mais ajoutons quand même, pour les détourner, qu’ils résistent : hamacs, gradins, rambardes, chaises longues et nattes, futons, sofas, strapontins et parquets. Loges, gazons, duvets, abribus, banquettes, cagibis et terrasses, aéroports, laveries. Salles d’attente diverses. Impasses, replis. Inconforts à briser ou soigner ou défendre

 tout ce qui pousse à l’angle

 dans les rayons, le vent

 dans l’absence et le quart

 le silence impossible

 dans le concret des pieds posés, des hanches, des mains qui se saisissent, des doigts qui frappent, tournent une page, forment des boucles

 sur des planches, scènes, paliers, ces entraves et sangles nouées dénouées nouées

 dans l’inquiétude, le souvenir, les images mentales

 dans la perte de repères et la transformation

 dans leurs mots, dans ce qu’on leur devine, ce qu’on espère de courbe

 (on voudrait les manipuler, extraire la sève, sauter dans le vide et ne plus avoir peur)

 dans cette échappée permanente qui peut rendre fou on le sait

 aller chercher partout ce qu’on pourrait devenir hors formulaire

 hors facture et hors agenda

 hors prévision, réaction à l’oral, à l’écrit quand on vous dit sans le dire ne vous trompez pas de langue, sachez vous habiller, marcher, rire selon le schéma en pièce jointe

 regarder par en dessous, de haut, de biais selon la tendance du jour sachez répondre

 ne pas répondre

 vous adapter sans réclamer le dû

 désirer quoi ?

 tendre la main

 ou non ?

 si on n’y pense pas

 si on n’en rêve pas

 si on se contente de

 si on se réduit à

 c’est mort

 en passer par l’escrime, absorptions, envolées

 en passer par le risque

 même très petit risque

 Dans l’oloé on cherchera à rester libre, assis, couché, debout, même sur le flanc.

 #1 Chaise-table de la halle Curial

 Début 2009, je me suis retrouvée pour la première fois en résidence d’écriture, au CentQuatre, ou 104, à Paris. L’établissement artistique, ancien site des Pompes funèbres, ex-atelier de fabrication de cercueils et de décorations mortuaires, de réparation de corbillards, commençait à ouvrir ses portes. C’était alors un espace vide, gris, nu, soumis à des travaux qui n’en finissaient pas. L’entrée était sonorisée, on y entendait des bruitages, des poèmes – mal, à cause des perceuses, des marteaux. Une librairie allait s’installer, et la Villa Arpel de Mon Oncle, le film de Jacques Tati, ancrer son décor pour quelques semaines. Pour l’instant, rien. Personne, en dehors des vigiles, des agents d’accueil, des femmes de ménage. Il faisait -13°, c’était un mois de janvier glacial. Dans un coin de la halle Curial où jadis circulaient des chevaux, seul un jardin potager semi-vertical planté d’asparagus, affleurant au-dessus de caisses empilées les unes sur les autres où dormaient des graines, des bulbes, des noyaux, pouvait donner envie d’arrêter sa marche. Il y avait de quoi se cacher un peu.

 Parler de cette chaise-table en bois faite d’un bloc, située dans le jardin du 104, c’est sans doute commencer d’expliquer ce que je souhaite faire ici. Chacun ses obsessions, bien sûr. L’une des miennes, c’est cette place dans le monde que le monde vous octroie ou non, que vous allez chercher ou non, que vous investissez ou non. Une place qui parfois s’offre mais qu’il vous faut souvent inventer et défendre. Une place où lire écrire, disons.

 Ce qui traverse quand on décide d’écrire, ce à quoi on échappe et ce qui nous contient quand c’est lire qui nous prend, c’est cela que je voudrais pour guide. Que la ville nous chasse, cherche à nous empêcher, depuis des années c’est certain. Mais qu’on guette (un luxe à s’octroyer, c’est tout) et voilà qu’elle sécrète dans un même mouvement interstices, fissures, venelles où s’immiscer pour lire écrire penser rêver mettez-y ce que vous vous voulez. Tout cela on le sait, mais…

 Cette chaise-table du 104, par exemple, personne ne la voit. Personne ne s’aperçoit qu’on en trouve même deux, placées en vis-à-vis, à l’entrée du jardin de la halle Curial. Entre les plantes-bouteilles, les casques où écouter des pas sur le gravier et les sculptures d’enfants elles n’attendent que nous, on croirait deux trains qui se croisent. C’est Mawa, femme de ménage, mère d’une petite fille gardée à la crèche rue Curial, là, tout près, qui me l’a fait connaître. On s’est installées face à face, chacune sa travée, a posé les mains sur la table. On s’est appuyées au dossier, a souri, soulagées d’échapper pour un instant aux verticales. Puis on s’est aperçues qu’en s’asseyant vraiment, jambes et buste alignés, comme pour une longue pause, on avait les pieds dans la terre, qu’on pouvait la remuer – qui l’aurait soupçonné, à nous voir ? On a discuté des slogans de Christian Prigent, lancés d’habitude à toute volée par les haut-parleurs de la halle, à l’angle, brouillés, hachés, bouillie de sons à qui la direction, à cette époque, avait coupé le sifflet. L’auteur allait venir et on n’était pas sûr qu’il aurait apprécié, ai-je cru comprendre, mais peut-être l’ai-je imaginé. On a parlé enfants, vide, plein, maison de Mon oncle, surgissement de Jacques Tati entre avril et mai.

 Je me suis dit : enfin un bon endroit pour lire écrire dans ce 104 qui écrase et fatigue, écartèle aux points telluriques – on en part en petits morceaux. Et puis non. Pas lu pas écrit grand-chose malgré la terre et la verrière, les plantes qui protègent des regards. À l’étage les agents d’accueil tapotaient la vitre, me faisaient signe. Je relevais la tête, on riait. Je revenais au carnet mais c’était compliqué, il y avait trop à voir et surtout à entendre. Des écrans avaient été installés par une étudiante des Beaux-Arts (bruit de fond) ; les travaux se poursuivaient côté librairie (martèlements), les slogans reprenaient.

 Quand la librairie a ouvert, à trois mètres, l’attraction fut trop forte, de toute façon. Partout ailleurs, au-delà des fluctuations, dérives, disparitions d’œuvres et d’artistes rien n’avait encore d’histoire tandis qu’elle, étagères arrondies et blondes, chaque livre aimé et choisi, semblait là depuis dix ans. Fureter, s’asseoir, regarder à la dérobée. Retourner en tous sens les cartes, BD, CD, gadgets, et bien sûr les livres : comment l’étroite chaise-table aurait-elle pu lutter ?

 Ne pas tenir en place, ici, et donc partir.

 Propositions d’écriture

 S’installer à l’intérieur d’une œuvre d’art dans un musée ou une galerie, autrement dit dans un lieu a priori inconfortable pour écrire, peut-être intimidant et cependant dédié à l’art. Examiner ce qui se produit et l’écrire. Est-ce qu’on trouve où s’asseoir, et comment ? Le corps est-il à l’aise ? Se fait-on déloger ? Si oui, au bout de combien de temps ? Poursuivre l’expérience le plus longtemps possible en notant les solutions de repli, les émotions perçues, le sentiment de solitude ou, au contraire, de victoire après l’accaparement du lieu.

 Variante • Choisir n’importe quel lieu non destiné à l’écriture (chantier, quai, entrepôt…) à la condition qu’il soit vide.

 #2 Parasites au jardin secret

 Parce que j’y reviens souvent, ce lieu, depuis la parution du livre, est devenu purement et simplement l’oloé 2, dont je parle ainsi, tandis que les autres ont perdu leur numérotation.

 Mi-juillet, déjà, le soleil peine dans ce jardin de l’Oise. D’instinct, pour l’avoir pratiqué autrement, on sait que le bon endroit pour lire écrire est ancré dans cette courbe que font le groseillier, le framboisier, les orties et le poirier, semi-cachette d’où épier les murs, la haie du voisin et les briques. Les abeilles et moucherons chaloupent, s’intéressent au clavier, à l’appareil-photo. La route est loin, le chemin derrière la clôture peu fréquenté.

 Quelqu’un a installé un banc (tous ne sont pas accessibles) qu’on retourne et déplace à deux. On serait mieux par terre mais c’est encore mouillé de la nuit.

 Un chant, soleil, quelques obliques. C’est vert, paisible, à peine un vent léger, à peine un avion sous les nuages. Pourtant, des mots qui blessent, durent, empêchent d’avancer, s’interposent au moment d’écrire : pourquoi ? Des mots entendus au moins deux ans plus tôt, injustes et mal venus, à propos d’un autre travail, mais c’était alors, ce travail : écrire sur le ténu, le fugace, sur ce qu’on perçoit à peine. Et à vouloir reprendre même d’une autre façon cette tentative les jugements affleurent à nouveau, la voix surtout, son grain, le ton et le débit – les mots, pas tant que ça. Qu’en faire ?

 Ciel gris. Un ciel mouvant décidément – mais écrivant ciel gris, majuscule, point, pas plus, dix touches sur le clavier, quelque chose se déchire soudain, ces deux mots justement comme sur une feuille lancée en l’air. À la barre, Dita Kepler[3]. Sous l’écorce, dans les buissons, partout elle accuse, prononce vol et contrefaçon : ciel gris tu l’as déjà écrit, tu t’en sers pour moi, tu te souviens ?

 Banc de face, de profil, accueillir ce qui vient et qui soit autre que la colère, autre que le texte en cours.

 Quoi donc ? Ah, si : rêvé cette nuit d’une lecture en public avec Catherine Deneuve qui était écrivain. Elle m’expliquait le principe de son texte : des variations autour d’adjectifs commençant tous par f, dont fier, furieux. Sans même l’entendre lire l’idée m’enchantait.

 (et là imaginer la suite d’adjectifs, y river les jugements, les décaper, les tordre, les plaquer au sol)

 Au réveil, à sa suite, est née une autre idée. De celles qui permettent de se ré-approprier ce qu’on a jeté de vous, s’imposent à l’instant après avoir attendu des semaines, des mois pour se manifester. Parfait.

 Soleil à nouveau sur le banc. Les mots blessants s’éloignent, toujours aux aguets cependant, tandis qu’un insecte indéterminé, long et gracile, traverse l’écran. S’éloignent seuls, sans qu’on s’en préoccupe ?

 Ceux qui de cette façon s’arrogent le jugement, font et défont la pelote même sans volonté, par simple maladresse, perdent tant par ailleurs, qu’on les laisse aux clôtures. Je laisse, tu laisses, nous laissons. Groseilles, framboises dans le dos. Abeille, guêpe, moucheron, mouvement de recul et à gauche dans l’herbe deux romans entamés : pour éloigner sa bouche, au type, ce qu’il a dit au téléphone alors qu’on n’avait rien demandé, il suffit sans doute d’en ouvrir, rouvrir un.

 Il mit ses mains devant ses yeux et risqua un regard jusqu’au hublot. Au-dehors, un aileron brillait, comme chauffé à blanc dans l’éclat du soleil. Alentour, tout était obscur et cette obscurité était très certainement emplie d’étoiles qu’il était impossible de voir.

 Arthur C. Clarke, 2001 : L’odyssée de l’espace, traduit de l’anglais par Michel Demuth.

 Proposition d’écriture

 S’installer dans le lieu le plus propice, le plus paradisiaque qui soit pour écrire. Examiner ce qui parasite, les pensées gênantes, paralysantes, jugements sur soi ou son travail de personnes faisant autorité, etc. Ne pas les décrire. Ne pas écrire pour se venger ni les analyser. Noter au contraire ce qui les suit, bifurque, leur permet de glisser. Les utiliser pour décrire le lieu.

 Si rien ne se produit, si aucun malaise préalable n’empêche d’écrire, examiner en quoi la perfection du lieu et du moment présent permet, ou non, de le faire.

 Et si rien ne vient, rester là et lire.
--- a/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/index.html
+++ b/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/index.html
@@ -0,0 +1,202 @@
 <!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>build a world, not an audience (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)">
 <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
 <meta name="robots" content="noai, noimageai">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_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://keningzhu.com/journal/build-a-world-not-an-audience">

 <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>build a world, not an audience</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://keningzhu.com/journal/build-a-world-not-an-audience" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <h2>build a world, not a marketing funnel  </h2>
 <p class="">in this digital age where everyone wants to “monetize” something, you constantly find yourself inside a marketing funnels — filled with shiny things, and quick-fix promises, and slippery slopes. </p>
 <p class=""><strong>marketing funnels are everywhere.</strong> </p>
 <p class=""><strong>digital worlds are rare.</strong> </p>
 <p class="">so here is my strategy: </p>
 <p class="">instead of “building an audience,” build a world. build a digital garden-ecosystem, that exists — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its existence. </p>
 <p class="">build a world that the RIGHT people — your kindred people — will discover, will gravitate towards, and fall in love with. build a world that no one else can replicate, except you. </p>
 <p class="">build a world expansive enough to HOLD your work, your multi-faceted spirit — <em>and</em> your audience. <br><br></p>
 <p class=""><span><em>here’s my bold promise:</em></span> <br></p>
 <h2>if you can build a rich digital world, then your right audience will find you.<br>everything else that you seek<br>will come easily.<br></h2>
 <p class="">why? because when you have a digital world, then all of the things people chase, those external markers of success — <em>validation, visibility, connection, community, subscribers, money</em> — they are <em>easy, external byproducts of your internal process.</em></p>
 <p class=""><strong><em>when you build a world, you’re creating from your power. </em></strong></p>
 <p class=""><strong><em>success is a byproduct of your creative rituals &amp; process.</em></strong></p>
 <p class="">instead of sharing something that will disappear on someone’s feed, focus, instead, on growing a digital garden on YOUR website, that belongs only to you. </p>
 <p class="">instead of chasing an particular audience, and pandering to your assumption of their needs, focus on building a rich, thriving world that YOUR people will be drawn to, like sweet birds and bees that come visit your garden.  <br><br></p>
 <h2>don’t chase, let them find your world</h2>
 <p class="">I’ll be honest, this is not an easy path. this is not traditional marketing. this is not an ideal strategy for you — if you don’t like the idea of creation, and sharing it, day after day.  </p>
 <p class="">this method took took me a few years to figure out, haphazardly, to realize that it works, and <em>finally</em>, to articulate it — to figure out WHY it works.  </p>
 <p class="">along the way, I waded through my own cycles of overwhelm, resistance, ghosting, and bad marketing experiments. I’ve found that for me, <strong>focusing on</strong> <strong>world-building over audience-growing</strong> — is how creatives can do marketing in a way that is in highest service of inspiration and creative flow — rather than resisting it. <br><br>pour your energy into creating your world. </p>
 <p class="">your world is everything. your world is the vessel that holds your ideas, thoughts, dreams, expressions, is what builds trust with strangers, magnetizes opportunities, creates deep connections, what invites and nurtures an audience, and ultimately, it is what makes you money. <br></p>
 <h2>a metaphor for this strategy </h2>
 <p class="">let me leave you with a metaphor to describe this way. </p>
 <p class=""><em>don’t be a hunter-gatherer in the wild, competing for food.</em> </p>
 <p class=""><em>go build yourself a magical forest-farm, and grow your garden of nourishing things. and wait. trust that the right people will come. </em></p>
 <p class=""><em>when they do, be hospitable and kind to them. you will recognize them, and they will recognize you. </em></p>
 <p class=""><em>they will want to come back, again and again, and linger for a while. in the meantime, keep growing your world. feed yourself, and have plenty of abundance left over — to feed your guests.</em></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/2024/cd2fda3dae5d89990f73fbdaa1c3b491/index.md
+++ b/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/index.md
@@ -0,0 +1,6 @@
 title: build a world, not an audience
 url: https://keningzhu.com/journal/build-a-world-not-an-audience
 hash_url: cd2fda3dae5d89990f73fbdaa1c3b491
 archive_date: 2024-01-11

 <h2>build a world, not a marketing funnel  </h2><p class="">in this digital age where everyone wants to “monetize” something, you constantly find yourself inside a marketing funnels — filled with shiny things, and quick-fix promises, and slippery slopes. </p><p class=""><strong>marketing funnels are everywhere.</strong> </p><p class=""><strong>digital worlds are rare.</strong> </p><p class="">so here is my strategy: </p><p class="">instead of “building an audience,” build a world. build a digital garden-ecosystem, that exists — first and primarily — <em>for itself</em>. a world that doesn’t need likes, traffic, subscribers, or clicks  — in order to validate its existence. </p><p class="">build a world that the RIGHT people — your kindred people — will discover, will gravitate towards, and fall in love with. build a world that no one else can replicate, except you. </p><p class="">build a world expansive enough to HOLD your work, your multi-faceted spirit — <em>and</em> your audience. <br><br></p><p class=""><span><em>here’s my bold promise:</em></span> <br></p><h2>if you can build a rich digital world, then your right audience will find you.<br>everything else that you seek<br>will come easily.<br></h2><p class="">why? because when you have a digital world, then all of the things people chase, those external markers of success — <em>validation, visibility, connection, community, subscribers, money</em> — they are <em>easy, external byproducts of your internal process.</em></p><p class=""><strong><em>when you build a world, you’re creating from your power. </em></strong></p><p class=""><strong><em>success is a byproduct of your creative rituals &amp; process.</em></strong></p><p class="">instead of sharing something that will disappear on someone’s feed, focus, instead, on growing a digital garden on YOUR website, that belongs only to you. </p><p class="">instead of chasing an particular audience, and pandering to your assumption of their needs, focus on building a rich, thriving world that YOUR people will be drawn to, like sweet birds and bees that come visit your garden.  <br><br></p><h2>don’t chase, let them find your world</h2><p class="">I’ll be honest, this is not an easy path. this is not traditional marketing. this is not an ideal strategy for you — if you don’t like the idea of creation, and sharing it, day after day.  </p><p class="">this method took took me a few years to figure out, haphazardly, to realize that it works, and <em>finally</em>, to articulate it — to figure out WHY it works.  </p><p class="">along the way, I waded through my own cycles of overwhelm, resistance, ghosting, and bad marketing experiments. I’ve found that for me, <strong>focusing on</strong> <strong>world-building over audience-growing</strong> — is how creatives can do marketing in a way that is in highest service of inspiration and creative flow — rather than resisting it. <br><br>pour your energy into creating your world. </p><p class="">your world is everything. your world is the vessel that holds your ideas, thoughts, dreams, expressions, is what builds trust with strangers, magnetizes opportunities, creates deep connections, what invites and nurtures an audience, and ultimately, it is what makes you money. <br></p><h2>a metaphor for this strategy </h2><p class="">let me leave you with a metaphor to describe this way. </p><p class=""><em>don’t be a hunter-gatherer in the wild, competing for food.</em> </p><p class=""><em>go build yourself a magical forest-farm, and grow your garden of nourishing things. and wait. trust that the right people will come. </em></p><p class=""><em>when they do, be hospitable and kind to them. you will recognize them, and they will recognize you. </em></p><p class=""><em>they will want to come back, again and again, and linger for a while. in the meantime, keep growing your world. feed yourself, and have plenty of abundance left over — to feed your guests.</em></p>
--- a/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/index.html
+++ b/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/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>The personality of a personal website (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)">
 <!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
 <meta name="robots" content="noai, noimageai">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_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://manuelmoreale.com/the-personality-of-a-personal-website">

 <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 personality of a personal website</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://manuelmoreale.com/the-personality-of-a-personal-website" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <p>With his “<a href="https://robinrendle.com/notes/i-am-a-poem-i-am-not-software/" rel="noreferrer" target="_blank">I am a poem I am not software</a>” post <a href="https://manuelmoreale.com/thoughts/pb-robin-rendle">Robin</a> touched on an interesting problem related to personal websites. I’m not going to summarise Robin’s post because his writing is great and you should read his words on his blog. </p>
 <blockquote>
 <p>what should our personal websites do? Should we prioritize getting a new gig or selling a service? Or can we be ourselves? Weird and fun and peculiar? Should we talk about topic X but avoid topic Y?</p>
 </blockquote>
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but we all have different ways of being ourselves.</p>
 <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and on.</p>
 <p>All of these "me" have a different way of communicating because they all live in different parts of my life. Which one should this site represent? Hard to say.</p>
 <p>Personal sites—and, more broadly, our digital lives—are a mirror of who we are. Some of us will try to neatly organize everything under one hyper-curated digital roof while others will scatter things around on 12 different domains and 24 services. Some will design a site for themselves and not touch it again for a decade while others will feel the need to redesign every 6 months. Those are all right answers to a question that doesn’t have wrong answers.</p>
 <p>A personal site is—or at least it should be—a reflection of whoever you want to be. It could be the complete you, one of the many versions of you, or even an aspirational you. Just be comfortable in your digital home. It’s all that matters.</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/2024/e5c1ca8e3beeb0d256a064832c3566aa/index.md
+++ b/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/index.md
@@ -0,0 +1,14 @@
 title: The personality of a personal website
 url: https://manuelmoreale.com/the-personality-of-a-personal-website
 hash_url: e5c1ca8e3beeb0d256a064832c3566aa
 archive_date: 2024-01-11

 <p>With his “<a href="https://robinrendle.com/notes/i-am-a-poem-i-am-not-software/" rel="noreferrer" target="_blank">I am a poem I am not software</a>” post <a href="https://manuelmoreale.com/thoughts/pb-robin-rendle">Robin</a> touched on an interesting problem related to personal websites. I’m not going to summarise Robin’s post because his writing is great and you should read his words on his blog. </p>
 <blockquote>
 <p>what should our personal websites do? Should we prioritize getting a new gig or selling a service? Or can we be ourselves? Weird and fun and peculiar? Should we talk about topic X but avoid topic Y?</p>
 </blockquote>
 <p>These are all very interesting questions but for me, the more pressing question is a slightly different one: which <em>you</em> is your personal site representing? We often don’t pay too much attention to this but we all have different ways of being ourselves.</p>
 <p>So which one of these should my site represent? Should my site be the personal site of the Manu freelance web developer, with his interests in digital typography, minimal design, and simple websites? Or should represent the slightly competitive on the basketball court Manu, who doesn’t really care all that much about winning but is concerned about having fun? Or maybe it should represent Manu the romantic partner, with all his worry about the practical aspects of life but also full of affection for his partner? The list goes on and on.</p>
 <p>All of these "me" have a different way of communicating because they all live in different parts of my life. Which one should this site represent? Hard to say.</p>
 <p>Personal sites—and, more broadly, our digital lives—are a mirror of who we are. Some of us will try to neatly organize everything under one hyper-curated digital roof while others will scatter things around on 12 different domains and 24 services. Some will design a site for themselves and not touch it again for a decade while others will feel the need to redesign every 6 months. Those are all right answers to a question that doesn’t have wrong answers.</p>
 <p>A personal site is—or at least it should be—a reflection of whoever you want to be. It could be the complete you, one of the many versions of you, or even an aspirational you. Just be comfortable in your digital home. It’s all that matters.</p>
--- a/cache/2024/index.html
+++ b/cache/2024/index.html
@@ -72,16 +72,22 @@
      
        <li><a href="/david/cache/2024/d236f33cf82727313d17cb23bf36a395/" title="Accès à l’article dans le cache local : Reconsider your partnership with Brave">Reconsider your partnership with Brave</a> (<a href="https://kagifeedback.org/d/2808-reconsider-your-partnership-with-brave/6" title="Accès à l’article original distant : Reconsider your partnership with Brave">original</a>)</li>
      
        <li><a href="/david/cache/2024/e5c1ca8e3beeb0d256a064832c3566aa/" title="Accès à l’article dans le cache local : The personality of a personal website">The personality of a personal website</a> (<a href="https://manuelmoreale.com/the-personality-of-a-personal-website" title="Accès à l’article original distant : The personality of a personal website">original</a>)</li>
      
        <li><a href="/david/cache/2024/9bc04d41d25fc73391116d99b7259a3d/" title="Accès à l’article dans le cache local : notes">notes</a> (<a href="https://www.la-grange.net/2023/07/10/notes-train" title="Accès à l’article original distant : notes">original</a>)</li>
      
        <li><a href="/david/cache/2024/877b1e29328f6ad1b6fef26d7407ec5f/" title="Accès à l’article dans le cache local : Your tech stack is not the product">Your tech stack is not the product</a> (<a href="https://hoho.com/posts/your-stack-is-not-the-product/" title="Accès à l’article original distant : Your tech stack is not the product">original</a>)</li>
      
        <li><a href="/david/cache/2024/5030196507bcf3e06162e9eaed40abbe/" title="Accès à l’article dans le cache local : Blogging and Composting">Blogging and Composting</a> (<a href="https://blog.jim-nielsen.com/2023/blogging-and-compositing/" title="Accès à l’article original distant : Blogging and Composting">original</a>)</li>
      
        <li><a href="/david/cache/2024/40aada3cc8d6897fda5a277c4299c1fd/" title="Accès à l’article dans le cache local : We Need to Talk About the Front Web">We Need to Talk About the Front Web</a> (<a href="https://gericci.me/we-need-to-talk-about-the-front-web-5.html" title="Accès à l’article original distant : We Need to Talk About the Front Web">original</a>)</li>
      
        <li><a href="/david/cache/2024/7a223e552e8a8e3e11c759cbc5bc3ffa/" title="Accès à l’article dans le cache local : Opening Mail / frantic.im">Opening Mail / frantic.im</a> (<a href="https://frantic.im/opening-mail/" title="Accès à l’article original distant : Opening Mail / frantic.im">original</a>)</li>
      
        <li><a href="/david/cache/2024/b80f5159ee7ac70bcaa6a9fde16c2408/" title="Accès à l’article dans le cache local : Behind the controversy at Basecamp">Behind the controversy at Basecamp</a> (<a href="https://www.theverge.com/2021/4/27/22406673/basecamp-political-speech-policy-controversy" title="Accès à l’article original distant : Behind the controversy at Basecamp">original</a>)</li>
      
        <li><a href="/david/cache/2024/34fec23081019abd741e0578b050c40e/" title="Accès à l’article dans le cache local : Tools shape practices shape tools…">Tools shape practices shape tools…</a> (<a href="https://www.quaternum.net/2024/01/08/tools-shape-practices-shape-tools/" title="Accès à l’article original distant : Tools shape practices shape tools…">original</a>)</li>
      
        <li><a href="/david/cache/2024/faa1d8cae94da6838ff9351e5df791ca/" title="Accès à l’article dans le cache local : Make the indie web easier">Make the indie web easier</a> (<a href="https://gilest.org/indie-easy.html" title="Accès à l’article original distant : Make the indie web easier">original</a>)</li>
      
        <li><a href="/david/cache/2024/3debc675a055d691b32c7d6904531eb4/" title="Accès à l’article dans le cache local : How Google perfected the web">How Google perfected the web</a> (<a href="https://www.theverge.com/c/23998379/google-search-seo-algorithm-webpage-optimization" title="Accès à l’article original distant : How Google perfected the web">original</a>)</li>
@@ -90,10 +96,16 @@
      
        <li><a href="/david/cache/2024/c3272392d462da90874d32841e5caac8/" title="Accès à l’article dans le cache local : Where have all the websites gone?">Where have all the websites gone?</a> (<a href="https://www.fromjason.xyz/p/notebook/where-have-all-the-websites-gone/" title="Accès à l’article original distant : Where have all the websites gone?">original</a>)</li>
      
        <li><a href="/david/cache/2024/89dbef9daef24f311b6401cef62f5855/" title="Accès à l’article dans le cache local : Des Oloés">Des Oloés</a> (<a href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" title="Accès à l’article original distant : Des Oloés">original</a>)</li>
      
        <li><a href="/david/cache/2024/9f8c0e75066c1882a3b4ce084e3223ed/" title="Accès à l’article dans le cache local : The Demo → Demo Loop">The Demo → Demo Loop</a> (<a href="https://daverupert.com/2022/06/demo-to-demo-loop/" title="Accès à l’article original distant : The Demo → Demo Loop">original</a>)</li>
      
        <li><a href="/david/cache/2024/99e7d2ba7e4adc69dbf0f1b2858a5248/" title="Accès à l’article dans le cache local : Style with Stateful, Semantic Selectors">Style with Stateful, Semantic Selectors</a> (<a href="https://benmyers.dev/blog/semantic-selectors/" title="Accès à l’article original distant : Style with Stateful, Semantic Selectors">original</a>)</li>
      
        <li><a href="/david/cache/2024/87c468a4eddabe5d2c28e902d7f17504/" title="Accès à l’article dans le cache local : je ne sais pas pourquoi">je ne sais pas pourquoi</a> (<a href="https://www.la-grange.net/2024/01/11/pourquoi" title="Accès à l’article original distant : je ne sais pas pourquoi">original</a>)</li>
      
        <li><a href="/david/cache/2024/62bf3ce6ef66e39b7f250a6123d92e66/" title="Accès à l’article dans le cache local : Tomorrow & Tomorrow & Tomorrow">Tomorrow & Tomorrow & Tomorrow</a> (<a href="https://erinkissane.com/tomorrow-and-tomorrow-and-tomorrow" title="Accès à l’article original distant : Tomorrow & Tomorrow & Tomorrow">original</a>)</li>
      
        <li><a href="/david/cache/2024/4a56aa5497e68df0c5bb1d5331203219/" title="Accès à l’article dans le cache local : When “Everything” Becomes Too Much: The npm Package Chaos of 2024">When “Everything” Becomes Too Much: The npm Package Chaos of 2024</a> (<a href="https://socket.dev/blog/when-everything-becomes-too-much" title="Accès à l’article original distant : When “Everything” Becomes Too Much: The npm Package Chaos of 2024">original</a>)</li>
      
        <li><a href="/david/cache/2024/b31ba18e3de1fc479b79f1885043026a/" title="Accès à l’article dans le cache local : When to use CSS text-wrap: balance; vs text-wrap: pretty;">When to use CSS text-wrap: balance; vs text-wrap: pretty;</a> (<a href="https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/" title="Accès à l’article original distant : When to use CSS text-wrap: balance; vs text-wrap: pretty;">original</a>)</li>
@@ -102,12 +114,16 @@
      
        <li><a href="/david/cache/2024/c98206d38897264005bcd5b453d032b1/" title="Accès à l’article dans le cache local : Designing better target sizes">Designing better target sizes</a> (<a href="https://ishadeed.com/article/target-size" title="Accès à l’article original distant : Designing better target sizes">original</a>)</li>
      
        <li><a href="/david/cache/2024/09c0739036ea4a8b6c985e127fe7e3c8/" title="Accès à l’article dans le cache local : ☕️ Journal : Carnets">☕️ Journal : Carnets</a> (<a href="https://thom4.net/2023/02/01/carnets/" title="Accès à l’article original distant : ☕️ Journal : Carnets">original</a>)</li>
      
        <li><a href="/david/cache/2024/076169df8a4bd9dde9a4637c6b306dff/" title="Accès à l’article dans le cache local : Ma page /now (ou plutôt /en-ce-moment)">Ma page /now (ou plutôt /en-ce-moment)</a> (<a href="https://blog.professeurjoachim.com/billet/2024-01-05-ma-page-now-ou-plutot-en-ce-moment" title="Accès à l’article original distant : Ma page /now (ou plutôt /en-ce-moment)">original</a>)</li>
      
        <li><a href="/david/cache/2024/e5056f8e0e6acf87c5777ba5b3a2ba92/" title="Accès à l’article dans le cache local : The UX of HTML ⚒ Nerd">The UX of HTML ⚒ Nerd</a> (<a href="https://vasilis.nl/nerd/the-ux-of-html/" title="Accès à l’article original distant : The UX of HTML ⚒ Nerd">original</a>)</li>
      
        <li><a href="/david/cache/2024/b1da1249f2db388d7e84d6ad23c2fc5d/" title="Accès à l’article dans le cache local : Data Luddism">Data Luddism</a> (<a href="https://www.danmcquillan.org/dataluddism.html" title="Accès à l’article original distant : Data Luddism">original</a>)</li>
      
        <li><a href="/david/cache/2024/cd2fda3dae5d89990f73fbdaa1c3b491/" title="Accès à l’article dans le cache local : build a world, not an audience">build a world, not an audience</a> (<a href="https://keningzhu.com/journal/build-a-world-not-an-audience" title="Accès à l’article original distant : build a world, not an audience">original</a>)</li>
      
    </ul>
 </main>