3 anni fa · fdabc7765e
--- a/david/2021/07/12/index.html
+++ b/david/2021/07/12/index.html
@@ -62,7 +62,7 @@
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
      </svg> Accueil</a>
    
     • <a rel="next" href="/david/2021/07/13/" title="Publication suivante : ActivityStreams">Suivant →</a>
  </p>
 </nav>
 <hr>
@@ -85,7 +85,7 @@
  <p class="center">
    <a rel="prev" href="/david/2021/07/11/" title="Publication précédente : Lebensraum">← Précédent</a> •
    <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
    
     • <a rel="next" href="/david/2021/07/13/" title="Publication suivante : ActivityStreams">Suivant →</a>
  </p>
 </nav>
 </article>
--- a/david/2021/07/13/index.html
+++ b/david/2021/07/13/index.html
@@ -0,0 +1,189 @@
 <!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>ActivityStreams — David Larlet</title>
 <meta name="description" content="On prend le temps avec La Bécasse d’explorer ensemble l’idée d’avoir un générateur de Toots statique pour Mastodon. J’avais commencé en solo sans grand succès l’année dernière car je n’avais pas compris deux pré-requis :">
 <!-- 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="#f0f0ea">
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- 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>

 <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>ActivityStreams</h1>
 </header>
 <nav>
  <p class="center">
    <a rel="prev" href="/david/2021/07/12/" title="Publication précédente : Blame">← Précédent</a> •
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
      </svg> Accueil</a>
     • <a rel="next" href="/david/2021/07/14/" title="Publication suivante : Livre ouvert">Suivant →</a>
  </p>
 </nav>
 <hr>

 <p>On prend le temps avec <a href="https://buron.coffee/">La Bécasse</a> d’explorer ensemble l’idée d’avoir un générateur de Toots statique pour Mastodon. J’avais commencé en solo sans grand succès l’année dernière car je n’avais pas compris deux pré-requis&nbsp;:</p>
 <ol>
 <li>Ce protocole s’appuie sur du <em>push</em>, à chaque publication il faut faire un <code>POST</code> sur l’<em>inbox</em> de chacun de ses <em>followers</em>.</li>
 <li>Il faut pouvoir répondre aux requêtes des personnes qui souhaitent suivre le compte pour que le lien soit fait (et stocker l’identifiant de ce <em>follower</em>, cf. 1.).</li>
 </ol>
 <p>Autant dire que pour du statique et donc plus ou moins asynchrone, ça n’est pas gagné&#8239;! J’étais pas loin d’abandonner lorsque La Bécasse m’indique qu’il est tout à fait possible de générer une Note sur laquelle interagir (repouet par exemple) en utilisant la recherche de mastodon.social pointée vers le fichier <code>json</code> qui va bien. Après de multiples essais/erreurs (grr cache), on finit même par trouver comment mettre un autre compte en copie pour participer aux échanges qu’il peut y avoir au sujet d’une publication via le <code>tag</code> de <code>&quot;type&quot;: &quot;Mention&quot;</code>.</p>
 <p>J’hésite entre proposer une URL dédiée ou faire de la négociation de contenu sur la même URL ce qui pourrait faciliter le partage par d’autres personnes.</p>
 <p>Note&nbsp;: les 3&nbsp;jours suivants, je tente des choses à ce sujet et il semble y avoir toujours un blocage difficile à investiguer, probablement lié à la négociation de contenu justement… ça serait pas mal d’avoir un log mais ça nécessiterait probablement d’installer un serveur Mastodon.</p>
 <p>Masto 2 - 0&nbsp;David.</p>

 <blockquote>
 <p>Tel se présente l’univers impressionnant de la magie qu’il est constitué non pas d’atomes mais uniquement de mouvements et de vibrations. En son sein, il convient d’abandonner toute croyance aux barrières qui font obstacle à la compréhension. La notion de compréhension elle-même est à écarter, cet univers n’étant ni visible, ni audible, ni décelable par aucun moyen fixe de perception. C’est le vide ultime où aucun écran préalable n’existe sur lequel puissent être projetées des formes. Il ne connait qu’un seul mode de conscience et c’est l’écran de projection des images. L’imagination&#8239;! Ainsi, l’on apprend véritablement ce que signifie être humain, être un créateur d’ordre, de formes et de systèmes harmonieux, être, en somme, <mark>l’organisateur du chaos</mark>.</p>
 <p><cite><em>Manuel des Atréides, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p>
 </blockquote>

 <nav>
  <p class="center">
    <a rel="prev" href="/david/2021/07/12/" title="Publication précédente : Blame">← Précédent</a> •
    <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
     • <a rel="next" href="/david/2021/07/14/" title="Publication suivante : Livre ouvert">Suivant →</a>
  </p>
 </nav>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs.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.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.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.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.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.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/david/2021/07/14/index.html
+++ b/david/2021/07/14/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>Livre ouvert — David Larlet</title>
 <meta name="description" content="Another Facebook engineer used his employee access to dig up information on a woman with whom he had gone on a date after she stopped responding to his messages. In the company's systems, he had access to “years of private conversations with friends over Facebook messenger, events attended, photographs uploaded (including those she had deleted), and posts she had commented or clicked on,” the book said. Through the Facebook app the woman had installed on her phone, the book said, the engineer was also able to see her location in real time.">
 <!-- 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="#f0f0ea">
 <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
 <meta name="theme-color" content="#f0f0ea">
 <!-- 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>

 <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>Livre ouvert</h1>
 </header>
 <nav>
  <p class="center">
    <a rel="prev" href="/david/2021/07/13/" title="Publication précédente : ActivityStreams">← Précédent</a> •
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
      </svg> Accueil</a>
    
  </p>
 </nav>
 <hr>


 <blockquote lang="en">
 <p>Another Facebook engineer used his employee access to dig up information on a woman with whom he had gone on a date after she stopped responding to his messages. In the company's systems, he had access to “years of private conversations with friends over Facebook messenger, events attended, photographs uploaded (including those she had deleted), and posts she had commented or clicked on,” the book said. Through the Facebook app the woman had installed on her phone, the book said, <mark>the engineer was also able to see her location in real time.</mark></p>
 <p><cite><em><a href="https://www.businessinsider.com/facebook-fired-dozens-abusing-access-user-data-an-ugly-truth-2021-7">Facebook Fired Dozens Over Abusing Access to User Data, New Book Says</a></em> (<a href="/david/cache/2021/6e36731348841db8712631851ee3467a/">cache</a>)</cite></p>
 </blockquote>
 <p>Si quelqu’un·e qui m’est proche était employé·e de Facebook (et si j’utilisais cet outil), je serais quand même prudent. C’est valable pour pas mal d’autres réseaux et outils en ligne mais celui-ci est particulièrement utilisé… et utilisable.</p>
 <p>Dans les <a href="/david/2020/02/07/">épisodes</a> <a href="/david/2020/02/14/">précédents</a> et <a href="/david/2020/06/25/#targets">nombreux</a>.</p>
 <p><a href="/david/2021/06/25/">#Delete</a><a href="https://byebyefacebook.loupbrun.ca/fr/">Facebook</a>.</p>

 <nav>
  <p class="center">
    <a rel="prev" href="/david/2021/07/13/" title="Publication précédente : ActivityStreams">← Précédent</a> •
    <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
    
  </p>
 </nav>
 </article>


 <hr>

 <footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs.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.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.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.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.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.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/david/2021/sources/2021-07-13
+++ b/david/2021/sources/2021-07-13
@@ -0,0 +1,18 @@
 # ActivityStreams

 On prend le temps avec [La Bécasse](https://buron.coffee/) d’explorer ensemble l’idée d’avoir un générateur de Toots statique pour Mastodon. J’avais commencé en solo sans grand succès l’année dernière car je n’avais pas compris deux pré-requis :

 1. Ce protocole s’appuie sur du *push*, à chaque publication il faut faire un `POST` sur l’*inbox* de chacun de ses *followers*.
 2. Il faut pouvoir répondre aux requêtes des personnes qui souhaitent suivre le compte pour que le lien soit fait (et stocker l’identifiant de ce *follower*, cf. 1.).

 Autant dire que pour du statique et donc plus ou moins asynchrone, ça n’est pas gagné ! J’étais pas loin d’abandonner lorsque La Bécasse m’indique qu’il est tout à fait possible de générer une Note sur laquelle interagir (repouet par exemple) en utilisant la recherche de mastodon.social pointée vers le fichier `json` qui va bien. Après de multiples essais/erreurs (grr cache), on finit même par trouver comment mettre un autre compte en copie pour participer aux échanges qu’il peut y avoir au sujet d’une publication via le `tag` de `"type": "Mention"`.

 J’hésite entre proposer une URL dédiée ou faire de la négociation de contenu sur la même URL ce qui pourrait faciliter le partage par d’autres personnes.

 Note : les 3 jours suivants, je tente des choses à ce sujet et il semble y avoir toujours un blocage difficile à investiguer, probablement lié à la négociation de contenu justement… ça serait pas mal d’avoir un log mais ça nécessiterait probablement d’installer un serveur Mastodon.

 Masto 2 - 0 David.

 > Tel se présente l’univers impressionnant de la magie qu’il est constitué non pas d’atomes mais uniquement de mouvements et de vibrations. En son sein, il convient d’abandonner toute croyance aux barrières qui font obstacle à la compréhension. La notion de compréhension elle-même est à écarter, cet univers n’étant ni visible, ni audible, ni décelable par aucun moyen fixe de perception. C’est le vide ultime où aucun écran préalable n’existe sur lequel puissent être projetées des formes. Il ne connait qu’un seul mode de conscience et c’est l’écran de projection des images. L’imagination ! Ainsi, l’on apprend véritablement ce que signifie être humain, être un créateur d’ordre, de formes et de systèmes harmonieux, être, en somme, ==l’organisateur du chaos==.
 > 
 > <cite>*Manuel des Atréides, Archives du Bene Gesserit*, *[Dune](/david/2020/12/21/#dune) V. Les Hérétiques de Dune*, Frank Herbert</cite>
--- a/david/2021/sources/2021-07-14
+++ b/david/2021/sources/2021-07-14
@@ -0,0 +1,11 @@
 # Livre ouvert

 > [en] Another Facebook engineer used his employee access to dig up information on a woman with whom he had gone on a date after she stopped responding to his messages. In the company's systems, he had access to “years of private conversations with friends over Facebook messenger, events attended, photographs uploaded (including those she had deleted), and posts she had commented or clicked on,” the book said. Through the Facebook app the woman had installed on her phone, the book said, ==the engineer was also able to see her location in real time.==
 >
 > <cite>*[Facebook Fired Dozens Over Abusing Access to User Data, New Book Says](https://www.businessinsider.com/facebook-fired-dozens-abusing-access-user-data-an-ugly-truth-2021-7)* ([cache](/david/cache/2021/6e36731348841db8712631851ee3467a/))</cite>

 Si quelqu’un·e qui m’est proche était employé·e de Facebook (et si j’utilisais cet outil), je serais quand même prudent. C’est valable pour pas mal d’autres réseaux et outils en ligne mais celui-ci est particulièrement utilisé… et utilisable.

 Dans les [épisodes](/david/2020/02/07/) [précédents](/david/2020/02/14/) et [nombreux](/david/2020/06/25/#targets).

 [#Delete](/david/2021/06/25/)[Facebook](https://byebyefacebook.loupbrun.ca/fr/).
--- a/david/index.html
+++ b/david/index.html
@@ -84,7 +84,9 @@
      <a href="/david/2021/07/09/">Balle</a>, 
      <a href="/david/2021/07/10/">Eau virtuelle</a>, 
      <a href="/david/2021/07/11/">Lebensraum</a>, 
      <a href="/david/2021/07/12/">Blame</a>.
      <a href="/david/2021/07/12/">Blame</a>, 
      <a href="/david/2021/07/13/">ActivityStreams</a>, 
      <a href="/david/2021/07/14/">Livre ouvert</a>.
      
    </p>
  
--- a/david/log/index.xml
+++ b/david/log/index.xml
@@ -6,13 +6,53 @@
    <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
    <link href="https://larlet.fr/david/log/" rel="self" />
    <id>https://larlet.fr/david/</id>
    <updated>2021-07-19T12:00:00+01:00</updated>
    <updated>2021-07-21T12:00:00+01:00</updated>
    <author>
        <name>David Larlet</name>
        <uri>https://larlet.fr/david/</uri>
    </author>
    <rights>Copyright (c) 2004-2021, David Larlet</rights>
    
        <entry xml:lang="fr">
            <title type="html">Livre ouvert</title>
            <link href="https://larlet.fr/david/2021/07/14/" rel="alternate" type="text/html" />
            <updated>2021-07-14T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2021/07/14/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;Another Facebook engineer used his employee access to dig up information on a woman with whom he had gone on a date after she stopped responding to his messages. In the company&#x27;s systems, he had access to “years of private conversations with friends over Facebook messenger, events attended, photographs uploaded (including those she had deleted), and posts she had commented or clicked on,” the book said. Through the Facebook app the woman had installed on her phone, the book said, &lt;mark&gt;the engineer was also able to see her location in real time.&lt;/mark&gt;&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.businessinsider.com/facebook-fired-dozens-abusing-access-user-data-an-ugly-truth-2021-7&quot;&gt;Facebook Fired Dozens Over Abusing Access to User Data, New Book Says&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/6e36731348841db8712631851ee3467a/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Si quelqu’un·e qui m’est proche était employé·e de Facebook (et si j’utilisais cet outil), je serais quand même prudent. C’est valable pour pas mal d’autres réseaux et outils en ligne mais celui-ci est particulièrement utilisé… et utilisable.&lt;/p&gt;
 &lt;p&gt;Dans les &lt;a href=&quot;https://larlet.fr/david/2020/02/07/&quot;&gt;épisodes&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2020/02/14/&quot;&gt;précédents&lt;/a&gt; et &lt;a href=&quot;https://larlet.fr/david/2020/06/25/#targets&quot;&gt;nombreux&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/06/25/&quot;&gt;#Delete&lt;/a&gt;&lt;a href=&quot;https://byebyefacebook.loupbrun.ca/fr/&quot;&gt;Facebook&lt;/a&gt;.&lt;/p&gt;
 &lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">ActivityStreams</title>
            <link href="https://larlet.fr/david/2021/07/13/" rel="alternate" type="text/html" />
            <updated>2021-07-13T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2021/07/13/</id>
            <summary type="html">
 &lt;p&gt;On prend le temps avec &lt;a href=&quot;https://buron.coffee/&quot;&gt;La Bécasse&lt;/a&gt; d’explorer ensemble l’idée d’avoir un générateur de Toots statique pour Mastodon. J’avais commencé en solo sans grand succès l’année dernière car je n’avais pas compris deux pré-requis&amp;nbsp;:&lt;/p&gt;
 &lt;ol&gt;
 &lt;li&gt;Ce protocole s’appuie sur du &lt;em&gt;push&lt;/em&gt;, à chaque publication il faut faire un &lt;code&gt;POST&lt;/code&gt; sur l’&lt;em&gt;inbox&lt;/em&gt; de chacun de ses &lt;em&gt;followers&lt;/em&gt;.&lt;/li&gt;
 &lt;li&gt;Il faut pouvoir répondre aux requêtes des personnes qui souhaitent suivre le compte pour que le lien soit fait (et stocker l’identifiant de ce &lt;em&gt;follower&lt;/em&gt;, cf. 1.).&lt;/li&gt;
 &lt;/ol&gt;
 &lt;p&gt;Autant dire que pour du statique et donc plus ou moins asynchrone, ça n’est pas gagné&amp;#8239;! J’étais pas loin d’abandonner lorsque La Bécasse m’indique qu’il est tout à fait possible de générer une Note sur laquelle interagir (repouet par exemple) en utilisant la recherche de mastodon.social pointée vers le fichier &lt;code&gt;json&lt;/code&gt; qui va bien. Après de multiples essais/erreurs (grr cache), on finit même par trouver comment mettre un autre compte en copie pour participer aux échanges qu’il peut y avoir au sujet d’une publication via le &lt;code&gt;tag&lt;/code&gt; de &lt;code&gt;&amp;quot;type&amp;quot;: &amp;quot;Mention&amp;quot;&lt;/code&gt;.&lt;/p&gt;
 &lt;p&gt;J’hésite entre proposer une URL dédiée ou faire de la négociation de contenu sur la même URL ce qui pourrait faciliter le partage par d’autres personnes.&lt;/p&gt;
 &lt;p&gt;Note&amp;nbsp;: les 3&amp;nbsp;jours suivants, je tente des choses à ce sujet et il semble y avoir toujours un blocage difficile à investiguer, probablement lié à la négociation de contenu justement… ça serait pas mal d’avoir un log mais ça nécessiterait probablement d’installer un serveur Mastodon.&lt;/p&gt;
 &lt;p&gt;Masto 2 - 0&amp;nbsp;David.&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;Tel se présente l’univers impressionnant de la magie qu’il est constitué non pas d’atomes mais uniquement de mouvements et de vibrations. En son sein, il convient d’abandonner toute croyance aux barrières qui font obstacle à la compréhension. La notion de compréhension elle-même est à écarter, cet univers n’étant ni visible, ni audible, ni décelable par aucun moyen fixe de perception. C’est le vide ultime où aucun écran préalable n’existe sur lequel puissent être projetées des formes. Il ne connait qu’un seul mode de conscience et c’est l’écran de projection des images. L’imagination&amp;#8239;! Ainsi, l’on apprend véritablement ce que signifie être humain, être un créateur d’ordre, de formes et de systèmes harmonieux, être, en somme, &lt;mark&gt;l’organisateur du chaos&lt;/mark&gt;.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;Manuel des Atréides, Archives du Bene Gesserit&lt;/em&gt;, &lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2020/12/21/#dune&quot;&gt;Dune&lt;/a&gt; V. Les Hérétiques de Dune&lt;/em&gt;, Frank Herbert&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Blame</title>
            <link href="https://larlet.fr/david/2021/07/12/" rel="alternate" type="text/html" />
@@ -605,53 +645,6 @@ Leo&amp;nbsp;»&lt;/p&gt;
 &lt;p&gt;Pour Hannah Zeavin, la surveillance des enfants et la surveillance d’État sont moins distinctes qu’il n’y paraît. […] Du soin à la surveillance, il y a un continuum d’anxiété qui a des effets sur la société elle-même.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.internetactu.net/a-lire-ailleurs/du-soin-a-la-surveillance/&quot;&gt;Du soin à la surveillance…&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/d13d382d8d1f51c3e2920029ccca5303/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Masque</title>
            <link href="https://larlet.fr/david/2021/06/12/" rel="alternate" type="text/html" />
            <updated>2021-06-12T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2021/06/12/</id>
            <summary type="html">

 &lt;blockquote&gt;
 &lt;p&gt;Le mythe du désintérêt des autistes pour les autres humains et la sociabilité empêche de reconnaître qu’il existe des autistes qui au contraire adorent observer les autres et comprendre leur fonctionnement, se passionnent pour l’étude des groupes et du &lt;em&gt;small talk&lt;/em&gt;, et se servent de leurs passions pour mieux s’intégrer parmi les non-autistes. &lt;mark&gt;Il existe aussi des personnes autistes qui évoluent dans un environnement bienveillant voire autiste lui-même&lt;/mark&gt; (parents autistes qui s’ignorent, amitiés ou relations amoureuses avec d’autres personnes autistes identifiées ou non, travail dans un milieu autistico-compatible) et qui donnent ainsi l’impression de ne pas toujours avoir de grandes difficultés à se lier avec autrui, puisqu’elles ont trouvé des semblables ou des gens qui les acceptent comme elles sont.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://dieses.fr/autisme-au-feminin-ou-autisme-tout-court&quot;&gt;Autisme «&amp;nbsp;au féminin&amp;nbsp;» ou autisme tout court&amp;#8239;?&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/9655fe9a307f08ff5dcf3824ae74c0ba/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Certaines personnes portent des masques au quotidien depuis bien avant la pandémie. Le &lt;a href=&quot;https://larlet.fr/david/blog/2017/spectre-autisme/&quot;&gt;spectre&lt;/a&gt; de la neuro-atypie a trop de dimensions pour pouvoir établir des diagnostics pertinents car il y a une multitude de cases possibles.&lt;/p&gt;
 &lt;p&gt;Les spécialistes essayent de jouer aux échecs alors qu’il s’agit d’un jeu de go…&lt;/p&gt;
 &lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>
    
        <entry xml:lang="fr">
            <title type="html">Anti</title>
            <link href="https://larlet.fr/david/2021/06/11/" rel="alternate" type="text/html" />
            <updated>2021-06-11T12:00:00+01:00</updated>
            <id>https://larlet.fr/david/2021/06/11/</id>
            <summary type="html">

 &lt;blockquote lang=&quot;en&quot;&gt;
 &lt;p&gt;So don’t feel all warm and fuzzy about the fact that covid cases have dropped a lot around you. Yes, all those vaccinated people around you will protect you too, but if there is another wave, possibly due to a more transmissible version — you and your family will be at &lt;em&gt;much&lt;/em&gt; higher risk than those vaccinated people because of your ignorance and mis-information.&lt;/p&gt;
 &lt;p&gt;Get vaccinated. Stop believing the anti-vax lies.&lt;/p&gt;
 &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://lore.kernel.org/ksummit/CAHk-=wiB6FJknDC5PMfpkg4gZrbSuC3d391VyReM4Wb0+JYXXA@mail.gmail.com/&quot;&gt;Linus Torvalds sur la liste de diffusion du noyau de Linux&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/4f568b3460f3cdac5cf2957a05fe2100/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
 &lt;/blockquote&gt;
 &lt;p&gt;Je me réjouissais &lt;a href=&quot;https://mastodon.social/@dav/106383781076961234&quot;&gt;récemment&lt;/a&gt; du fait que 75&amp;#8239;% de la population du Québec ayant plus de 12&amp;nbsp;ans soit vaccinée&amp;nbsp;:&lt;/p&gt;
 &lt;figure&gt;
    &lt;a href=&quot;https://larlet.fr/static/david/2021/tableau_de_bord_2021-06-08.png&quot;
        title=&quot;Cliquer pour une version haute résolution&quot;&gt;
        &lt;img src=&quot;https://larlet.fr/static/david/2021/tableau_de_bord_2021-06-08.png&quot; alt=&quot;Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec au 8 juin 2021&quot;
             width=&quot;1280&quot; height=&quot;1103&quot; /&gt;
    &lt;/a&gt;
    &lt;figcaption&gt;Tableau au 8 juin 2021.&lt;/figcaption&gt;
 &lt;/figure&gt;
 &lt;p&gt;En grande partie grâce à la vaccination des 12-17&amp;nbsp;ans (43&amp;#8239;% en 15&amp;nbsp;jours&amp;#8239;!) si on compare à la &lt;a href=&quot;https://larlet.fr/david/2021/05/24/&quot;&gt;photo du 24&amp;nbsp;mai&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;Bon, ça n’a pas traîné, quelqu’un est venu &lt;a href=&quot;https://mastodon.jpages.eu/@jpages/106384265971548593&quot;&gt;me mettre en garde&lt;/a&gt; contre un &lt;q&gt;grave scandale sanitaire&lt;/q&gt; à venir. Et franchement, c’est épuisant (et ça m’énerve). Ça fait plus d’un an que l’on &lt;em&gt;vit avec&lt;/em&gt; un &lt;q&gt;grave scandale sanitaire&lt;/q&gt;, des &lt;a href=&quot;https://www.worldometers.info/coronavirus/&quot;&gt;millions de morts comptabilisés&lt;/a&gt;, des covid longs difficiles à estimer, des mutations plus ou moins dangereuses, des services de réanimation à bout de souffle, qu’est-ce qu’il faut de plus&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;C’est important d’être sceptique, de douter, c’est même la base de la démarche scientifique mais après un an d’études et de recul il ne reste plus que des idées puantes qui flottent dans la fosse… septique. La vaccination est le moyen &lt;strong&gt;collectif&lt;/strong&gt; que l’on a trouvé pour réduire le risque de mourir et de transmettre la maladie, notamment (mais pas que) pour les personnes les plus à risque. On peut être contre, mais en proposant quoi&amp;#8239;?&lt;/p&gt;
 &lt;p&gt;Avec une population suffisamment vaccinée, on peut envisager de ne plus porter le masque en permanence, on peut recommencer à sourire avec autre chose qu’avec ses yeux, on peut manifester sa joie et sa colère, on peut inviter des ami·es pour débattre, s’embrasser et militer, on peut porter notre attention sur d’autres problèmes.&lt;/p&gt;
 &lt;p&gt;Les alternatives&amp;#8239;? Il y en a plusieurs mais celle qui se profile pour la France, c’est de se balader avec un Pass Sanitaire, c’est de rester masqué, subir un couvre-feu, c’est de se reconfiner en octobre, c’est de ne pas avoir le temps de parler d’autre chose avant la présidentielle, c’est que ça se termine en vaccination obligatoire et en répression…&lt;/p&gt;
 &lt;p&gt;Chacun·e est libre de choisir un rapport bénéfice/risque plus ou moins individualiste en fonction de ses &lt;a href=&quot;https://larlet.fr/david/2021/04/25/&quot;&gt;croyances&lt;/a&gt; et &lt;a href=&quot;https://larlet.fr/david/2021/05/15/&quot;&gt;inquiétudes&lt;/a&gt; mais il faut aussi en assumer les conséquences, directes et indirectes.&lt;/p&gt;
 &lt;p&gt;&lt;mark&gt;Note avant publication&amp;nbsp;:&lt;/mark&gt; &lt;a href=&quot;https://cdn-contenu.quebec.ca/cdn-contenu/sante/documents/Problemes_de_sante/covid-19/20-210-382W_infographie_sommaire-executif.jpg&quot;&gt;l’infographie dynamique&lt;/a&gt; donne pour le Québec 78&amp;#8239;% de premières doses pour les plus de 12&amp;nbsp;ans au 16&amp;nbsp;juin et 16&amp;#8239;% de secondes doses. Aussi, je ne devrais pas écrire quand je suis énervé.&lt;/p&gt;
 &lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
        </entry>