1 year ago · d6a7cc4e30
--- a/cache/2023/927159a754f4d7d9e176f5f8397dbf02/index.html
+++ b/cache/2023/927159a754f4d7d9e176f5f8397dbf02/index.html
@@ -0,0 +1,237 @@
 <!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>ce qui est passé (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- That good ol' feed, subscribe :). -->
 <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
 <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
 <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
 <link rel="manifest" href="/static/david/icons2/site.webmanifest">
 <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
 <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
 <meta name="msapplication-TileColor" content="#f7f7f7">
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
 <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <script>
    function toggleTheme(themeName) {
        document.documentElement.classList.toggle(
            'forced-dark',
            themeName === 'dark'
        )
        document.documentElement.classList.toggle(
            'forced-light',
            themeName === 'light'
        )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
        toggleTheme(selectedTheme)
    }
 </script>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://www.la-grange.net/2023/01/07/passe">

 <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>ce qui est passé</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/2023/01/07/passe" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <figure>
  <img src="https://www.la-grange.net/2023/01/07/7962D-plantes.jpg" alt="plantes au ras de l'eau.">
  <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
 </figure>
 <blockquote>
 <p>Je n'ai jamais pensé, voilà, je suis une femme qui écrit. Je ne suis pas une femme qui écrit, je suis quelqu'un qui écrit. Mais quelqu'un qui a une histoire de femme, différente de celle d'un homme.<br>
 — Le vrai lieu, Annie Ernaux, urn:isbn:978-2-07-277965-7</p>
 </blockquote>
 <p>Nous sommes allés découvrir <a href="https://www.yumenoshima.jp">Yumenoshima</a> (une des îles artificielles de Tokyo).</p>
 <ul>
 <li><p>Le <a href="http://d5f.org/en">musée du Daigo Fukuryu Maru</a>, un bâteau de pêche au thon japonais qui fût irradié par la retombée des cendres d'un test d'explosion nucléaire par les États-Unis dans le Pacifique près de Bikini, le 1er mars 1954. Le musée expose le bateau mais également raconte l'histoire de tous les pêcheurs à son bord, des populations victimes des essais nucléaires. La France est le 3eme en nombre de tests en plein air derrière les États-Unis et la Russie.</p>
 </li>
 <li><p>Le <a href="https://www.yumenoshima.jp/botanicalhall">jardin botanique</a> est un lieu de paie et de plénitude pour moi. J'adopte le pas lent dans la serre tropicale afin de bien sentir sous le masque les parfums humides, la mousse, l'eau sur la végétation. L'hiver enveloppe le verre de la serre, et j'ai une furieuse envie de déménager en Asie du Sud-Est. Le parfum est un élixir.

 <figure>
  <img src="https://www.la-grange.net/2023/01/07/7958D-serre.jpg" alt="Intérieur de la serre du jardin botanique.">
  <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
 </figure>
 </p>
 </li>
 <li><p>Découverte aussi de la <a href="https://casica.tokyo/">boutique Casica</a> qui a un restaurant dans un espace très beau. Ils ont l'intelligence de publier les <a href="https://arkhe.jp/recipe_tag/menu/">recettes complètes de leur menu</a> sur leur site Web.<br>

 <figure>
  <img src="https://www.la-grange.net/2023/01/07/7932D-repas.jpg" alt="Plateau repas en bois avec différentes assiettes et mets.">
  <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
 </figure>


 <figure>
  <img src="https://www.la-grange.net/2023/01/07/7948D-plantes.jpg" alt="Plantes d'appartement.">
  <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
 </figure>
 </p>
 </li>
 </ul>
 <hr>
 <p><a href="https://n.survol.fr/n/jonglage-de-notifications">Tout comme Éric</a>, je suis un grand fan du <a href="https://slack.com/help/articles/360025446073-Guide-to-Slack-notifications">système de notifications de Slack</a>.</p>
 <blockquote>
 <p>Je jongle. Ouvrir une notification c’est le risque de la voir disparaitre. Ne pas la traiter en urgence c’est risquer de l’oublier ou ne pas réussir à remettre la main dessus. La laisser c’est l’avoir en attention permanente et risquer de ne pas voir quelque chose qu’on aimerait traiter immédiatement.</p>
 </blockquote>
 <p>Ce système de pouvoir lire et en même temps <strong>marquer le message en rappel pour plus tard</strong> est essentiel. Le système pourrait être améliorer avec une vraie liste tabulaire.</p>
 <p>J'ai découvert récemment que mail.app pouvait créer des rappels aussi.</p>
 <p><img src="https://www.la-grange.net/2023/01/07/mail-rappel.png" alt="copie d'écran de la fonctionnalité dans mail.app."></p>
 <p>Il stocke les messages dans un onglet rappel très pratique.</p>
 <p><img src="https://www.la-grange.net/2023/01/07/mail-rappel-tab.png" alt="Copie d'écran de l'onglet rappel."></p>
 <p>Ma technique courante, par habitude, est de marquer avec un drapeau et d'afficher les non-lus et les mails avec drapeaux. Je vais tenter d'utiliser un peu plus le système de rappel dans mail.app.</p>
 <hr>
 <p>Petit café du matin dans la rue commerçante de Sugamo.</p>
 <hr>
 <p>La vieille écriture ou l'écriture qui vieillit mal. Il y a un caractère ethnologique et historique de ce que l'on lit. Stéphane partage <a href="https://nota-bene.org/Philip-K-Dick-Nouvelles-completes-volume-1-1947-1953">ces réflexions sur les nouvelles de Dick</a>.</p>
 <blockquote>
 <p>Il y a pas mal de choses surannées chez Dick. Je l’ai toujours vu comme mon contemporain (pensez, j’ai commencé à le lire très peu de temps après sa mort), et quand on compte sur les doigts, les nouvelles ont tout de même 70 ans. Le temps de deux ou trois générations, au fond.</p>
 </blockquote>
 <p>Je ne l'ai jamais lu. Mais j'ai un sentiment similaire à la re-lecture des trucs-en-vracs de Gotlieb, qu'il tire de mes étagères. Il regarde avec amusement. Je ne trouve plus cela drôle et de trop nombreuses fois très sexiste, un humour potache qui ne me touche plus du tout.</p>
 <hr>
 <p>Des carnets de dessins à en saliver : <a href="https://www.thisiscolossal.com/2023/01/mattias-adolfsson-sketchbook-41/">Detailed Illustrations Brim with Manic Mayhem in Mattias Adolfsson’s Exuberant Sketchbooks</a>.</p>
 <p><img src="https://www.la-grange.net/2023/01/07/adolfsson1-4.jpg" alt="Planche de dessin à l'aquarelle représentant de la nourriture au Japon."></p>
 <hr>
 <p>Maintenant que je vis à Tokyo, Jimbocho est à <a href="https://www.rome2rio.com/map/Sugamo-Station/Jimb%C5%8Dch%C5%8D-Station#r/Subway/s/0">5 encablures de la station de Sugamo (9 minutes)</a>. Je devrais aller traîner plus souvent dans le quartier des livres d'occasion. Un <a href="https://www3.nhk.or.jp/news/html/20230106/k10013937441000.html">article de NHK couvre l'histoire de Nobuaki Abe (79 ans) et de son magasin dédié aux livres étrangers</a> (aka non japonais dans le contexte du Japon) : <a href="http://www.subun-so.com/">Subun-so book store</a></p>
 <p>Le magasin a un site Web, mais ils ne mettent pas la totalité de leur collection en ligne. Le propriétaire du magasin veut que les gens viennent toujours découvrir les livres dans le magasin, plutôt qu'un achat déshumanisé sur le Web. Il y a toujours ce moment de chasse au trésor dans un magasin de livres d'occasion.</p>
 <p>Il raconte aussi la belle histoire d'un étudiant venant tous les jours pour copier un livre dont il avait besoin pour écrire sa thèse mais pas l'argent nécessaire pour l'acheter. Le livre éventuellement fût donné à l'étudiant. Des années plus tard, l'étudiant finalement devint professeur d'université. Mais leurs relations continua. Et un jour quand le magasin fût déménagé, il offra un cadeau en retour pour la générosité du propriétaire qui avait toujours refusé d'être remboursé. Cela me rappelle les <a href="https://www.la-grange.net/2022/12/17/css-grid">livres piratés du quartier de Jimbocho</a> que j'ai découverts le 17 décembre dernier.</p>
 <p>Il explique également que le temps de curation pour évaluer le prix d'un livre peut parfois prendre beaucoup de temps. Et qu'un prix élevé détermine à la fois un état impeccable sans aucune page manquante et le travail d'expertise qui a été réalisé pour évaluer le livre.</p>
 <hr>
 <p>Un site de <a href="https://www.kosho.or.jp/wppost/plg_WpPost_post.php?postid=76">recherche des livres de l'association de vendeurs de livres anciens</a>.</p>
 <hr>
 <p><a href="https://floss.social/@pieq/109645565392544332">Port du masque</a>. Le choix de réponse possible de David me surprend. Est-ce pour générer de la réaction ? ou est-ce par oubli de la normalité de porter un masque ? En tout cas pour Taiwan et le Japon, rien d'étonnant, de voir une personne porter un masque, que ce soit maintenant ou pre-COVID.</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/2023/927159a754f4d7d9e176f5f8397dbf02/index.md
+++ b/cache/2023/927159a754f4d7d9e176f5f8397dbf02/index.md
@@ -0,0 +1,70 @@
 title: ce qui est passé
 url: https://www.la-grange.net/2023/01/07/passe
 hash_url: 927159a754f4d7d9e176f5f8397dbf02
    
 <figure>
  <img src="https://www.la-grange.net/2023/01/07/7962D-plantes.jpg" alt="plantes au ras de l'eau.">
  <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
 </figure>
 <blockquote>
 <p>Je n'ai jamais pensé, voilà, je suis une femme qui écrit. Je ne suis pas une femme qui écrit, je suis quelqu'un qui écrit. Mais quelqu'un qui a une histoire de femme, différente de celle d'un homme.<br>
 — Le vrai lieu, Annie Ernaux, urn:isbn:978-2-07-277965-7</p>
 </blockquote>
 <p>Nous sommes allés découvrir <a href="https://www.yumenoshima.jp">Yumenoshima</a> (une des îles artificielles de Tokyo).</p>
 <ul>
 <li><p>Le <a href="http://d5f.org/en">musée du Daigo Fukuryu Maru</a>, un bâteau de pêche au thon japonais qui fût irradié par la retombée des cendres d'un test d'explosion nucléaire par les États-Unis dans le Pacifique près de Bikini, le 1er mars 1954. Le musée expose le bateau mais également raconte l'histoire de tous les pêcheurs à son bord, des populations victimes des essais nucléaires. La France est le 3eme en nombre de tests en plein air derrière les États-Unis et la Russie.</p>
 </li>
 <li><p>Le <a href="https://www.yumenoshima.jp/botanicalhall">jardin botanique</a> est un lieu de paie et de plénitude pour moi. J'adopte le pas lent dans la serre tropicale afin de bien sentir sous le masque les parfums humides, la mousse, l'eau sur la végétation. L'hiver enveloppe le verre de la serre, et j'ai une furieuse envie de déménager en Asie du Sud-Est. Le parfum est un élixir.
  
 <figure>
  <img src="https://www.la-grange.net/2023/01/07/7958D-serre.jpg" alt="Intérieur de la serre du jardin botanique.">
  <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
 </figure>
 </p>
 </li>
 <li><p>Découverte aussi de la <a href="https://casica.tokyo/">boutique Casica</a> qui a un restaurant dans un espace très beau. Ils ont l'intelligence de publier les <a href="https://arkhe.jp/recipe_tag/menu/">recettes complètes de leur menu</a> sur leur site Web.<br>
  
 <figure>
  <img src="https://www.la-grange.net/2023/01/07/7932D-repas.jpg" alt="Plateau repas en bois avec différentes assiettes et mets.">
  <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
 </figure>

  
 <figure>
  <img src="https://www.la-grange.net/2023/01/07/7948D-plantes.jpg" alt="Plantes d'appartement.">
  <figcaption>Yumenoshima, Japon, 7 janvier 2023</figcaption>
 </figure>
 </p>
 </li>
 </ul>
 <hr>
 <p><a href="https://n.survol.fr/n/jonglage-de-notifications">Tout comme Éric</a>, je suis un grand fan du <a href="https://slack.com/help/articles/360025446073-Guide-to-Slack-notifications">système de notifications de Slack</a>.</p>
 <blockquote>
 <p>Je jongle. Ouvrir une notification c’est le risque de la voir disparaitre. Ne pas la traiter en urgence c’est risquer de l’oublier ou ne pas réussir à remettre la main dessus. La laisser c’est l’avoir en attention permanente et risquer de ne pas voir quelque chose qu’on aimerait traiter immédiatement.</p>
 </blockquote>
 <p>Ce système de pouvoir lire et en même temps <strong>marquer le message en rappel pour plus tard</strong> est essentiel. Le système pourrait être améliorer avec une vraie liste tabulaire.</p>
 <p>J'ai découvert récemment que mail.app pouvait créer des rappels aussi.</p>
 <p><img src="https://www.la-grange.net/2023/01/07/mail-rappel.png" alt="copie d'écran de la fonctionnalité dans mail.app."></p>
 <p>Il stocke les messages dans un onglet rappel très pratique.</p>
 <p><img src="https://www.la-grange.net/2023/01/07/mail-rappel-tab.png" alt="Copie d'écran de l'onglet rappel."></p>
 <p>Ma technique courante, par habitude, est de marquer avec un drapeau et d'afficher les non-lus et les mails avec drapeaux. Je vais tenter d'utiliser un peu plus le système de rappel dans mail.app.</p>
 <hr>
 <p>Petit café du matin dans la rue commerçante de Sugamo.</p>
 <hr>
 <p>La vieille écriture ou l'écriture qui vieillit mal. Il y a un caractère ethnologique et historique de ce que l'on lit. Stéphane partage <a href="https://nota-bene.org/Philip-K-Dick-Nouvelles-completes-volume-1-1947-1953">ces réflexions sur les nouvelles de Dick</a>.</p>
 <blockquote>
 <p>Il y a pas mal de choses surannées chez Dick. Je l’ai toujours vu comme mon contemporain (pensez, j’ai commencé à le lire très peu de temps après sa mort), et quand on compte sur les doigts, les nouvelles ont tout de même 70 ans. Le temps de deux ou trois générations, au fond.</p>
 </blockquote>
 <p>Je ne l'ai jamais lu. Mais j'ai un sentiment similaire à la re-lecture des trucs-en-vracs de Gotlieb, qu'il tire de mes étagères. Il regarde avec amusement. Je ne trouve plus cela drôle et de trop nombreuses fois très sexiste, un humour potache qui ne me touche plus du tout.</p>
 <hr>
 <p>Des carnets de dessins à en saliver : <a href="https://www.thisiscolossal.com/2023/01/mattias-adolfsson-sketchbook-41/">Detailed Illustrations Brim with Manic Mayhem in Mattias Adolfsson’s Exuberant Sketchbooks</a>.</p>
 <p><img src="https://www.la-grange.net/2023/01/07/adolfsson1-4.jpg" alt="Planche de dessin à l'aquarelle représentant de la nourriture au Japon."></p>
 <hr>
 <p>Maintenant que je vis à Tokyo, Jimbocho est à <a href="https://www.rome2rio.com/map/Sugamo-Station/Jimb%C5%8Dch%C5%8D-Station#r/Subway/s/0">5 encablures de la station de Sugamo (9 minutes)</a>. Je devrais aller traîner plus souvent dans le quartier des livres d'occasion. Un <a href="https://www3.nhk.or.jp/news/html/20230106/k10013937441000.html">article de NHK couvre l'histoire de Nobuaki Abe (79 ans) et de son magasin dédié aux livres étrangers</a> (aka non japonais dans le contexte du Japon) : <a href="http://www.subun-so.com/">Subun-so book store</a></p>
 <p>Le magasin a un site Web, mais ils ne mettent pas la totalité de leur collection en ligne. Le propriétaire du magasin veut que les gens viennent toujours découvrir les livres dans le magasin, plutôt qu'un achat déshumanisé sur le Web. Il y a toujours ce moment de chasse au trésor dans un magasin de livres d'occasion.</p>
 <p>Il raconte aussi la belle histoire d'un étudiant venant tous les jours pour copier un livre dont il avait besoin pour écrire sa thèse mais pas l'argent nécessaire pour l'acheter. Le livre éventuellement fût donné à l'étudiant. Des années plus tard, l'étudiant finalement devint professeur d'université. Mais leurs relations continua. Et un jour quand le magasin fût déménagé, il offra un cadeau en retour pour la générosité du propriétaire qui avait toujours refusé d'être remboursé. Cela me rappelle les <a href="https://www.la-grange.net/2022/12/17/css-grid">livres piratés du quartier de Jimbocho</a> que j'ai découverts le 17 décembre dernier.</p>
 <p>Il explique également que le temps de curation pour évaluer le prix d'un livre peut parfois prendre beaucoup de temps. Et qu'un prix élevé détermine à la fois un état impeccable sans aucune page manquante et le travail d'expertise qui a été réalisé pour évaluer le livre.</p>
 <hr>
 <p>Un site de <a href="https://www.kosho.or.jp/wppost/plg_WpPost_post.php?postid=76">recherche des livres de l'association de vendeurs de livres anciens</a>.</p>
 <hr>
 <p><a href="https://floss.social/@pieq/109645565392544332">Port du masque</a>. Le choix de réponse possible de David me surprend. Est-ce pour générer de la réaction ? ou est-ce par oubli de la normalité de porter un masque ? En tout cas pour Taiwan et le Japon, rien d'étonnant, de voir une personne porter un masque, que ce soit maintenant ou pre-COVID.</p>
--- a/cache/2023/e976e16ee3e2dae4d644733ffb50fa9f/index.html
+++ b/cache/2023/e976e16ee3e2dae4d644733ffb50fa9f/index.html
@@ -0,0 +1,184 @@
 <!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>J’ai un aveu à vous faire. (archive) — David Larlet</title>
 <meta name="description" content="Publication mise en cache pour en conserver une trace.">
 <!-- That good ol' feed, subscribe :). -->
 <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
 <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
 <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
 <link rel="manifest" href="/static/david/icons2/site.webmanifest">
 <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
 <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
 <meta name="msapplication-TileColor" content="#f7f7f7">
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
 <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
 <!-- Documented, feel free to shoot an email. -->
 <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
 <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
 <script>
    function toggleTheme(themeName) {
        document.documentElement.classList.toggle(
            'forced-dark',
            themeName === 'dark'
        )
        document.documentElement.classList.toggle(
            'forced-light',
            themeName === 'light'
        )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
        toggleTheme(selectedTheme)
    }
 </script>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://sebsauvage.net/links/?-wKcIw">

 <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>J’ai un aveu à vous faire.</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://sebsauvage.net/links/?-wKcIw" title="Lien vers le contenu original">Source originale</a>
    </p>
  </nav>
  <hr>
  <p class="linkdescription">J'ai un aveu à vous faire. Et c'est un peu gênant pour moi de le faire publiquement. Mais je dois le faire.<br>
 <br>
 Quand on dit que les différences sont des richesses, je le crois totalement. Même tout ce qui est considéré comme handicap (que cela soit physique ou mental). Je sais que prendre un exemple pour faire une généralité n'est pas une bonne démarche, mais je vais tout de même prendre cela comme exemple:<br>
 <br>
 On me dit encore et encore que j'écris de bons tutoriels et documentations, concises, claires et très compréhensibles. Il m'est déjà arrivé de suivre ou dispenser des formations, et à chaque fois on m'a demandé pourquoi je n'en faisais pas mon métier. Ça me fait plaisir, bien sûr. Mais vous savez pourquoi j'écris de bonnes documentations ? Parce que mon cerveau a deux faiblesses :<br>
 - j'ai une mauvaise mémoire.<br>
 - j'ai du mal à comprendre une information si elle n'est pas bien contextualisée (si vous sautez du coq à l'âne, vous allez me perdre).<br>
 <br>
 J'ai une mauvaise mémoire, et je n'en suis pas fier. Cela m'a déjà causé des problèmes dans ma vie personnelle. Ma mauvaise mémoire m'impose donc, pour m'y retrouver aussi bien dans ma vie personnelle que professionnelle, d'écrire un maximum de choses. J'utilise différents outils (prise de note et agenda sur téléphone, wiki, Shaarli, KanBoard pour mon boulot). Ces outils me rendent d'énormes services. Et surtout j'ai pris l'habitude - donc - de coucher ces informations sur un support de manière explicite et complète (pour ne rien oublier).<br>
 Et on ajoute à cela le besoin de contextualiser les informations. Je m'assure donc chaque information notée est correctement contextualisée, afin d'être compréhensible.<br>
 Et voilà, vous avez les ingrédients d'une bonne documentation. Donc je n'ai pas vraiment de mérite : J'essaie juste de compenser mes faiblesses. Ou pour le dire autrement, ces faiblesses font ma force.<br>
 <br>
 Alors oui, je pense que tous les TDAH, Asperger ou autres sont des forces. La diversité des personnes, leur façon d'aborder les choses (forcément différente de la vôtre) est une richesse incroyable. Je *veux* la diversité. Je *veux* être entouré de gens différents de moi. Et je pense que c'est bénéfique à la société toute entière.</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/2023/e976e16ee3e2dae4d644733ffb50fa9f/index.md
+++ b/cache/2023/e976e16ee3e2dae4d644733ffb50fa9f/index.md
@@ -0,0 +1,17 @@
 title: J’ai un aveu à vous faire.
 url: https://sebsauvage.net/links/?-wKcIw
 hash_url: e976e16ee3e2dae4d644733ffb50fa9f
                
 <p class="linkdescription">J'ai un aveu à vous faire. Et c'est un peu gênant pour moi de le faire publiquement. Mais je dois le faire.<br>
 <br>
 Quand on dit que les différences sont des richesses, je le crois totalement. Même tout ce qui est considéré comme handicap (que cela soit physique ou mental). Je sais que prendre un exemple pour faire une généralité n'est pas une bonne démarche, mais je vais tout de même prendre cela comme exemple:<br>
 <br>
 On me dit encore et encore que j'écris de bons tutoriels et documentations, concises, claires et très compréhensibles. Il m'est déjà arrivé de suivre ou dispenser des formations, et à chaque fois on m'a demandé pourquoi je n'en faisais pas mon métier. Ça me fait plaisir, bien sûr. Mais vous savez pourquoi j'écris de bonnes documentations ? Parce que mon cerveau a deux faiblesses :<br>
 - j'ai une mauvaise mémoire.<br>
 - j'ai du mal à comprendre une information si elle n'est pas bien contextualisée (si vous sautez du coq à l'âne, vous allez me perdre).<br>
 <br>
 J'ai une mauvaise mémoire, et je n'en suis pas fier. Cela m'a déjà causé des problèmes dans ma vie personnelle. Ma mauvaise mémoire m'impose donc, pour m'y retrouver aussi bien dans ma vie personnelle que professionnelle, d'écrire un maximum de choses. J'utilise différents outils (prise de note et agenda sur téléphone, wiki, Shaarli, KanBoard pour mon boulot). Ces outils me rendent d'énormes services. Et surtout j'ai pris l'habitude - donc - de coucher ces informations sur un support de manière explicite et complète (pour ne rien oublier).<br>
 Et on ajoute à cela le besoin de contextualiser les informations. Je m'assure donc chaque information notée est correctement contextualisée, afin d'être compréhensible.<br>
 Et voilà, vous avez les ingrédients d'une bonne documentation. Donc je n'ai pas vraiment de mérite : J'essaie juste de compenser mes faiblesses. Ou pour le dire autrement, ces faiblesses font ma force.<br>
 <br>
 Alors oui, je pense que tous les TDAH, Asperger ou autres sont des forces. La diversité des personnes, leur façon d'aborder les choses (forcément différente de la vôtre) est une richesse incroyable. Je *veux* la diversité. Je *veux* être entouré de gens différents de moi. Et je pense que c'est bénéfique à la société toute entière.</p>
--- a/cache/2023/index.html
+++ b/cache/2023/index.html
@@ -73,6 +73,8 @@
      
        <li><a href="/david/cache/2022/1676902071b6e1e7e0d3395bc47956b5/" title="Accès à l’article dans le cache local : Adding ActivityPub to your static site">Adding ActivityPub to your static site</a> (<a href="https://paul.kinlan.me/adding-activity-pub-to-your-static-site/" title="Accès à l’article original distant : Adding ActivityPub to your static site">original</a>)</li>
      
        <li><a href="/david/cache/2022/927159a754f4d7d9e176f5f8397dbf02/" title="Accès à l’article dans le cache local : ce qui est passé">ce qui est passé</a> (<a href="https://www.la-grange.net/2023/01/07/passe" title="Accès à l’article original distant : ce qui est passé">original</a>)</li>
      
        <li><a href="/david/cache/2022/646ebfa25432bc6b653e524b52d25c9a/" title="Accès à l’article dans le cache local : Keep it simple, stupid le plus longtemps possible">Keep it simple, stupid le plus longtemps possible</a> (<a href="https://sklein.xyz/garden/020-keep-it-simple-stupid-le-plus-longtemps-possible/" title="Accès à l’article original distant : Keep it simple, stupid le plus longtemps possible">original</a>)</li>
      
        <li><a href="/david/cache/2022/934ed9f96be582e35b3c8cf8fc0859e5/" title="Accès à l’article dans le cache local : La dette technique - Carnet de notes">La dette technique - Carnet de notes</a> (<a href="https://n.survol.fr/n/la-dette-technique" title="Accès à l’article original distant : La dette technique - Carnet de notes">original</a>)</li>
@@ -113,6 +115,8 @@
      
        <li><a href="/david/cache/2022/42b4db67c4daf075941dc387d6be4aaf/" title="Accès à l’article dans le cache local : ETC-ISTE : Bonne année">ETC-ISTE : Bonne année</a> (<a href="http://etc-iste.blogspot.com/2022/12/bonne-annee.html" title="Accès à l’article original distant : ETC-ISTE : Bonne année">original</a>)</li>
      
        <li><a href="/david/cache/2022/e976e16ee3e2dae4d644733ffb50fa9f/" title="Accès à l’article dans le cache local : J’ai un aveu à vous faire.">J’ai un aveu à vous faire.</a> (<a href="https://sebsauvage.net/links/?-wKcIw" title="Accès à l’article original distant : J’ai un aveu à vous faire.">original</a>)</li>
      
    </ul>
 </main>