Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 64KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Tag #partage — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #partage">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <header>
  54. <h1>Publications relatives au tag #partage</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  59. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  60. </svg> Accueil</a>
  61. • <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
  62. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use>
  63. </svg> Étiquettes</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Liste des publications en ordre chronologique :</p>
  69. <h2><a href="/david/2021/01/11/" title="Lien permanent vers cet article">Marche ou trêve</a> (2021-01-11)</h2>
  70. <details>
  71. <summary>Déplier pour lire le contenu de l’article</summary>
  72. <blockquote>
  73. <p>L’engouement de nos sociétés pour la marche témoigne de cette volonté de s’arracher aux routines de la vie personnelle pour quelques heures ou davantage et devenir anonyme sur les chemins, sans plus avoir de contraintes d’identité. Le marcheur est libre de ses mouvements, de son rythme, il ne doit plus rien à personne, et nul ne vient le rappeler à ses responsabilités. Il est ailleurs, nul ne sait qui il est ni où il va. Il noue des relations provisoires ou durables avec les autres, mais à son gré. <mark>Sur les chemins de traverse, le sentiment de soi se dénoue, les exigences de la vie sociale se relâchent.</mark> La marche est un exercice ludique et contrôlé de disparition, une réappropriation heureuse de l’existence.</p>
  74. <p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p>
  75. </blockquote>
  76. <p>Il est très surfait de faire une ode à la marche. Et pourtant, c’est là où je me sens le plus «&nbsp;<a href="/david/2021/01/07/" title="Blancheur">blanc</a>&nbsp;» et je regrette parfois d’avoir commencé à <a href="https://vimeo.com/473661570/46af2e921e">filmer</a> <a href="https://vimeo.com/485769887/190546b69c">ces</a> <a href="https://vimeo.com/492686199/31ac11260c">moments</a>. L’impression de perdre une partie de l’intimité que me procurent ces balades en forêt. De tenter de disparaitre en revenant avec un pancarte «&nbsp;J’existe&#8239;!&nbsp;» (en 4k s’il vous plait). Une incohérence de plus…</p>
  77. <p><strong>J’ai transformé un moment de trêve avec moi-même.</strong> Un moment où je mettais en pause mon envie d’exprimer des émotions et des réactions pour mieux les ressentir. Un moment où les seules techniques étaient celles me permettant de (sur)vivre. Et cela s’est transformé en une mise en scène et une attention au partage. Une chorégraphie malaisante de ma personne dans un moment où je pouvais enfin l’oublier.</p>
  78. <p>Peut-être que les limites matérielles auxquelles je me heurte sont le signe qu’il faut que je laisse le corps en paix dans ces moments là.</p>
  79. <blockquote>
  80. <p>En cet âge où les humains disposent de moyens de transport capables de traverser les profondeurs de l’espace-temps ou de survoler des surfaces planétaires virtuellement infranchissables, l’idée d’entreprendre de longs voyages à pied semble étrange. Pourtant, la marche demeure le premier moyen de locomotion sur Arrakis. On attribue ce fait aussi bien à un choix délibéré qu’aux rudes traitements que cette planète réserve à toute espèce mécanique. Dans les rigueurs d’Arrachis, <mark>la chair de l’homme est le recours le plus durable et le plus sûr</mark> du Hajj. Peut-être est-ce la conscience implicite de ce fait qui explique qu’Arrakis soit l’ultime miroir de l’âme.</p>
  81. <p><cite><em>Guide du Hajj</em>, <a href="/david/2020/12/21/#dune">Dune</a> III. Les enfants de Dune</cite></p>
  82. </blockquote>
  83. </details>
  84. <h2><a href="/david/2021/01/23/" title="Lien permanent vers cet article">Gratitude</a> (2021-01-23)</h2>
  85. <details>
  86. <summary>Déplier pour lire le contenu de l’article</summary>
  87. <blockquote lang="en">
  88. <p>thanks for your nice idea after 10&nbsp;years&#8239;!</p>
  89. <p><cite><em><a href="https://gist.github.com/davidbgk/651080#gistcomment-3604718">En commentaire d’un gist</a></em></cite></p>
  90. </blockquote>
  91. <p>Je suis toujours surpris que l’on puisse <a href="https://gist.github.com/davidbgk/b10113c3779b8388e96e6d0c44e03a74#gistcomment-3115327">utiliser</a> quelques bouts de code que je partage ici et là. Pour rappel, j’essaye de réunir des petits cailloux regroupés par langage&nbsp;: <a href="https://gist.github.com/davidbgk/d3d6e6477d45b4527d9609b7e96cd82a">CSS</a>, <a href="https://gist.github.com/davidbgk/8700969263bdb9d2a31ccc1ec2328f00">JS</a>, <a href="https://gist.github.com/davidbgk/b5989d129dabebea1ce8d253d4b7a6c7">Python</a> et bien sûr HTML en faisant un <code>view-source:</code> ici&nbsp;:-).</p>
  92. <p><strong>Quand on plante un graine on ne sait jamais où et quand est-ce qu’elle va germer.</strong></p>
  93. <p>À titre personnel, je n’oublierais jamais la réponse de <a href="https://fr.wikipedia.org/wiki/Guido_van_Rossum">Guido</a> à <a href="/david/stream/2015/12/02/">mon courriel</a>&nbsp;:</p>
  94. <blockquote lang="en">
  95. <p>Well thank you! So much fan mail is asking for a favor, I’m really grateful that you just express your thanks. Enjoy programming in Python, and tell your friends!</p>
  96. </blockquote>
  97. </details>
  98. <h2><a href="/david/2021/01/24/" title="Lien permanent vers cet article">Négativité</a> (2021-01-24)</h2>
  99. <details>
  100. <summary>Déplier pour lire le contenu de l’article</summary>
  101. <blockquote>
  102. <p>Peut-être que ce qui me gène n’est pas tant l’écran en tant que tel, mais la <mark>posture</mark> dans laquelle celui-ci me plonge&#8239;?</p>
  103. <p>Plutôt que de chercher à passer <strong>très peu</strong> de temps derrière un écran, je peux essayer de maximiser le temps ou j’y fais quelque chose qui m’intéresse, et pour lequel je suis dans un usage créatif&#8239;?</p>
  104. <p><cite><em><a href="https://blog.notmyidea.org/reconnexion.html">Reconnexion&#8239;?</a></em> (<a href="/david/cache/2021/1ac1db00072c35c5f6de8d729331b8d4/">cache</a>)</cite></p>
  105. </blockquote>
  106. <p>J’ai l’impression de partager de plus en plus de négativité et de contenus anxiogènes sur Mastodon. Je vais m’en écarter un moment pour me recentrer sur du temps qui m’apporte plus d’enthousiasme.</p>
  107. <p>Besoin d’un changement de <a href="https://www.youtube.com/watch?v=fHJNtLuCww4">perspective</a> (vidéo Youtube).</p>
  108. <blockquote>
  109. <p>I’ve been changing my relationship to being online.</p>
  110. <p>[…]</p>
  111. <p>Some of it is <mark>just letting myself wander</mark>, link to link, through people’s personal websites and passion projects, seeing what comes up.</p>
  112. <p><cite><em><a href="https://lucybellwood.com/stumbling/">Stumbling</a></em> (<a href="/david/cache/2021/4121412b765fff38f76943b7bc6391a5/">cache</a>)</cite></p>
  113. </blockquote>
  114. </details>
  115. <h2><a href="/david/2021/01/25/" title="Lien permanent vers cet article">Valeurs</a> (2021-01-25)</h2>
  116. <details>
  117. <summary>Déplier pour lire le contenu de l’article</summary>
  118. <blockquote>
  119. <p>S’il n’existe plus de géographie du refuge hors l’exil, et que l’on veut continuer à vivre en société, parce que chacun n’a pas la possibilité de s’échapper en mer ou vers les sommets, <mark>alors il faut trouver ailleurs, en soi</mark>, la manière de s’extraire de la <em>Machine</em> et de faire corps avec le monde vivant contre le <em>Monstre</em>.</p>
  120. <p><cite><em>Plutôt couler en beauté que flotter sans grâce</em>, Corinne Morel Darleux</cite></p>
  121. </blockquote>
  122. <p>Aujourd’hui, on s’est demandé ce qu’était une valeur avec <a href="http://scopyleft.fr/">scopyleft</a> (et quelles seraient les nôtres aujourd’hui). Est-ce un cap&#8239;? Une aspiration&#8239;? Une intention&#8239;? Un travail quotidien&#8239;? Une chose que l’on a en nous&#8239;? Une utopie&#8239;? <em>Un peu de tout ça&#8239;?!</em></p>
  123. <p>Est-ce qu’on doit l’afficher&#8239;? Est-ce que ça doit nous guider&#8239;? Nous contraindre&#8239;? Est-ce que c’est évolutif&#8239;? Adaptable&#8239;? Partageable&#8239;? <em>Est-ce bien nécessaire&#8239;?!</em></p>
  124. <p>L’une des branches de cet arbre de possibles m’a fait comprendre qu’il est important d’avoir ces discussions, non pas pour une éventuelle conclusion mais pour les échanges lors de ce cheminement à plusieurs.</p>
  125. <p><strong>Quelle est la valeur qui motive à parler de valeurs à intervalles réguliers&#8239;?</strong> #SoMeta</p>
  126. <blockquote>
  127. <p>C’est en façonnant par son travail le monde des objets que l’homme se révèle réellement comme un être générique. <mark>Sa production, c’est sa vie</mark> générique créatrice. Par elle, la nature apparaît comme son œuvre et sa réalité. C’est pourquoi l’objet du travail est l’objectivisation de la vie générique de l’homme car il ne s’y dédouble pas idéalement dans la conscience, mais réellement, comme créateur. Il se contemple ainsi lui-même dans un monde qu’il a lui-même créé par son travail.</p>
  128. <p><cite><em>Ébauche d’une critique de l’Économie politique</em>, Karl Marx dans «&nbsp;Manuscrits de 1844&nbsp;»</cite></p>
  129. </blockquote>
  130. </details>
  131. <h2><a href="/david/2021/01/30/" title="Lien permanent vers cet article">Recommandations</a> (2021-01-30)</h2>
  132. <details>
  133. <summary>Déplier pour lire le contenu de l’article</summary>
  134. <p>Quelques livres pour les enfants qui commencent à lire.</p>
  135. <h2 id="bandes-dessinees">Bandes-dessinées <a href="#bandes-dessinees" title="Ancre vers cette partie">#</a></h2><ul>
  136. <li><a href="https://www.editions-delcourt.fr/special/grandmechantrenard/">Le Grand Méchant Renard</a> (coup de cœur++)</li>
  137. <li><a href="https://www.groupemodus.com/categorie-produit/livres/bandes-dessinees/aventurosaure/">Aventurosaure</a> (3&nbsp;tomes)</li>
  138. <li><a href="https://www.ricochet-jeunes.org/livres/jack-le-temeraire-t-1-dans-les-griffes-du-jardin-malefique">Jack le téméraire</a> (2&nbsp;tomes)</li>
  139. <li><a href="https://editions-sarbacane.com/auteurs/joe-todd-stanton">La famille Vieillepierre</a> (4&nbsp;tomes)</li>
  140. </ul>
  141. <h2 id="hybrides">Hybrides <a href="#hybrides" title="Ancre vers cette partie">#</a></h2><ul>
  142. <li>Olga (3&nbsp;tomes) et tous les <a href="http://elisegravel.com/livres/mes-livres/">livres d’Élise Gravel</a> sont chouettes</li>
  143. <li><a href="http://www.leseditionsdelabagnole.com/lucie-mouffette-qui-pete-quand-elle-rit/pierre-szalowski/livre/9782897143145">Lucie la moufette qui pète quand elle rit</a> (4&nbsp;tomes)</li>
  144. <li><a href="https://www.editionsdruide.com/livres/petronille-inc-tome-1-bave-de-crapaud-bio">Pétronille Inc.</a> (3&nbsp;tomes)</li>
  145. <li><a href="http://www.scholastic.ca/editions/livres/view/les-mchants">Les méchants</a> (12&nbsp;tomes)</li>
  146. </ul>
  147. <h2 id="romans">Romans <a href="#romans" title="Ancre vers cette partie">#</a></h2><ul>
  148. <li><a href="https://www.gallimard-jeunesse.fr/9782075080286/le-club-de-l-ours-polaire-1.html">Le Club de l’Ours Polaire</a> (3&nbsp;tomes)</li>
  149. <li><a href="http://www.gallimard.fr/Catalogue/GALLIMARD-JEUNESSE/Grand-format-litterature/Romans-Junior/SOS-Creatures-fantastiques">SOS Créatures fantastiques</a> (3&nbsp;tomes)</li>
  150. </ul>
  151. <p>Pour d’autres recommandations (malheureusement sur Facebook Instagram…)&nbsp;: <a href="https://www.instagram.com/sous_nos_lunettes/">Sous nos lunettes</a>.</p>
  152. </details>
  153. <h2><a href="/david/2021/02/15/" title="Lien permanent vers cet article">Comptabilité</a> (2021-02-15)</h2>
  154. <details>
  155. <summary>Déplier pour lire le contenu de l’article</summary>
  156. <p>Je me rends compte que j’ai de plus en plus envie/besoin de compter ce que coûtent certaines choses. J’avais commencé avec la <a href="http://tmp.larlet.fr/ccmc/">voiture achetée en octobre dernier</a> (OK, c’était aussi pour tester TailwindCSS, j’en reparlerai). Je me demande si je ne vais pas faire un truc du même acabit pour le matériel vidéo, une façon de mieux prendre conscience de la valeur des choses.</p>
  157. <p><em>Je dois vieillir aussi…</em></p>
  158. <p>Mais bon tout ça, c’était juste pour planter le contexte. Je suis confronté à des soucis techniques avec ces représentations. Je pourrais mettre ça dans une feuille de calcul mais ça serait me trahir un peu. Les tableaux en HTML c’est quand même pas terrible en terme d’édition/visualisation et en markdown ça demande d’avoir recours à des <a href="https://www.tablesgenerator.com/markdown_tables">outils externes</a> également pour que ça reste lisible. Oh et aussi, j’ai la contrainte que ce soit un brin dynamique — par exemple pour calculer un poids d’équipement, au hasard. Idéalement que ça me fasse la somme des colonnes numériques (peut-être au choix de l’utilisateur·ice&#8239;?).</p>
  159. <p>J’avais besoin de noter ceci quelque part, comme un point de départ. En l’exprimant, je me dis que quelques lignes de JavaScript sur un tableau pourraient faire l’affaire ou alors je tente <a href="https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/">un truc complètement fou</a>. Si vous avez d’autres idées/propositions, je prends.</p>
  160. </details>
  161. <h2><a href="/david/2021/02/27/" title="Lien permanent vers cet article">Culpabilité</a> (2021-02-27)</h2>
  162. <details>
  163. <summary>Déplier pour lire le contenu de l’article</summary>
  164. <blockquote>
  165. <p>Une mentalité hiérarchique favorise le renoncement aux plaisirs de la vie. Elle justifie le labeur, la culpabilité et le sacrifice des «&nbsp;inférieurs&nbsp;», et le plaisir et la satisfaction indulgente de presque tous les caprices de leurs «&nbsp;supérieurs&nbsp;». […] Cette mentalité imprègne nos esprits individuels sous une forme cumulative jusqu’à aujourd’hui — non seulement sous la forme du capitalisme, mais aussi en tant que vaste histoire de la société hiérarchique depuis ses débuts.<br />
  166. Si nous n’explorons pas cette histoire, qui vit activement en nous comme les phases précédentes de notre vie individuelle, nous ne seront jamais libérés de son emprise. <mark>Nous pouvons éliminer l’injustice sociale, mais nous ne parviendront pas à la liberté sociale.</mark> Nous pouvons éliminer les classes et l’exploitation, mais nous ne serons pas épargnés par les entraves de la hiérarchie et de la domination. Nous pouvons exorciser l’esprit de profit et d’accumulation de nos psychés, mais nous seront toujours accablés par la culpabilité, le renoncement et une croyance subtile dans les «&nbsp;vices&nbsp;» de la sensualité.</p>
  167. <p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p>
  168. </blockquote>
  169. <p>Ce n’est pas la première fois que l’on me fait la remarque que mes écrits sont empreints de culpabilité. <em>Et c’est vrai.</em> Je ne sais pas à quel point cela est lié à ma culture (mes cultures&#8239;?) et j’admire les personnes qui sont capables d’accepter leurs privilèges sans ressentir de culpabilité. Peut-être que <a href="/david/2021/02/26/" title="Disponibilité">le partage et la diffusion</a> sont une forme d’acceptation&#8239;? Ou au moins une intention de rééquilibrage.</p>
  170. <p>Est-ce que les privilèges peuvent véritablement ruisseler&#8239;? À quel point est-ce que parler de ces choses-là me met une fois de plus en avant&#8239;? Comment faire pour que mon bruit ne rendent pas silencieux·ses celleux qui ont besoin de faire entendre leurs voix&#8239;?</p>
  171. <blockquote>
  172. <p>J’ai lu pas mal de messages contradictoires à ce sujet. D’un côté, il y a des militant·es qui demandent à ce <strong>que l’on ne s’empare pas des oppressions dont on ne fait pas soi-même l’expérience</strong>, pour ne pas faire d’ombre aux personnes concernées, dont les voix ont déjà du mal à porter.</p>
  173. <p>D’autres militant·es estiment au contraire <strong>que c’est aux personnes détentrices d’un privilège d’éduquer leurs pairs</strong>, afin de soulager la charge mentale des personnes concernées, fatiguées de devoir faire ce travail pédagogique permanent.</p>
  174. <p><mark>J’ai encore du mal à trouver l’équilibre.</mark> Amplifier la voix des personnes concernées me semble indispensable, et j’ai l’impression de le faire quand je partage des contenus qu’elles ont créés.</p>
  175. <p>Mais, malgré ma volonté de multiplier les points de vue et les représentations, il y a un paquet d’angles morts dans ce que je choisis de partager.</p>
  176. <p><cite><em><a href="https://lalunemauve.fr/emois-en-photos-annee-blanche-annee-noire-2-distance/">Émois en photos&nbsp;: année blanche, année noire - 2&nbsp;: distance</a></em> (<a href="/david/cache/2021/03efcc832beba4212f70128850c9fe1f/">cache</a>)</cite></p>
  177. </blockquote>
  178. </details>
  179. <h2><a href="/david/2021/03/20/" title="Lien permanent vers cet article">Manuel</a> (2021-03-20)</h2>
  180. <details>
  181. <summary>Déplier pour lire le contenu de l’article</summary>
  182. <blockquote lang="en">
  183. <p>I’ve created a <mark>user manual about myself</mark> and I’d love to hear what other questions people think should be included in something like this. I also think there should be a caveat that this is done knowing that not all your needs and preferences can be met, but there is still value in making them explicit for those you work with.</p>
  184. <p><cite><em><a href="https://cassierobinson.medium.com/a-user-manual-for-me-d3a851fbc694">A user manual for me</a></em> (<a href="/david/cache/2021/720b1db6efb78ef6790594ad1a8b7980/">cache</a>)</cite></p>
  185. </blockquote>
  186. <p>Je découvre cet article <a href="https://numerique.canada.ca/2018/08/21/collaboration-productive/">via le SNC</a> (<a href="/david/cache/2021/7405ceb4a34705e65bc5ccc4f025a0b8/">cache</a>) qui propose la <a href="https://docs.google.com/presentation/d/1KNNLKtFYoLOdTZ5Ez0ZBXwDGcZNB7AcfKr-4iMNF5L0/edit#slide=id.g3fd0daa6c4_0_0">version traduite</a> suivante&nbsp;:</p>
  187. <ul>
  188. <li>les conditions dans lesquelles j’aime travailler&#8239;;</li>
  189. <li>les heures et les moments de la journée pendant lesquels j’aime travailler&#8239;;</li>
  190. <li>les meilleures façons de communiquer avec moi&#8239;;</li>
  191. <li>les façons dont j’aimerais recevoir des commentaires&#8239;;</li>
  192. <li>les choses dont j’ai besoin&#8239;;</li>
  193. <li>les choses avec lesquelles j’ai de la difficulté&#8239;;</li>
  194. <li>les choses que j’aime&#8239;;</li>
  195. <li>les autres choses à savoir à mon sujet.</li>
  196. </ul>
  197. <p>J’aime le fait de pouvoir afficher cela de manière aussi explicite dans son équipe. Je vais essayer de rédiger mon propre manuel.</p>
  198. </details>
  199. <h2><a href="/david/2021/03/26/" title="Lien permanent vers cet article">Stimulant</a> (2021-03-26)</h2>
  200. <details>
  201. <summary>Déplier pour lire le contenu de l’article</summary>
  202. <blockquote>
  203. <p>J’ai évité d’écrire un livre qui mastique toutes les pensées possibles en rapporte avec les questions soulevées dans les pages suivantes. Je ne voudrais pas livrer ces pensées comme une bouillie prédigérée à un lecteur passif. La tension dialectique que j’apprécie le plus se situe entre le lecteur d’un livre et l’écrivain&nbsp;: les indices, les suggestions, les pensées inachevées et les stimuli qui encouragent le lecteur à penser par lui-même ou elle-même. En ces temps qui connaissent de telles fluctuations, il serait arrogant de présenter des analyses et des recettes finies&#8239;; je considère plutôt qu’il est de la responsabilité d’un travail sérieux de <mark>stimuler la pensée</mark> dialectique et écologique. Pour une œuvre si «&nbsp;simple&nbsp;», si «&nbsp;claire&nbsp;» et si peu partagée — en un mot, si élitiste — qu’elle ne nécessite aucune modification, le lecteur devra regarder ailleurs. Ce livre n’est pas un programme idéologique&#8239;; c’est un stimulant de la pensée — un ensemble cohérent de concepts que le lecteur ou la lectrice devra achever dans l’intimité de son propre esprit.</p>
  204. <p><cite><em>L’écologie sociale, penser la liberté au-delà de l’humain</em>, Murray Bookchin</cite></p>
  205. </blockquote>
  206. <p>Un bon résumé de ce que j’aimerais que cet espace de pensées soit, devienne, vive, inspire, respire.</p>
  207. </details>
  208. <h2><a href="/david/2021/04/05/" title="Lien permanent vers cet article">Honte</a> (2021-04-05)</h2>
  209. <details>
  210. <summary>Déplier pour lire le contenu de l’article</summary>
  211. <blockquote>
  212. <p>D’autre part, lorsque j’ai commencé, je n’avais aucune formation de développeur&nbsp;: Je me suis formé sur le tas, et je n’étais de toute façon pas suffisamment assuré de mon code pour le mettre en licence libre (<mark>j’aurai trop honte qu’un vrai développeur vienne regarder le code de mes premières productions&#8239;!</mark>). Je suis enseignant, pas développeur&#8239;!</p>
  213. <p><cite><em><a href="https://blog.faire-ecole.org/2021/04/05/jenseigne-je-code-et-je-partage-ep-02-christophe-auclair/">J’enseigne, je code et je partage - EP 02&nbsp;: Christophe Auclair</a></em> (<a href="/david/cache/2021/d51a0d0c661dbc22417ff5d0266f3faa/">cache</a>)</cite></p>
  214. </blockquote>
  215. <p>Cette remarque m’attriste car je sais qu’elle n’est pas isolée. Même parmi les développeur·euses, il y a cette crainte que le code publié soit analysé et serve à établir un certain jugement sur la personne.</p>
  216. <p>Je vais vous faire une confession&nbsp;: je publie du code depuis des dizaines d’années et il est loin d’être propre, ni même parfois présentable selon les standards en vigueur. Mon premier constat, c’est que pas grand monde ne prend le temps d’aller voir ce que vous avez partagé (et/ou de vous notifier). Même dans le cadre d’un <a href="/david/2021/03/23/" title="Recrutement">recrutement</a>, j’ai l’intuition qu’aucune des personnes avec lesquelles j’ai interagi n’a consulté la moindre ligne de code, que ce soit sur Github ou ailleurs.</p>
  217. <p>C’est pourtant une source d’information intéressante, pas pour le code produit en lui-même mais pour la façon dont il est produit et la nature des interactions qu’il occasionne. Pour savoir si je peux travailler avec un·e pair, j’ai davantage besoin de voir ses commentaires récents lors d’une <em>pull/merge-request</em> que ses dernières 10&#8239;000&nbsp;lignes de code…</p>
  218. <p>Cela étant exprimé, je considère que publier du code (sans la façon de travailler qui va avec) s’apparente à la publication d’idées sur cet espace. Des petits cailloux <a href="/david/2021/03/26/" title="Stimulant">stimulants</a> pour aider d’autres à bâtir — et éventuellement partager — d’autres choses. Et à ce niveau, vous ne <a href="https://gist.github.com/davidbgk/b10113c3779b8388e96e6d0c44e03a74">savez jamais</a> quelle ligne va potentiellement être une aide pour un contexte donné. Vous ne savez même pas si plus il y a de lignes plus la personne a des chances de rencontrer la bonne.</p>
  219. <p>Le partage n’est qu’un espoir… mais quel espoir&#8239;!</p>
  220. </details>
  221. <h2><a href="/david/2021/04/08/" title="Lien permanent vers cet article">NetNewsWire</a> (2021-04-08)</h2>
  222. <details>
  223. <summary>Déplier pour lire le contenu de l’article</summary>
  224. <blockquote lang="en">
  225. <p>Or: skip helping us, and, instead, help people who need help more than we do. Those people should not be hard to find.</p>
  226. <p><cite><em><a href="https://github.com/Ranchero-Software/NetNewsWire/blob/main/Technotes/HowToSupportNetNewsWire.markdown">How to Support NetNewsWire</a></em> (<a href="/david/cache/2021/2c6e22e52c34c94f8a4b8d567aacf0fa/">cache</a>)</cite></p>
  227. </blockquote>
  228. <p>Ça fait longtemps que je veux parler <a href="/david/2021/01/18/" title="Textcasts">un peu plus</a> de <a href="https://netnewswire.com/">cet agrégateur</a> de <a href="/david/blog/2019/flux-rss/">flux RSS</a> qui est léger et rapide. La dernière mise à jour permet enfin d’agrandir le texte ce qui m’est essentiel pour avoir <a href="/david/blog/2014/dos-posture/">une posture adéquate</a>. Il est aussi possible d’aller chercher le contenu pour les flux tronqués (ça passe par un service tiers) ce qui me permet de rester dans un environnement qui m’est lisible <em>et</em> de rester concentré. Si vous êtes pommé·e, je recommande.</p>
  229. <p>J’en profite pour rappeler que la beauté d’un format ouvert c’est qu’il suffit d’exporter son OPML (la liste des flux auxquels on est abonné) puis de l’importer dans un nouvel agrégateur pour pouvoir tester sans soucis de compatibilité. Imaginez une telle inter-opérabilité entre abonnements de réseaux sociaux propriétaires. On s’entend que vous ne pouvez qu’imaginer&nbsp;:-).</p>
  230. </details>
  231. <h2><a href="/david/2021/05/03/" title="Lien permanent vers cet article">Pop culture</a> (2021-05-03)</h2>
  232. <details>
  233. <summary>Déplier pour lire le contenu de l’article</summary>
  234. <blockquote lang="en">
  235. <p>In other words: web dev is a pop culture with no regard for history, dooming each successive generation <mark>to repeat the blunders</mark> of the old, in a cycle of garbage software, wrapped in ever-escalating useless animations, transitions, and framework rewrites.</p>
  236. <p><cite><em><a href="https://www.baldurbjarnason.com/2021/100-things-every-web-developer-should-know/">136&nbsp;facts every web dev should know before they burn out and turn to landscape painting or nude modelling</a></em> (<a href="/david/cache/2021/31c79c53679be6cc384f8610ae821c90/">cache</a>)</cite></p>
  237. </blockquote>
  238. <p>Il s’agit de l’idée que j’ai retenue parmi les 136&nbsp;énoncées mais il y en aurait d’autres sur lesquelles rebondir. Je crois que j’aime ces listes, ça me fait penser aux <a href="https://kk.org/thetechnium/68-bits-of-unsolicited-advice/">68</a> (<a href="/david/cache/2021/9f44d4e11b281dd3c1dc88b946b0d257/">cache</a>) + <a href="https://kk.org/thetechnium/99-additional-bits-of-unsolicited-advice/">99</a> (<a href="/david/cache/2021/d8a0172d0dc1fee3e2133a2edd15616e/">cache</a>) de Kevin Kelly.</p>
  239. <p>Peut-être qu’un jour je partagerai ma propre liste. Elle parlerait forcément de chocolat.</p>
  240. <blockquote lang="en">
  241. <p>Advice like these are not laws. They are like hats. If one doesn’t fit, try another.</p>
  242. </blockquote>
  243. </details>
  244. <h2><a href="/david/2021/05/04/" title="Lien permanent vers cet article">Touriste</a> (2021-05-04)</h2>
  245. <details>
  246. <summary>Déplier pour lire le contenu de l’article</summary>
  247. <blockquote>
  248. <p>Finalement, ces contenus deviennent les reflets revendiqués de pratiques touristiques où seule la trace numérique est suffisante pour <mark>justifier</mark> l’existence et l’expérience du séjour.</p>
  249. <p><cite><em><a href="https://usbeketrica.com/fr/article/travel-porn-outil-distinction-social">Le «&nbsp;TravelPorn&nbsp;», nouvel outil de distinction sociale sur les réseaux sociaux</a></em> (<a href="/david/cache/2021/bda7c1903601dae7d2b10ce8e3d87572/">cache</a>)</cite></p>
  250. </blockquote>
  251. <p>Cet article aura achevé de me convaincre de faire ma prochaine balade en nature sans intention d’en partager un récit. Je vais quand même prendre de quoi enregistrer des images et des sons, une façon d’ouvrir ma perception à un environnement inconnu.</p>
  252. <p>Au passage, je ne sais pas comment gérer une bibliothèque de fragments de vidéos sans avoir de projet associé pour l’instant. Il faut que je me renseigne là-dessus mais si vous avez des pratiques, je prends&#8239;!</p>
  253. </details>
  254. <h2><a href="/david/2021/05/26/" title="Lien permanent vers cet article">Follow</a> (2021-05-26)</h2>
  255. <details>
  256. <summary>Déplier pour lire le contenu de l’article</summary>
  257. <blockquote lang="en">
  258. <p>With a seat at the table and skin in the game, bang the drum for RSS and the open web. Like I said, it’s great to see early trials of RSS in the Chrome mobile browser and, for me, that’s <mark>a promising start</mark>.</p>
  259. <p><cite><em><a href="https://interconnected.org/home/2021/05/26/chrome_and_rss">Three requests for the Google Chrome team as they experiment with RSS</a></em> (<a href="/david/cache/2021/4a9c4c407b34c40ec5b3783ac5f274a7/">cache</a>)</cite></p>
  260. </blockquote>
  261. <p>L’une des choses que je retiens de cette expérience, c’est d’utiliser le terme «&nbsp;<span lang="en">Follow</span>&nbsp;» pour suivre des flux RSS. <strong>Au 21<sup>e</sup> siècle, on ne s’abonne plus, on suit.</strong> Et je me demande si je ne vais pas suivre (!) cette mouvance qui permet peut-être de mieux comprendre <a href="/david/blog/2019/flux-rss/">de quoi est-ce qu’il s’agit</a>. Notamment pour des personnes qui découvrent un site après avoir passé tant d’années <em>dans</em> des réseaux sociaux.</p>
  262. <p>Suivez-moi… mais pas de trop près quand même car ça devient vite flippant 😅.</p>
  263. </details>
  264. <h2><a href="/david/2021/06/02/" title="Lien permanent vers cet article">Percolation</a> (2021-06-02)</h2>
  265. <details>
  266. <summary>Déplier pour lire le contenu de l’article</summary>
  267. <blockquote>
  268. <p>Par exemple, j’ai compris qu’il valait mieux, pour être en accord avec le réel, parler de <em>percolation</em> plutôt que de <em>transmission</em> des connaissances.</p>
  269. <p><cite><em><a href="https://pedagogieagile.com/2021/05/17/fin-dun-premier-cycle-agile-pedagogique/">Fin d’un premier cycle agile pédagogique</a></em> (<a href="/david/cache/2021/383f0f99a7f493b66f782d02dca6edef/">cache</a>)</cite></p>
  270. </blockquote>
  271. <p>Je suis très reconnaissant à Christian den Hartigh de partager son cheminement, aussi <q>chaotique et confus</q> qu’il l’estime je viens y piocher des idées régulièrement. Dans mes réflexions actuelles sur ce qui <a href="/david/2021/05/19/" title="Regroupement">fait un regroupement</a>, je retrouve cette notion de <em>percolation</em>. Des touches ici et là qui viennent s’infiltrer et qui forment des résurgences par ailleurs. Parfois sans en chercher ni comprendre le sens. On ne cultive pas un jardin, on laisse infuser une culture.</p>
  272. <p>Du moins c’est l’histoire que j’essaye de me raconter.</p>
  273. <blockquote>
  274. <p>D’où, dans nos sociétés, l’importance de l’autobiographie, ou du blog pour les jeunes générations, la nécessité de se dire pour savoir qui l’on est. Certes, le récit de vie n’est jamais la transparence des événements traversés, mais toujours une interprétation, une lecture et une relecture au fil du temps. Il n’est en aucun cas une vérité, <mark>seulement la dernière version qu’un individu tire de lui-même</mark>. Pour exister la croyance s’impose de posséder une conscience, un Moi, une identité, même s’il est impossible d’en définir les contours avec précision, même s’il est toujours malaisé de répondre à la question du “qui suis-je&#8239;?” dans l’éparpillement de que nous sommes au fil des jours, des circonstances et des publics. Le sentiment d’identité se transforme en récit provisoire tenu sur soi, identité narrative de P. Ricœur ou biographie réflexive d’U. Beck. Le récit de soi est une tentative, toujours après coup, de reconstruire une unité de son existence, non dans une objectivité impensable, mais dans une recherche de sens et de cohérence qui n’exclut pas la réinterprétation, même sincère, des événements. À tout moment l’individu se relie à son histoire, il ne cesse intérieurement de se raconter en retrouvant les fils de son parcours dans les événements récents et, dans les situations présentes, il engrange d’autres souvenirs qui l’amènent à la fois à demeurer le même tout en ne cessant de se redéfinir au fil des années. L’identité que se construit et se reconstruit l’individu à travers sa narration est sans doute une fiction, mais elle est le seul moyen de s’approcher de soi à travers un processus sans fin qui ne cesse de se moduler.</p>
  275. <p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p>
  276. </blockquote>
  277. </details>
  278. <h2><a href="/david/2021/06/10/" title="Lien permanent vers cet article">Co-écriture</a> (2021-06-10)</h2>
  279. <details>
  280. <summary>Déplier pour lire le contenu de l’article</summary>
  281. <blockquote>
  282. <p>Tout seul on va plus vite, ensemble on va <em>ailleurs</em>.</p>
  283. <p><cite>Proverbe africain, <a href="/david/blog/2015/pairmutation-travail/">métissé à Scopyleft</a></cite></p>
  284. </blockquote>
  285. <p>L’écriture à plusieurs est une chose qui m’est difficile. Pas douloureuse mais difficile. Le style me parait rapidement être incohérent entre les parties et les bons mots sont lissés par un consensus mou et fonctionnel. Si quelqu’un fait un premier jet, c’est souvent trop franc pour pouvoir être retravaillé en profondeur et si, au contraire, on est nombreux·reuses à vouloir démarrer ça patine à chaque phrase.</p>
  286. <p>Ce que l’on a expérimenté avec <a href="https://oncletom.io/">Thomas</a> et <a href="http://scopyleft.fr/">Juliette</a> c’est un·e qui écrit et les autres qui racontent (il faut une configuration particulière, ici un retour d’expérience). Le rédacteur ou la rédactrice est libre de l’angle et oriente la discussion pour creuser certains aspects et picorer dans l’histoire qui émerge. On se focalise ensuite sur le résultat pour réajuster lorsqu’il y a eu des incompréhensions. C’est peut-être une piste pour me réconcilier avec une écriture collective.</p>
  287. <p><em>Merci.</em></p>
  288. <p>D’une certaine manière, on a mis un mois pour rédiger 9&nbsp;pages à… 70&nbsp;mains 😅. Toute <a href="https://fr.wikipedia.org/wiki/Le_Mythe_du_mois-homme">ressemblance</a> ne serait bien évidemment que fortuite. On a aussi appris à se connaître en faisant, explorant cet <q>ailleurs</q> que sont les autres.</p>
  289. <p>Là-bas était l’essentiel.</p>
  290. </details>
  291. <h2><a href="/david/2021/06/21/" title="Lien permanent vers cet article">Voûte</a> (2021-06-21)</h2>
  292. <details>
  293. <summary>Déplier pour lire le contenu de l’article</summary>
  294. <blockquote>
  295. <p>Sommes-nous à ce point envoûtés par le possible de nos mots, par la facilité de la transmission, qu’il nous faille croire à l’immortalité de la prose&#8239;? Les mots et encore plus les histoires autour des mots survivent dans les bouches qui manœuvrent les sons, et les tympans qui entrent en transe. La mémoire d’une légende est bien plus riche dans sa multitude que dans le texte fossilisé.</p>
  296. <p><mark>Peut-être qu’il ne faut pas tant se soucier de l’existence posthume d’un site Web.</mark> Il suffit qu’une personne ou une communauté de personnes pour réaliser la copie d’un site Web. Et si les enfants ou les grands-enfants avaient un quelconque désir de sauvegarde, ils reprendront le labour des mots. Ils garderont la chandelle vacillante dans la tempête.</p>
  297. </blockquote>
  298. <blockquote>
  299. <p><cite><em><a href="https://www.la-grange.net/2021/06/02/envoutement">Web envoûté</a></em> (<a href="/david/cache/2021/8809cdb7b9693d1edff1f6627eeaae83/">cache</a>)</cite></p>
  300. </blockquote>
  301. <p>J’accepte progressivement cette idée aussi. Je suis déjà suffisamment bruyant de mon vivant pour pouvoir imposer cela à d’autres. Il faudra que je mette à jour mon <a href="/david/blog/2013/testament-numerique/">testament numérique</a> pour expliciter cela.</p>
  302. <p>C’est peut-être la <em>clef</em>, ne plus prétendre combler un vide. Celui de sa <a href="/david/2021/06/09/" title="Parenthèse">disparition</a>.</p>
  303. <blockquote lang="en">
  304. <p>As I wrote in January, silence is effectively impossible on the contemporary internet, where “<mark>voids are just filled by other people’s content</mark>, and thus vanish instantly.” The illusions that enable social media to feel like a primary reality (rather than a medium that supplements that reality) have become increasingly seamless and less likely to be broken, but as Venkatesh Rao has observed, many users are sacrificed at the altar of this reality, slipping through the cracks and becoming “digitally homeless.”</p>
  305. <p><cite><em><a href="https://kneelingbus.substack.com/p/162-minimum-viable-self">#162: Minimum Viable Self</a> (<a href="/david/cache/2021/5a89944a64394da98512ea35a64bafdc/">cache</a>)</em></cite></p>
  306. </blockquote>
  307. </details>
  308. <h2><a href="/david/2021/06/26/" title="Lien permanent vers cet article">Hybris</a> (2021-06-26)</h2>
  309. <details>
  310. <summary>Déplier pour lire le contenu de l’article</summary>
  311. <blockquote lang="en">
  312. <p>If you ever wanted to host your own wikipedia replica, here is the simplest way.</p>
  313. <p>As wikipedia is REALLY huge, you don’t really want to host a php wikimedia software and load the huge database, instead, the project made the <em>openzim</em> format to compress the huge database that wikipedia became while allowing using it for fast searches.</p>
  314. <p><cite><em><a href="https://dataswamp.org/~solene/2019-11-13-wikimedia-dump.html">Host your own wikipedia backup</a></em> (<a href="/david/cache/2021/626841dd876f103a10391b1b841ba5ae/">cache</a>)</cite></p>
  315. </blockquote>
  316. <p>Il y a un côté plaisant à se dire que je pourrais avoir une partie du savoir collectif actuel contenu sur un simple disque dur qui n’est de toute façon même plus assez gros pour faire des sauvegardes personnelles dessus.</p>
  317. <p>Pour avoir les étapes en français et localement aussi&nbsp;:</p>
  318. <ol>
  319. <li>Aller sur la <a href="https://wiki.kiwix.org/wiki/Content_in_all_languages">page des archives kiwix</a> et récupérer les sources intéressantes (par exemple <code>wikipedia (English) all nopic</code> (43&#8239;Go) ou <code>wikipedia (français) all maxi</code> (29&#8239;Go)).</li>
  320. <li>Installer <a href="https://pypi.org/project/zimply/">zimply</a>, par exemple avec <code>python3 -m venv venv</code> puis <code>source venv/bin/activate</code> et enfin <code>pip install zimply</code>.</li>
  321. <li>À cette étape, j’aimerais pouvoir faire un <code>python -m zimply monfichier.zim</code> mais il n’a pas été codé avec ce cas d’usage, il faut donc en passer par l’écriture d’un petit script dédié&nbsp;:</li>
  322. </ol>
  323. <pre><code>from zimply import ZIMServer
  324. import sys
  325. import os.path
  326. if len(sys.argv) == 1:
  327. print(&quot;usage: &quot; + sys.argv[0] + &quot; file&quot;)
  328. exit(1)
  329. if os.path.exists(sys.argv[1]):
  330. ZIMServer(sys.argv[1])
  331. else:
  332. print(&quot;Can't find file &quot; + sys.argv[1])
  333. </code></pre>
  334. <p><em>C’est exactement celui de l’article original, encore une fois je ne fais que copier, le crédit revient à Solène Rapenne.</em></p>
  335. <p>Et enfin, la dernière étape consiste à servir notre archive (ça peut prendre quelques secondes selon la taille que vous avez choisie)&nbsp;: <code>python zim_server.py monfichier.zim</code> qui vous invite à aller voir ce qu’il se passe sur <a href="http://localhost:9454/">http://localhost:9454/</a>.</p>
  336. <p>Et pendant ce temps là en Croatie…</p>
  337. <blockquote>
  338. <p>De 2011&nbsp;à 2020, Wikipedia Croatie a été «&nbsp;prisonnier&nbsp;» d’un groupe d’une vingtaine d’administrateurs de l’encyclopédie. «&nbsp;Wikipedia Croatie avait reçu beaucoup d’attention à cause de sa tendance à promouvoir des points de vue fascistes, des biais contre les Serbes de Croatie, et une propagande anti-LGBT&nbsp;», a écrit la fondation Wikimedia dans un rapport publié le 21&nbsp;juin 2021. Les accusions sont nombreuses, et les faits tout aussi graves et impressionnants.</p>
  339. <p>Pendant une dizaine d’années, ce groupe d’administrateurs a cherché à imposer ses «&nbsp;idées&nbsp;». Que ce soit en occultant certains faits, en supprimant des passages ou en créant de toute pièce de nouveaux articles, ils ont promu leur vision du monde&nbsp;: une vision d’extrême droite, et nationaliste.</p>
  340. <p><cite><em><a href="https://www.numerama.com/politique/721329-des-administrateurs-dextreme-droite-ont-manipule-les-articles-de-wikipedia-croatie-pendant-10-ans.html">Des administrateurs d’extrême droite ont manipulé les articles de Wikipedia Croatie pendant 10&nbsp;ans</a></em> (<a href="/david/cache/2021/1f9f4eb2d926148640ef831f28335380/">cache</a>)</cite></p>
  341. </blockquote>
  342. </details>
  343. <h2><a href="/david/2021/08/08/" title="Lien permanent vers cet article">Vacance</a> (2021-08-08)</h2>
  344. <details>
  345. <summary>Déplier pour lire le contenu de l’article</summary>
  346. <p>Comme un besoin de rendre ce temps d’écriture vacant pour voir pour qui et par quoi est-ce qu’il pourrait être comblé pendant cette <a href="/david/2021/04/22/" title="Vacances">prise de soin</a>.</p>
  347. <p>J’ai pu regarder la coupe du monde d’échecs en direct et voir Magnus Carlsen perdre contre Jan Krzysztof Duda en demi (mais alors quelle «&nbsp;petite&nbsp;» finale&#8239;!). Je commence à comprendre les lignes et stratégies évoquées par les commentateur·ices et c’est chouette.</p>
  348. <p>Je me suis demandé pourquoi est-ce que j’avais besoin de partager mes photos sur des réseaux instantanés plutôt qu’ici. J’ai l’impression que ça traduit une certaine insécurité, celle d’avoir besoin d’un retour (flatteur) immédiat. Peut-être qu’il faut que je travaille aussi la simplicité de publication pour ces media, cela rejoint des <a href="https://mastodon.social/@dav/106692473064847738">limites que je ressens</a> sur le <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/commit/8c47d38cc0a979622399625ca5115565b4183883/site.py">générateur actuel</a>.</p>
  349. <blockquote>
  350. <p>Aller de plateforme en plateforme pour être poseur de tendance et passer de l’autre côté de barrière sans pour autant montrer la dimension réelle du travail. Certaines plateformes tentent un modèle plus ancien en tapant dans la longue traîne des amateurs qui voudraient bien devenir professionnels, ou plus exactement se faire du blé, ou de l’argent de poche, on ne sait pas trop. Une forme d’uberisation de l’image en quelques sortes. C’est fatiguant.</p>
  351. <p>[…]</p>
  352. <ul>
  353. <li><mark>a-matrice&nbsp;: sans matrice&nbsp;: le contraire&nbsp;:)</mark></li>
  354. </ul>
  355. <p><cite><em><a href="https://11d.im/journal/notes-photographie-amatrice/">Notes sur une photographie ouverte (et amatrice)</a></em> (<a href="/david/cache/2021/da6ba7728178232cfb94f52b8765a1d1/">cache</a>)</cite></p>
  356. </blockquote>
  357. <p>J’ai apprécié de faire <em>à nouveau</em> des photos de nénuphars depuis le raft, des cascades en pause longue et des oiseaux flous. Arpenter la forêt boréale jusqu’à épuiser les pensées, se dépenser jusqu’à l’épuisement. Évaluer l’épuisette et remettre les poissons à l’eau, nager comme un gardon avec l’enfant. Gelés et contents.</p>
  358. <figure>
  359. <a href="#geai-bleu"
  360. title="Cliquer pour une version haute résolution">
  361. <img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol."
  362. loading="lazy" width="1600" height="1067" />
  363. </a>
  364. <a href="#_" class="lightbox" id="geai-bleu">
  365. <img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol."
  366. loading="lazy" width="1600" height="1067" />
  367. </a>
  368. <figcaption>J’ai parfois l’impression d’arriver aux limites de mon matériel et c’est presque thérapeutique (de le penser et de l’accepter).</figcaption>
  369. </figure>
  370. <p>J’ai encore une fois été frustré en essayant de faire une vidéo «&nbsp;en famille&nbsp;» d’une ballade, le tempo n’est tout simplement pas adapté et il faut que je m’en rappelle car cela me met de mauvaise humeur. Ne pas oublier <a href="/david/blog/2013/photographie-exclusion/">ceci</a>.</p>
  371. <p>J’ai appris à jouer à <em>Quarto!</em> et ça m’a plu. Ça donne une bonne idée de la faiblesse du cerveau lorsqu’il s’agit de n’évaluer que 4&nbsp;paramètres à la fois. On n’a pas tenté la variante <em>hardcore</em> qui ajoute aussi les carrés.</p>
  372. <p>J’ai observé avec stupeur des hommes montrer leur muscles et des femmes montrer leurs fesses devant des cascades. Je ne sais pas encore si je vais pouvoir/vouloir comprendre ces pratiques. Je me suis senti vieux.</p>
  373. <p>J’ai lu <em>Rupture(s)</em> de Claire Marin qui est une continuité inattendue après avoir lu <a href="/david/2021/01/07/" title="Blancheur"><em>Disparaître de soi</em></a> de David Le Breton (auquel elle fait d’ailleurs référence&#8239;!). Cela réveille en moi des choses autour de l’identité et de mon propre vécu. Elle m’a dit que c’était le propre des aphorismes.</p>
  374. <blockquote>
  375. <p>Il y aurait des vertus de l’échec. Vraiment&#8239;? Mais la rupture n’est parfois qu’un gâchis, un manque de courage, une lâcheté. Le constat d’échec d’un couple, d’une famille, d’une amitié, d’une politique, d’un projet. Et l’échec n’est souvent rien d’autre que lui-même, pauvre, décevant, un pur raté. <mark>La plupart des échecs ne nous apprennent rien.</mark> Pire, nous nous enlisons souvent dans le bégaiement des mêmes échecs, comme s’ils étaient inévitables, et ce, dans une jouissance paradoxale de leur répétition presque rassurante.</p>
  376. <p><cite><em>Rupture(s)</em>, Claire Marin</cite></p>
  377. </blockquote>
  378. </details>
  379. <h2><a href="/david/2021/09/09/" title="Lien permanent vers cet article">Documentation</a> (2021-09-09)</h2>
  380. <details>
  381. <summary>Déplier pour lire le contenu de l’article</summary>
  382. <blockquote lang="en">
  383. <p>Here are six requirements that I have on a project for it to reach my gold approval for stellar docs.</p>
  384. <ol>
  385. <li>Your docs belong in the code repository</li>
  386. <li>Your docs is not extracted from code</li>
  387. <li>Your docs features examples</li>
  388. <li>You document every API call you provide</li>
  389. <li>Your docs is easily accessible and browsed</li>
  390. <li>Your docs should be <mark>easy to contribute to</mark></li>
  391. </ol>
  392. <p><cite><em><a href="https://daniel.haxx.se/blog/2021/09/04/making-world-class-docs-takes-effort/">Making world-class docs takes effort</a></em> (<a href="/david/cache/2021/f327a02cabbad6884b057958ec213668/">cache</a>)</cite></p>
  393. </blockquote>
  394. <p>J’ai mis en place un document collaboratif <a href="/david/2021/09/01/" title="Rentrée">dernièrement</a> en prenant pour acquis que le markdown était lisible et éditable. <em>C’était une grossière erreur.</em> Même avec l’aide de hackmd, un document contenant principalement des liens est interprété comme étant trop technique pour être accessible à des personnes n’ayant pas cette habitude.</p>
  395. <p>Un bon rappel que la route est <a href="https://degooglisons-internet.org/fr/">encore très longue…</a> (<a href="/david/cache/2021/8589fdcb9656efb132e1513c07d48bd1/">cache</a>)</p>
  396. </details>
  397. <h2><a href="/david/2021/09/20/" title="Lien permanent vers cet article">Jour 2</a> (2021-09-20)</h2>
  398. <details>
  399. <summary>Déplier pour lire le contenu de l’article</summary>
  400. <p>Pas d’étoiles filantes observées mais une chouette est venue se percher juste au-dessus de ma tête pendant une trentaine de secondes. Elle est en chasse, tête à 360°, je retiens ma respiration. Elle file et je me lève avec le sourire. Il est 5&#8239;h et le ciel est déjà incroyable.</p>
  401. <figure>
  402. <a href="#refuge-appel-lever-soleil"
  403. title="Cliquer pour une version haute résolution">
  404. <img src="/static/david/2021/refuge-appel-lever-soleil.jpg" alt="Lever de soleil sur le marais."
  405. loading="lazy" width="2048" height="1366" />
  406. </a>
  407. <a href="#_" class="lightbox" id="refuge-appel-lever-soleil">
  408. <img src="/static/david/2021/refuge-appel-lever-soleil.jpg" alt="Lever de soleil sur le marais."
  409. loading="lazy" width="2048" height="1366" />
  410. </a>
  411. <figcaption>Mais oui Legolas, du sang de rongeur probablement…</figcaption>
  412. </figure>
  413. <p>Il fait juste au-dessus de 0&#8239;°C mais je ne peux pas laisser passer ces volutes de brouillard au soleil levant. Une ambiance difficile à retranscrire en photo, d’autant que je découvre <em>a posteriori</em> que toutes mes photos faites au téléobjectif sont voilées car il y a de la condensation sur l’objectif. J’ai du mal à comprendre pourquoi celui-ci et pas les autres alors qu’il était stocké à la même température. Pour sa défense, le taux d’humidité est proche des 100&#8239;% et je fais rapidement chauffer mon gruau du matin. Vivement que le soleil vienne sécher tout ça&#8239;!</p>
  414. <figure>
  415. <a href="#refuge-appel-lever-soleil-brume"
  416. title="Cliquer pour une version haute résolution">
  417. <img src="/static/david/2021/refuge-appel-lever-soleil-brume.jpg" alt="Lever de soleil dans la brume."
  418. loading="lazy" width="2048" height="1366" />
  419. </a>
  420. <a href="#_" class="lightbox" id="refuge-appel-lever-soleil-brume">
  421. <img src="/static/david/2021/refuge-appel-lever-soleil-brume.jpg" alt="Lever de soleil dans la brume."
  422. loading="lazy" width="2048" height="1366" />
  423. </a>
  424. <figcaption>J’ai aussi pris le temps de NE PAS faire de photos.</figcaption>
  425. </figure>
  426. <p>L’objectif de la journée est de gravir la montagne blanche qui culmine à… 883&nbsp;m tout de même&#8239;! C’est peut-être ce qui me frustre le plus au Québec, qu’il soit si difficile de trouver un peu de dénivelé. J’avais hésité à y aller pour le lever de soleil mais je suis bien content d’être resté au campement vu l’ambiance. D’autant que je dois m’y reprendre à deux fois pour trouver le bon chemin, je n’imagine même pas dans l’obscurité.</p>
  427. <p>Arrivé au «&nbsp;sommet&nbsp;», la vue vaut quand même le détour. Je ne suis finalement pas si en avance sur la saison et les flancs commencent à être franchement colorés.</p>
  428. <figure>
  429. <a href="#montagne-blanche-automne"
  430. title="Cliquer pour une version haute résolution">
  431. <img src="/static/david/2021/montagne-blanche-automne.jpg" alt="Vue depuis le sommet avec un lac et des arbres rouges."
  432. loading="lazy" width="2048" height="1366" />
  433. </a>
  434. <a href="#_" class="lightbox" id="montagne-blanche-automne">
  435. <img src="/static/david/2021/montagne-blanche-automne.jpg" alt="Vue depuis le sommet avec un lac et des arbres rouges."
  436. loading="lazy" width="2048" height="1366" />
  437. </a>
  438. <figcaption>Les collines aussi c’est joli parfois.</figcaption>
  439. </figure>
  440. <p>Je redescends et le vent se met à souffler. Il est chaud et violent, j’appréhende un peu la nuit. Je décide de mettre un <em>tarp</em> au-dessus du hamac au moins pour me protéger des aiguilles qui tombent en continu et peut-être des branches si elles ne sont pas trop grosses. Il y a des arbres morts avoisinants mais je n’ai pas pris de scie, n’ayant pas considéré ce risque. Une bonne leçon.</p>
  441. <p>Je me couche, pas vraiment serein.</p>
  442. <hr />
  443. <p>Nombre de kilomètres&nbsp;: une douzaine.<br />
  444. Nombre de personne croisées&nbsp;: quatre.<br />
  445. Poids du sac&nbsp;: 3&nbsp;kilos.</p>
  446. <hr />
  447. <p>J’ai souvent des embryons de pensées en chemin, comment les consigner&#8239;? Mon téléphone, mon cerveau ou mon calepin ont chacun leurs limites propres. Pas sûr de vouloir les verbaliser et rompre le silence ainsi non plus. Si j’oublie, est-ce si important&#8239;?</p>
  448. </details>
  449. <h2><a href="/david/2021/10/07/" title="Lien permanent vers cet article">Consigner</a> (2021-10-07)</h2>
  450. <details>
  451. <summary>Déplier pour lire le contenu de l’article</summary>
  452. <blockquote lang="en">
  453. <p>When you “P2” something, you’re writing a blog post, where you can tag in coworkers and cross-post to other P2s. What do teams use P2s for? Absolutely everything. Checklists for onboarding, status reports on projects, thoughts about detailing projects, discussions about best coding practices, architectural diagrams, marketing data analyses, and more. The best part is that the entire company’s history of P2s is available to search through. Also, you can subscribe to literally any P2, and comment on it as necessary, starting with your own team’s.</p>
  454. <p>Why P2s? Because they capture fleeting one-off written communication: <mark>you can read a P2&nbsp;at your own speed, in your own timezone</mark>, which is key since we operate across all timezones.</p>
  455. <p><cite><em><a href="https://veekaybee.github.io/2021/07/17/p2s/">Writing for distributed teams</a></em> (<a href="/david/cache/2021/83fa7f0f8105aa10ffc88555f5699f1c/">cache</a>)</cite></p>
  456. </blockquote>
  457. <p>On a essayé pas mal de chose avec Scopyleft pour garder des traces de discussions, de décisions, avec toujours cette frustration personnelle que le résultat est à l’image de la personne qui prend le temps de consigner cette histoire. La difficulté d’une écriture commune est réelle et je me sen(tai)s un peu démuni face à ce dilemme d’avoir envie (besoin&#8239;?) de retenir des choses tout en n’assumant pas de devenir le scribe officiel. On se retrouve avec une base de connaissance éclatée dans laquelle il est difficile de (re)trouver une information.</p>
  458. <p>La solution mise en place par Automattic (avec un <a href="https://ma.tt/2009/05/how-p2-changed-automattic/">recul non négligeable</a> (<a href="/david/cache/2021/e14051435f3a2513d136df430ae973b3/">cache</a>)), à mi-chemin entre le blog et l’interactivité d’un réseau social est vraiment alléchante. Suffisamment pour me faire envisager de coder un truc à ce sujet. J’imagine déjà une version distribuée (re-coucou le fédiverse) qui permettrait de rendre certaines parties publiques, voire des interactions inter-structures sur des projets communs. Une forme de <a href="/david/2020/12/13/#journal">journalisation interactive</a> avec des droits d’accès relativement fins.</p>
  459. <p>Il n’y a pas eu une seule discussion utilisateur·ice et il y a déjà une montagne de fonctionnalités, ça fait une éternité que je n’avais pas parlé de <em>vaporware</em> par ici&nbsp;:-).</p>
  460. <p>Si vous vous demandez à quoi ressemble P2, il y a une <a href="https://videopress.com/v/YYNW9iSj">vidéo en action ici</a> et le seul espace que je connaisse dans la nature est <a href="http://mtlcityweblog.com/">au sujet de Montréal</a>. J’aime notamment que les nouvelles entrées soient mises en surbrillance et disparaissent au <em>scroll</em>, à l’usage c’est pertinent.</p>
  461. <blockquote lang="en">
  462. <p>Conversations on P2s take place in line, update in real time, and provide space for threaded replies. We’ve stuck with P2&nbsp;for years now, and it has ultimately evolved into a rich source of institutional wisdom and collective company memory.</p>
  463. <p>[…]</p>
  464. <p>At its core, P2&nbsp;is organized, searchable knowledge. For example, we write up notes from every meeting, and tag attendees by name. I can search for any person’s name tag and pull up all conversation history related to the individual in question. <mark>It’s an invaluable resource.</mark></p>
  465. <p><cite><em><a href="https://distributed.blog/2020/06/18/distributed-faq-p2-automattic/">Distributed FAQ: How Did P2&nbsp;Become Automattic’s Signature Mode of Communication?</a></em> (<a href="/david/cache/2021/92cd5096092b0f66b72ad6e4084c17e4/">cache</a>)</cite></p>
  466. </blockquote>
  467. </details>
  468. <h2><a href="/david/2021/11/05/" title="Lien permanent vers cet article">Palimpseste</a> (2021-11-05)</h2>
  469. <details>
  470. <summary>Déplier pour lire le contenu de l’article</summary>
  471. <blockquote>
  472. <p>Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — <a href="https://fr.wiktionary.org/wiki/palimpseste">wiktionary</a></p>
  473. </blockquote>
  474. <p>En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et <a href="/david/2021/10/07/" title="Consigner">quels outils</a> pourraient m’aider dans <a href="/david/2021/10/13/" title="Prodiverse">cette tâche</a> extrêmement difficile.</p>
  475. <p>Tentative du jour, l’adaptation d’une page <a href="https://nownownow.com/about">nownownow</a> (<a href="/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/">cache</a>) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps.</p>
  476. <p>Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule.</p>
  477. <p>Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois&#8239;!).</p>
  478. <p><mark>Une semaine plus tard</mark>&nbsp;: je suis le seul participant 😅.</p>
  479. <hr />
  480. <blockquote lang="en">
  481. <p>Information is generally far less useful when it is only stored in one person’s head, as opposed to <mark>being accessible in a shared system</mark> that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone.</p>
  482. <p><cite><em><a href="https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/">No, We Won’t Have a Video Call for That!</a></em> (<a href="/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/">cache</a>)</cite></p>
  483. </blockquote>
  484. <p>Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité&#8239;?</p>
  485. </details>
  486. </main>
  487. <hr>
  488. <footer>
  489. <p>
  490. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  491. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  492. </svg> Accueil</a> •
  493. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  494. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  495. </svg> Suivre</a> •
  496. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  497. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  498. </svg> Pro</a> •
  499. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  500. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  501. </svg> Email</a> •
  502. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  503. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  504. </svg> Légal</abbr>
  505. </p>
  506. <template id="theme-selector">
  507. <form>
  508. <fieldset>
  509. <legend><svg class="icon icon-brightness-contrast">
  510. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  511. </svg> Thème</legend>
  512. <label>
  513. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  514. </label>
  515. <label>
  516. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  517. </label>
  518. <label>
  519. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  520. </label>
  521. </fieldset>
  522. </form>
  523. </template>
  524. </footer>
  525. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  526. <script>
  527. function loadThemeForm(templateName) {
  528. const themeSelectorTemplate = document.querySelector(templateName)
  529. const form = themeSelectorTemplate.content.firstElementChild
  530. themeSelectorTemplate.replaceWith(form)
  531. form.addEventListener('change', (e) => {
  532. const chosenColorScheme = e.target.value
  533. localStorage.setItem('theme', chosenColorScheme)
  534. toggleTheme(chosenColorScheme)
  535. })
  536. const selectedTheme = localStorage.getItem('theme')
  537. if (selectedTheme && selectedTheme !== 'undefined') {
  538. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  539. }
  540. }
  541. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  542. window.addEventListener('load', () => {
  543. let hasDarkRules = false
  544. for (const styleSheet of Array.from(document.styleSheets)) {
  545. let mediaRules = []
  546. for (const cssRule of styleSheet.cssRules) {
  547. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  548. continue
  549. }
  550. // WARNING: Safari does not have/supports `conditionText`.
  551. if (cssRule.conditionText) {
  552. if (cssRule.conditionText !== prefersColorSchemeDark) {
  553. continue
  554. }
  555. } else {
  556. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  557. continue
  558. }
  559. }
  560. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  561. }
  562. // WARNING: do not try to insert a Rule to a styleSheet you are
  563. // currently iterating on, otherwise the browser will be stuck
  564. // in a infinite loop…
  565. for (const mediaRule of mediaRules) {
  566. styleSheet.insertRule(mediaRule.cssText)
  567. hasDarkRules = true
  568. }
  569. }
  570. if (hasDarkRules) {
  571. loadThemeForm('#theme-selector')
  572. }
  573. })
  574. </script>
  575. </body>
  576. </html>