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 42KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658
  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>
  13. Étiquette #gratitude
  14. — David Larlet</title>
  15. <script>
  16. function toggleTheme(themeName) {
  17. document.documentElement.classList.toggle(
  18. 'forced-dark',
  19. themeName === 'dark'
  20. )
  21. document.documentElement.classList.toggle(
  22. 'forced-light',
  23. themeName === 'light'
  24. )
  25. }
  26. const selectedTheme = localStorage.getItem('theme')
  27. if (selectedTheme !== 'undefined') {
  28. toggleTheme(selectedTheme)
  29. }
  30. </script>
  31. <!-- Documented, feel free to shoot an email. -->
  32. <link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
  33. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  34. <link rel="preload"
  35. href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
  36. as="font"
  37. type="font/woff2"
  38. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  39. crossorigin>
  40. <link rel="preload"
  41. href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
  42. as="font"
  43. type="font/woff2"
  44. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  45. crossorigin>
  46. <link rel="preload"
  47. href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
  48. as="font"
  49. type="font/woff2"
  50. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  51. crossorigin>
  52. <link rel="preload"
  53. href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
  54. as="font"
  55. type="font/woff2"
  56. media="(prefers-color-scheme: dark)"
  57. crossorigin>
  58. <link rel="preload"
  59. href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
  60. as="font"
  61. type="font/woff2"
  62. media="(prefers-color-scheme: dark)"
  63. crossorigin>
  64. <link rel="preload"
  65. href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
  66. as="font"
  67. type="font/woff2"
  68. media="(prefers-color-scheme: dark)"
  69. crossorigin>
  70. <meta name="description" content="Publications relatives au tag #gratitude">
  71. <!-- That good ol' feed, subscribe :). -->
  72. <link rel="alternate"
  73. type="application/atom+xml"
  74. title="Feed"
  75. href="/david/log/">
  76. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  77. <link rel="apple-touch-icon"
  78. sizes="180x180"
  79. href="/static/david/icons2/apple-touch-icon.png">
  80. <link rel="icon"
  81. type="image/png"
  82. sizes="32x32"
  83. href="/static/david/icons2/favicon-32x32.png">
  84. <link rel="icon"
  85. type="image/png"
  86. sizes="16x16"
  87. href="/static/david/icons2/favicon-16x16.png">
  88. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  89. <link rel="mask-icon"
  90. href="/static/david/icons2/safari-pinned-tab.svg"
  91. color="#07486c">
  92. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  93. <meta name="msapplication-TileColor" content="#f7f7f7">
  94. <meta name="msapplication-config"
  95. content="/static/david/icons2/browserconfig.xml">
  96. <meta name="theme-color"
  97. content="#f7f7f7"
  98. media="(prefers-color-scheme: light)">
  99. <meta name="theme-color"
  100. content="#272727"
  101. media="(prefers-color-scheme: dark)">
  102. <!-- Is that even respected? Retrospectively? What a shAItshow…
  103. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  104. <meta name="robots" content="noai, noimageai">
  105. <style type="text/css">
  106. details[open] summary {
  107. display: none;
  108. }
  109. </style>
  110. <body data-instant-intensity="viewport-all">
  111. <article>
  112. <header>
  113. <hgroup>
  114. <h1>#gratitude</h1>
  115. <p>Publications relatives à cette étiquette</p>
  116. </hgroup>
  117. </header>
  118. <nav>
  119. <p>
  120. <a href="/david/" title="Aller à l’accueil">
  121. Accueil</a>
  122. <a rel="tags"
  123. href="/david/2024/#tags"
  124. title="Liste de toutes les étiquettes">
  125. Étiquettes</a>
  126. <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
  127. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  128. </p>
  129. </nav>
  130. <h2>
  131. <a href="/david/2024/04/23/" title="Lien permanent vers cet article">42</a> <time datetime="2024-04-23">23 avril 2024</time>
  132. </h2>
  133. <p>Je me sens encore en vie, acceptant de ne pas avoir toutes les&nbsp;réponses.</p>
  134. <nav>
  135. <p>
  136. <a href="/david/2024/experience/"
  137. title="Liste de tous les articles 2024 associés à cette étiquette"
  138. rel="tag">#expérience</a>
  139. <a href="/david/2024/gratitude/"
  140. title="Liste de tous les articles 2024 associés à cette étiquette"
  141. rel="tag">#gratitude</a>
  142. <a href="/david/2024/introspection/"
  143. title="Liste de tous les articles 2024 associés à cette étiquette"
  144. rel="tag">#introspection</a>
  145. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  146. </p>
  147. </nav>
  148. <h2>
  149. <a href="/david/2024/04/03/" title="Lien permanent vers cet article">Décision</a> <time datetime="2024-04-03">3 avril 2024</time>
  150. </h2>
  151. <blockquote>
  152. <p>La prise de décision par consentement se différencie de la prise de décision par consensus&nbsp;: <strong>en consensus tout le monde dit «&nbsp;oui&nbsp;», en consentement, personne ne dit&nbsp;«&nbsp;non&nbsp;».</strong></p>
  153. <p>Cela sous-entend que lorsque l’on prend une décision par consentement, on ne va pas chercher la «&nbsp;meilleure solution&nbsp;» mais l’on va partir du principe qu’une bonne décision est celle qui respecte les limites de celles et ceux qui devront l’assumer, et qui ne compromet en rien la capacité de l’organisation à mener à bien sa mission. <mark>Le consentement implique qu’une décision ne peut être prise que lorsqu’il n’y a plus d’objection raisonnable à celle-ci.</mark> Tant qu’il y a des objections, l’ensemble du groupe est mobilisé pour bonifier la proposition. Ainsi, les objections permettent de révéler les limites avec lesquelles le groupe devra composer et indiquent donc l’espace de liberté dont le cercle&nbsp;dispose.</p>
  154. <p><cite><em><a data-link-domain="pilavenir.canalblog.com" href="http://pilavenir.canalblog.com/archives/2017/10/21/35793152.html" hreflang="fr"
  155. title="Consultation de l’article">La prise décision par consentement&nbsp;: un outil au service du groupe</a>
  156. <a href="/david/cache/2024/4e49a2509dd9d3f9b33dba3865960465/" hreflang="fr"
  157. data-tippy data-description="Décision par consentement La prise de décision par consentement se différencie de la prise de décision par consensus : en consensus tout le monde dit « oui », en consentement, personne ne dit « non » . Cela sous-entend que lorsque l’on prend une décision..."
  158. data-source="http://pilavenir.canalblog.com/archives/2017/10/21/35793152.html"
  159. data-date="2024-04-04"
  160. data-favicon="https://profilepics.canalblog.com/profilepics/1/3/1379494.jpg"
  161. data-domain="pilavenir.canalblog.com"
  162. ><svg xmlns="http://www.w3.org/2000/svg"
  163. width="24" height="24" viewBox="0 0 24 24" fill="none"
  164. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  165. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  166. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  167. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  168. </svg>
  169. <span class="sr-only">[archive]</span></a></em></cite></p>
  170. </blockquote>
  171. <p>La prise de décision lorsqu’on se retrouve à <a data-link-domain="scopyleft.fr" href="http://scopyleft.fr/">7&nbsp;co-gérant·es</a> distribué·es sur deux continents n’est pas une mince affaire. Rythme lent/asynchrone, légitimité, culpabilité, ambiguïté, les raisons ne manquent pas pour générer des&nbsp;frustrations.</p>
  172. <p>Aujourd’hui, nous avons réussi à définir ce dont nous avions besoin en amont, pendant et après une prise de décision. Cela a permis au passage de rendre explicite la légitimité des décisions prises et la façon d’améliorer les propositions itérativement par&nbsp;consentement.</p>
  173. <p>Je suis content de faire partie d’un <a href="/david/2024/03/28/" title="Collectif">collectif</a> qui prend le temps de se poser ces questions. C’est rare et&nbsp;précieux.</p>
  174. <nav>
  175. <p>
  176. <a href="/david/2024/equipe/"
  177. title="Liste de tous les articles 2024 associés à cette étiquette"
  178. rel="tag">#équipe</a>
  179. <a href="/david/2024/experience/"
  180. title="Liste de tous les articles 2024 associés à cette étiquette"
  181. rel="tag">#expérience</a>
  182. <a href="/david/2024/gratitude/"
  183. title="Liste de tous les articles 2024 associés à cette étiquette"
  184. rel="tag">#gratitude</a>
  185. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  186. </p>
  187. </nav>
  188. <h2>
  189. <a href="/david/2024/02/25/" title="Lien permanent vers cet article">Jour 2</a> <time datetime="2024-02-25">25 février 2024</time>
  190. </h2>
  191. <p>Sommeil entrecoupé, comme toujours, je finis par ouvrir une dernière fois les yeux après avoir passé plus de 12&nbsp;heures bien emmitouflé. Il faudrait que j’apprenne à expirer moins d’eau car le résultat est problématique (la fermeture éclair du duvet est bien gelée au matin). Et à moins bouger aussi, car chaque nouvelle position est longue à&nbsp;réchauffer…</p>
  192. <figure>
  193. <a href="/static/david/2024/2024-02-25-duvet-givre.jpg"
  194. title="Cliquer pour une version haute résolution">
  195. <img
  196. src="/static/david/2024/2024-02-25-duvet-givre.jpg"
  197. width="2317" height="3088"
  198. srcset="/static/david/2024/2024-02-25-duvet-givre.jpg 2317w, /static/david/2024/2024-02-25-duvet-givre_660x440.jpg 660w, /static/david/2024/2024-02-25-duvet-givre_990x660.jpg 990w, /static/david/2024/2024-02-25-duvet-givre_1320x880.jpg 1320w"
  199. sizes="min(100vw, calc(100vh * 2317 / 3088))"
  200. loading="lazy"
  201. decoding="async"
  202. alt="Mon nez qui dépasse de la cheminée du duvet toute givrée.">
  203. </a>
  204. <figcaption>OMG, they killed&nbsp;Kenny!</figcaption>
  205. </figure>
  206. <p>Le <em>crux</em> de la sortie (coucou les grimpeur·euses), c’est de se lever <strong>et</strong> d’allumer un feu sans perdre sa dextérité de manière critique. Vous n’imaginez pas à quel point craquer une allumette peut devenir compliqué dans ces situations. D’autant qu’il fait encore en-dessous de -20°C et que le bois n’est pas aussi réactif&#8239;! J’arrive tout de même à allumer un feu avant que ce soit problématique et je suis content de ma nouvelle tentative de foyer hivernal qui ne coule pas. Au point d’en faire une&nbsp;photo-publicité.</p>
  207. <figure>
  208. <a href="/static/david/2024/2024-02-25-foyer-firebox.jpg"
  209. title="Cliquer pour une version haute résolution">
  210. <img
  211. src="/static/david/2024/2024-02-25-foyer-firebox.jpg"
  212. width="3024" height="4032"
  213. srcset="/static/david/2024/2024-02-25-foyer-firebox.jpg 3024w, /static/david/2024/2024-02-25-foyer-firebox_660x440.jpg 660w, /static/david/2024/2024-02-25-foyer-firebox_990x660.jpg 990w, /static/david/2024/2024-02-25-foyer-firebox_1320x880.jpg 1320w"
  214. sizes="min(100vw, calc(100vh * 3024 / 4032))"
  215. loading="lazy"
  216. decoding="async"
  217. alt="Un foyer avec ma popote et une buche sur laquelle on voit l’ombre de la marque (Firebox).">
  218. </a>
  219. <figcaption>Mon auto-correct vient de me corriger le texte alternatif en Firefox. Bien.</figcaption>
  220. </figure>
  221. <p>L’eau conservée liquide dans mon duvet me fait gagner un temps non négligeable avant de pouvoir ingurgiter une boisson chaude. Et de faire fondre de la neige, encore et toujours, activité favorite du camping&nbsp;d’hiver…</p>
  222. <p>Un petit tour de lac pour se réchauffer les pieds gelés et se mettre en jambe avant de se remettre à tracter. J’ai l’impression de voler. Il n’y a guère que les corneilles pour sortir par pareilles journées. Je fais une pause au soleil, je suis content d’être. Ici et&nbsp;maintenant.</p>
  223. <figure>
  224. <a href="/static/david/2024/2024-02-25-lac-boeuf.jpg"
  225. title="Cliquer pour une version haute résolution">
  226. <img
  227. src="/static/david/2024/2024-02-25-lac-boeuf.jpg"
  228. width="3024" height="4032"
  229. srcset="/static/david/2024/2024-02-25-lac-boeuf.jpg 3024w, /static/david/2024/2024-02-25-lac-boeuf_660x440.jpg 660w, /static/david/2024/2024-02-25-lac-boeuf_990x660.jpg 990w, /static/david/2024/2024-02-25-lac-boeuf_1320x880.jpg 1320w"
  230. sizes="min(100vw, calc(100vh * 3024 / 4032))"
  231. loading="lazy"
  232. decoding="async"
  233. alt="Des traces de mes skis sur un lac gelé.">
  234. </a>
  235. <figcaption>C’est là où on peut observer la dureté de la neige ! Il y a au moins 50 cm de neige avant la&nbsp;glace.</figcaption>
  236. </figure>
  237. <p>Le retour est éreintant. Une suite de longues montées et de neige de plus en plus difficile à naviguer car j’arrive à des endroits davantage empruntés par des véhicules à chenilles. Chaque enfoncement des crans de la courroie métallique réduit mon accroche de manière significative. Je suis même parfois obligé de déchausser selon les montées… et les descentes car je suis moyennement en confiance avec une telle inertie sans aucune accroche possible. J’ai au moins réussi à limiter le départ en drapeau de la pulka avec un nouveau mécanisme à base de <em>ducktape</em> et de <a data-link-domain="forj.com" href="https://www.forj.com/">forj</a>.</p>
  238. <p>Après pas mal de pauses et une dizaine de kilomètres, je retrouve le parking dans un sale état. Dire que j’envisageais de faire la boucle à la journée avec l’enfant… Une sortie avec beaucoup d’intensité et&nbsp;d’apprentissages&#8239;!</p>
  239. <nav>
  240. <p>
  241. <a href="/david/2024/aventure/"
  242. title="Liste de tous les articles 2024 associés à cette étiquette"
  243. rel="tag">#aventure</a>
  244. <a href="/david/2024/foret/"
  245. title="Liste de tous les articles 2024 associés à cette étiquette"
  246. rel="tag">#forêt</a>
  247. <a href="/david/2024/gratitude/"
  248. title="Liste de tous les articles 2024 associés à cette étiquette"
  249. rel="tag">#gratitude</a>
  250. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  251. </p>
  252. </nav>
  253. <h2>
  254. <a href="/david/2024/01/26/" title="Lien permanent vers cet article">Cargo</a> <time datetime="2024-01-26">26 janvier 2024</time>
  255. </h2>
  256. <blockquote lang="en">
  257. <p>I think the actual harm of signing git commits is to perpetuate an engineering culture of unquestioningly cargo-culting sophisticated and complex tools like cryptographic signatures into new contexts where they have no&nbsp;use.</p>
  258. <p>Just from a baseline utilitarian philosophical perspective, for a given action A, all else being equal, it’s always better not to do A, because taking an action always has some non-zero opportunity cost even if it is just the time taken to do it. Epsilon cost and zero benefit is still a net harm. This is even more true in the context of a complex system. Any action taken in response to a rule in a system is going to interact with all the other rules in that system. You have to pay complexity-rent on every new rule. <mark>So an apparently-useless embellishment like signing commits can have potentially far-reaching consequences in the&nbsp;future.</mark></p>
  259. <p><cite><em><a data-link-domain="blog.glyph.im" href="https://blog.glyph.im/2024/01/unsigned-commits.html" hreflang="en"
  260. title="Consultation de l’article (anglais)">Unsigned Commits</a>
  261. <a href="/david/cache/2024/ce5fdc61fd66cdb9ce548fb543eba986/" hreflang="en"
  262. data-tippy data-description="Deciphering Glyph, the blog of Glyph Lefkowitz."
  263. data-source="https://blog.glyph.im/2024/01/unsigned-commits.html"
  264. data-date="2024-01-25"
  265. data-favicon="https://blog.glyph.im/images/favicon.ico"
  266. data-domain="blog.glyph.im"
  267. ><svg xmlns="http://www.w3.org/2000/svg"
  268. width="24" height="24" viewBox="0 0 24 24" fill="none"
  269. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  270. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  271. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  272. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  273. </svg>
  274. <span class="sr-only">[archive]</span></a></em></cite></p>
  275. </blockquote>
  276. <p>J’avoue avoir sauté sur l’occasion lorsque j’en ai eu la possibilité avec <a data-link-domain="git-tower.com" href="https://www.git-tower.com/help/guides/integration/gpg/mac">mon client git</a> pour avoir le badge vert sur Microsoft GitHub et Gitlab sans trop me poser de questions. C’était peut-être une erreur et je vais faire mûrir ma réflexion maintenant qu’on m’a mis le nez&nbsp;dedans.</p>
  277. <p>Entre <em>refus de parvenir</em> et auto-défense&nbsp;numérique.</p>
  278. <a href="#hr-50" title="Lien vers cette section de la page"><hr id="hr-50" /></a>
  279. <blockquote>
  280. <p>Cette lutte ne créera pas un mouvement de masse…<br />
  281. Mais elle est un ingrédient, parmi de nombreuses autres luttes territoriales, qui toutes façonnent ces mêmes possibilités affectives…<br />
  282. Se sentir coïncider non pas avec soi-même mais avec un milieu de vie…<br />
  283. Se sentir maillé à un vaste collectif d’humains et de non-humains…<br />
  284. Des affects, qui constituent la nécessaire force motrice du mouvement que nous espérons voir&nbsp;croître.</p>
  285. <p><cite><em><a data-link-domain="puntish.blogspot.com" href="http://puntish.blogspot.com/2024/01/defendre-le-glacier-de-la-grave.html">Défendre le glacier de La&nbsp;Grave</a></em></cite></p>
  286. </blockquote>
  287. <p>La justesse d’Alessandro Pignocchi et les couleurs de ses&nbsp;aquarelles&nbsp;💚.</p>
  288. <a href="#hr-51" title="Lien vers cette section de la page"><hr id="hr-51" /></a>
  289. <blockquote lang="en">
  290. <p>Every time I have told someone “I want to replace PDF“, the statement has been met with extreme skepticism. Hopefully this document has convinced you that <mark>HTML-via-EPUB could potentially be a viable</mark> and desirable document format for the&nbsp;future.</p>
  291. <p><cite><em><a data-link-domain="willcrichton.net" href="https://willcrichton.net/notes/portable-epubs/" hreflang="en"
  292. title="Consultation de l’article (anglais)">Portable EPUBs</a>
  293. <a href="/david/cache/2024/ffaf50bf5d5e4cf870a618b518ee5ba7/" hreflang="en"
  294. data-tippy data-description="A proposal for the next generation of portable documents."
  295. data-source="https://willcrichton.net/notes/portable-epubs/"
  296. data-date="2024-01-25"
  297. data-favicon=""
  298. data-domain="willcrichton.net"
  299. ><svg xmlns="http://www.w3.org/2000/svg"
  300. width="24" height="24" viewBox="0 0 24 24" fill="none"
  301. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  302. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  303. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  304. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  305. </svg>
  306. <span class="sr-only">[archive]</span></a></em></cite></p>
  307. </blockquote>
  308. <p>Superbe initiative qui rappelle cruellement ce <a data-link-domain="xkcd.com" href="https://xkcd.com/927/">célèbre XKCD</a> mais qui m’est franchement bien plus utilisable qu’un PDF, quel que soit le lecteur… à part pour en récupérer la source avec mon extracteur maison. Cela me fait découvrir <a data-link-domain="nota-lang.org" href="https://nota-lang.org/">Nota</a> au&nbsp;passage.</p>
  309. <p>Un simple individu peut-il faire bouger des choses dans le&nbsp;domaine&#8239;?</p>
  310. <a href="#hr-52" title="Lien vers cette section de la page"><hr id="hr-52" /></a>
  311. <blockquote>
  312. <p>Les sites et outils numériques que je&nbsp;propose</p>
  313. <p><cite><em><a data-link-domain="eyssette.github.io" href="https://eyssette.github.io/">Cédric&nbsp;Eyssette</a></em></cite></p>
  314. </blockquote>
  315. <p>Beaucoup de belles et frugales choses (autour de markdown) à explorer sur cet&nbsp;espace.</p>
  316. <nav>
  317. <p>
  318. <a href="/david/2024/gratitude/"
  319. title="Liste de tous les articles 2024 associés à cette étiquette"
  320. rel="tag">#gratitude</a>
  321. <a href="/david/2024/partage/"
  322. title="Liste de tous les articles 2024 associés à cette étiquette"
  323. rel="tag">#partage</a>
  324. <a href="/david/2024/psychologie/"
  325. title="Liste de tous les articles 2024 associés à cette étiquette"
  326. rel="tag">#psychologie</a>
  327. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  328. </p>
  329. </nav>
  330. <h2>
  331. <a href="/david/2024/01/22/" title="Lien permanent vers cet article">Légitimité</a> <time datetime="2024-01-22">22 janvier 2024</time>
  332. </h2>
  333. <blockquote>
  334. <p>Car comment écrire le monde, en particulier celui qui souffre, suffoque et se bat, depuis une situation privilégiée&#8239;? Comment, dans un monde baigné de superflu, mener une analyse fine et lucide sur la nécessité&#8239;? Peut-on en appeler à la beauté dans un monde de violence&#8239;? Et comment combattre le sentiment d’imposture&#8239;? Comment concilier lucidité et poésie, politique et esthétique, sentiment de classe et pulsions d’universalité, comment enfin écrire sur ce qu’on ne fait parfois qu’effleurer, sans l’avoir parfaitement, longuement et profondément&nbsp;éprouvé&#8239;?</p>
  335. <p>En étant honnête, sans doute. […] <mark>Mais l’écriture, une fois entravée d’un tel filet de précautions et de prudences, ne perd-elle pas en&nbsp;sincérité&#8239;?</mark></p>
  336. <p>Le désir de beauté, les envies de mots débridés, le souci même de l’éthique viennent souvent se fracasser sur la réalité sociale, le prosaïque du quotidien et <em>in fine</em> la crainte de l’indécence. C’est un souci salutaire sans aucun doute, mais aussi un brise-l’élan qui, depuis des années, me détourne de&nbsp;l’essai.</p>
  337. <p>La critique est tellement facile et le dénigrement si prisé dans les milieux militants que je ne dois pas être la seule, parfois, à me sentir dissuadée d’écrire sur certains sujets. Pourtant, faut-il s’empêcher d’explorer de nouveaux espaces, d’écrire ses impressions, de poser des intuitions et des sensations, de formuler des hypothèses? Faut-il s’interdire certains&nbsp;thèmes&#8239;?</p>
  338. <p>Doit-on être spécialiste d’un sujet pour en parler&#8239;? Rien ne peut fonctionner si seuls les universitaires peuvent écrire des essais, si les romancières sont cantonnées à raconter des histoires, si seuls les insurgés sont légitimes à parler de révolution, les pauvres de misère, les racisés de discrimination, si les déserteurs sont trop diplômés et si les écrivains ne peuvent disserter que sur la&nbsp;création.</p>
  339. <p><cite><em>Alors nous irons trouver la beauté ailleurs</em>, Corinne Morel&nbsp;Darleux</cite></p>
  340. </blockquote>
  341. <p>La légitimité de la personne qui écrit est importante —&nbsp;notamment en terme de crédibilité&nbsp;— et j’apprécie qu’IA Writer <a data-link-domain="ia.net" href="https://ia.net/topics/writing-with-ai" hreflang="en"
  342. title="Consultation de l’article (anglais)">expérimente des choses</a>
  343. <a href="/david/cache/2024/291cddda62f18ec9355ec98761b7e9d9/" hreflang="en"
  344. data-tippy data-description="When ChatGPT came out one year ago, we wanted to know whether and how it could be used for writing. We put it to the test."
  345. data-source="https://ia.net/topics/writing-with-ai"
  346. data-date="2024-01-21"
  347. data-favicon="https://ia.net/wp-content/themes/iA-library/assets/favicons/favicon.ico"
  348. data-domain="ia.net"
  349. ><svg xmlns="http://www.w3.org/2000/svg"
  350. width="24" height="24" viewBox="0 0 24 24" fill="none"
  351. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  352. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  353. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  354. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  355. </svg>
  356. <span class="sr-only">[archive]</span></a> dans le domaine et peut-être que leur <a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations">spécification pour annotations</a> pourrait être détournée pour mentionner où l’auteur·ice <em>se situe</em> explicitement dans (la partie de) l’article. J’écris ce paragraphe avec ma casquette de développeur, ou en ayant expérimenté l’expatriation, ou en étant membre d’une coopérative, ou en ayant l’habitude d’écrire des trucs sur le net. On pourrait annoter les intentions aussi&nbsp;: j’écris cela en voulant être informatif, ou troll, ou militant, etc.</p>
  357. <p>C’est l’une des choses que rend possible le numérique. Légitimité sans argument d’autorité, tout un programme. Et si je tentais des choses ces prochains&nbsp;jours&#8239;?</p>
  358. <blockquote lang="en">
  359. <p>optionally followed by author annotation session, with a format <mark>to be announced</mark> in a future version of the spec, separated from the author name either by the author identifier or a&nbsp;comma</p>
  360. <p><cite><em><a data-link-domain="github.com" href="https://github.com/iainc/Markdown-Annotations#author-annotations">Author&nbsp;Annotations</a></em></cite></p>
  361. </blockquote>
  362. <a href="#hr-43" title="Lien vers cette section de la page"><hr id="hr-43" /></a>
  363. <blockquote lang="en">
  364. <p>Sometimes I’d have a realization that I was doing something for the first time since I had left home, 16&nbsp;months earlier. First time pumping gas. First time ringing a doorbell. First time going to a grocery store. First time swimming. Each of these instances brought with it a small feeling of novelty, but it didn’t amount to much. It took conscious effort to remember that I was pumping gas for the first time in 16&nbsp;months. It felt&nbsp;normal.</p>
  365. <p>I was back in my real life, and although I put it on hold for Antarctica, it was waiting for me when I got back. <mark>Antarctica was a a different world, a radical departure from my normal reality.</mark> It was so different, in fact, that I simply could not merge the two realities into one. I had my real life, and I had my Antarctica life. When my Antarctica life finished, I resumed my real&nbsp;life.</p>
  366. <p><cite><em><a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-three" hreflang="en"
  367. title="Consultation de l’article (anglais)">Redeployment Part Three</a>
  368. <a href="/david/cache/2024/e8748af541273328d9aa9f1aeb1087b2/" hreflang="en"
  369. data-tippy data-description="Departing Antarctica after 446 days on-ice. Relaxing in Christchurch, then heading home. What an adventure!"
  370. data-source="https://brr.fyi/posts/redeployment-part-three"
  371. data-date="2024-01-21"
  372. data-favicon="https://brr.fyi/favicon-32x32.png"
  373. data-domain="brr.fyi"
  374. ><svg xmlns="http://www.w3.org/2000/svg"
  375. width="24" height="24" viewBox="0 0 24 24" fill="none"
  376. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  377. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  378. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  379. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  380. </svg>
  381. <span class="sr-only">[archive]</span></a></em></cite></p>
  382. </blockquote>
  383. <p>Troisième partie (<a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-one" hreflang="en"
  384. title="Consultation de l’article (anglais)">1</a>
  385. <a href="/david/cache/2024/da7e5578fd96fe31d46bfb207d041880/" hreflang="en"
  386. data-tippy data-description="Sunrise at the bottom of the world. Preparing South Pole Station to welcome its first new arrivals in almost nine months."
  387. data-source="https://brr.fyi/posts/redeployment-part-one"
  388. data-date="2024-01-21"
  389. data-favicon="https://brr.fyi/favicon-32x32.png"
  390. data-domain="brr.fyi"
  391. ><svg xmlns="http://www.w3.org/2000/svg"
  392. width="24" height="24" viewBox="0 0 24 24" fill="none"
  393. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  394. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  395. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  396. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  397. </svg>
  398. <span class="sr-only">[archive]</span></a>, <a data-link-domain="brr.fyi" href="https://brr.fyi/posts/redeployment-part-two" hreflang="en"
  399. title="Consultation de l’article (anglais)">2</a>
  400. <a href="/david/cache/2024/284205d0f99390dd18d3af12ff53227c/" hreflang="en"
  401. data-tippy data-description="First flight to the South Pole after a long, isolated winter. Winterover staff handing over their work and preparing to depart."
  402. data-source="https://brr.fyi/posts/redeployment-part-two"
  403. data-date="2024-01-21"
  404. data-favicon="https://brr.fyi/favicon-32x32.png"
  405. data-domain="brr.fyi"
  406. ><svg xmlns="http://www.w3.org/2000/svg"
  407. width="24" height="24" viewBox="0 0 24 24" fill="none"
  408. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  409. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  410. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  411. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  412. </svg>
  413. <span class="sr-only">[archive]</span></a>) d’un retour sur la terre non gelée. Merci pour ce voyage par procuration cette dernière année, les détails et les anecdotes étaient&nbsp;parfaits.</p>
  414. <p><em>Je remarque au passage qu’iels chaussent les mêmes bottes Baffin que moi par grand&nbsp;froid.</em></p>
  415. <a href="#hr-44" title="Lien vers cette section de la page"><hr id="hr-44" /></a>
  416. <blockquote>
  417. <p>Il est largement prouvé qu’il n’y a qu’un moyen de faire entrer plus de femmes dans la tech. C’est par le biais de la <strong>représentativité</strong>. <mark>Les jeunes femmes ne peuvent pas se projeter dans des rôles qu’elles ne connaissent pas.</mark> J’espère qu’à un moment où un autre, vous aurez vous aussi envie d’occuper l’espace et de vous rendre visible, pour montrer que les femmes dans la tech existent et que c’est une voie royale. Vous pouvez aussi être <strong>marraine</strong> et intervenir dans des écoles avec <a data-link-domain="ellesbougent.com" href="https://www.ellesbougent.com/">Elles bougent</a> ou <a data-link-domain="intrepidesdelatech.org" href="https://www.intrepidesdelatech.org/">Les intrépides de la tech</a>.</p>
  418. <p><cite><em><a data-link-domain="duchess-france.fr" href="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html" hreflang="en"
  419. title="Consultation de l’article (anglais)">Manuel de survie de la femme dans la tech</a>
  420. <a href="/david/cache/2024/c4751e7c80b292e3533ee6b3e057b702/" hreflang="en"
  421. data-tippy data-description="Je vois de plus en plus de femmes rejoindre l’informatique, et c’est une très bonne chose. Je vois aussi trop de femmes patir de sexisme ordinaire, se remettre en question encore et encore… et quitter le milieu au bout de quelques années. J’ai mis du temps à apprendre certaines choses."
  422. data-source="https://www.duchess-france.fr/dossier/women%20in%20tech/alli%C3%A9s/2023/01/15/manuel-survie-femme-tech.html"
  423. data-date="2024-01-21"
  424. data-favicon="https://www.duchess-france.fr/favicon.ico"
  425. data-domain="duchess-france.fr"
  426. ><svg xmlns="http://www.w3.org/2000/svg"
  427. width="24" height="24" viewBox="0 0 24 24" fill="none"
  428. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  429. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  430. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  431. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  432. </svg>
  433. <span class="sr-only">[archive]</span></a></em></cite></p>
  434. </blockquote>
  435. <p>Superbe manuel de Florence Chabanois avec plein de conseils et de liens pour creuser. J’appuie le fait qu’il est important d’être bien entourée pour rentrer dans ce domaine, pas seulement pour l’apprentissage de la technique mais pour déconstruire des situations sans se sentir démunie face à une culture toxique. N’hésitez pas à rejoindre l’un des collectifs&nbsp;listés.</p>
  436. <p>Je peux faire le <em>parrain-à-6000km</em>, mon adresse de courriel est en pied de&nbsp;page.</p>
  437. <p><mark>@nnotation(intention)</mark>&nbsp;: Je précise la distance depuis la France car ça réduit les possibilités d’agressions physiques… et malheureusement c’est non&nbsp;négligeable.&nbsp;😢</p>
  438. <blockquote>
  439. <p>La technique de l’amplification, popularisée à la Maison Blanche à l’époque d’Obama, consiste à répéter l’idée en lui reconnaissant la maternité, ce qui permet d’augmenter son audibilité. Sachez aussi que nous n’apprenons pas à nous exprimer de la même façon selon notre genre. Quand les femmes prennent la parole, elles l’encombrent plus souvent de termes parasites minimisant comme <em>“peut-être”</em>, <em>“je pense que”</em>, <em>“c’est juste mon avis”</em>. <mark>Les femmes enrobent plus leurs propos, ce qui peut limiter sa portée et/ou nuire à sa clarté, et surtout minimiser des propos pas moins importants.</mark> Elles s’excusent aussi plus souvent de déranger (à tort). À l’écrit, ce sont les points d’exclamation et les smileys qui sont sur représentés, pour adoucir le ton et paraître sympathique. Dans tous les cas, ces parasites réduisent l’impact des messages exprimés. En gros, il vaut mieux faire court pour limiter la charge cognitive et répéter plusieurs fois le&nbsp;message…</p>
  440. <p><cite><em>Ibid.</em></cite></p>
  441. </blockquote>
  442. <p>… ou que les personnes à l’écoute apprennent à communiquer de cette façon&#8239;? À donner le temps nécessaire à la prise de soin plutôt que de formater d’autres personnes à ce qui peut être interprété comme de l’«&nbsp;efficacité&nbsp;» analytique (telle que définie par des hommes)&#8239;? L’adaptation peut et doit se faire dans les deux&nbsp;sens.</p>
  443. <p><mark>@nnotation(légitimité)</mark>&nbsp;: Je propose cela alors qu’il y a 6&nbsp;femmes sur les 8&nbsp;membres de Scopyleft, à la création nous étions 4&nbsp;hommes. Le changement dans nos interactions a été&nbsp;radical.</p>
  444. <nav>
  445. <p>
  446. <a href="/david/2024/echanges/"
  447. title="Liste de tous les articles 2024 associés à cette étiquette"
  448. rel="tag">#échanges</a>
  449. <a href="/david/2024/experience/"
  450. title="Liste de tous les articles 2024 associés à cette étiquette"
  451. rel="tag">#expérience</a>
  452. <a href="/david/2024/gratitude/"
  453. title="Liste de tous les articles 2024 associés à cette étiquette"
  454. rel="tag">#gratitude</a>
  455. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  456. </p>
  457. </nav>
  458. <form action="/david/recherche/" method="get">
  459. <fieldset>
  460. <legend>Recherche</legend>
  461. <label for="input-search">Termes de votre recherche :</label>
  462. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  463. <input type="submit" value="Chercher">
  464. <p id="indexation-infos">
  465. <small>
  466. Seuls les contenus de ces 8 dernières années sont indexés.
  467. </small>
  468. </p>
  469. </fieldset>
  470. </form>
  471. <aside>
  472. <theme-toggle></theme-toggle>
  473. </aside>
  474. </article>
  475. <hr>
  476. <footer>
  477. <p>
  478. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  479. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  480. <a href="http://larlet.com"
  481. title="Go to my English profile"
  482. data-instant>Pro</a>
  483. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  484. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  485. </p>
  486. <template id="theme-selector">
  487. <form>
  488. <style type="text/css">
  489. fieldset div {
  490. text-align: center;
  491. }
  492. </style>
  493. <fieldset>
  494. <legend>Thème</legend>
  495. <div>
  496. <label>
  497. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  498. Auto
  499. </label>
  500. <label>
  501. <input type="radio" value="dark" name="chosen-color-scheme">
  502. Foncé
  503. </label>
  504. <label>
  505. <input type="radio" value="light" name="chosen-color-scheme">
  506. Clair
  507. </label>
  508. </div>
  509. </fieldset>
  510. </form>
  511. </template>
  512. </footer>
  513. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  514. <script>
  515. class ThemeToggle extends HTMLElement {
  516. constructor() {
  517. super()
  518. const themeSelectorTemplate = document.querySelector('#theme-selector')
  519. const form = themeSelectorTemplate.content.firstElementChild
  520. this.attachShadow({ mode: 'open' })
  521. this.shadowRoot.appendChild(form.cloneNode(true))
  522. }
  523. connectedCallback() {
  524. const form = this.shadowRoot.querySelector('form')
  525. form.addEventListener('change', (e) => {
  526. const chosenColorScheme = e.target.value
  527. localStorage.setItem('theme', chosenColorScheme)
  528. toggleTheme(chosenColorScheme)
  529. })
  530. const selectedTheme = localStorage.getItem('theme')
  531. if (selectedTheme && selectedTheme !== 'undefined') {
  532. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  533. }
  534. }
  535. }
  536. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  537. window.addEventListener('load', () => {
  538. let colorsLayer = undefined
  539. let hasDarkRules = false
  540. for (const styleSheet of Array.from(document.styleSheets)) {
  541. let mediaRules = []
  542. for (const layerRule of styleSheet.cssRules) {
  543. if (!(layerRule instanceof CSSLayerBlockRule)) {
  544. continue
  545. }
  546. if (layerRule.name === 'colors') {
  547. colorsLayer = layerRule
  548. }
  549. for (const cssRule of layerRule.cssRules) {
  550. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  551. continue
  552. }
  553. // WARNING: Safari does not have/supports `conditionText`.
  554. if (cssRule.conditionText) {
  555. if (cssRule.conditionText !== prefersColorSchemeDark) {
  556. continue
  557. }
  558. } else {
  559. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  560. continue
  561. }
  562. }
  563. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  564. }
  565. }
  566. // WARNING: do not try to insert a Rule to a styleSheet you are
  567. // currently iterating on, otherwise the browser will be stuck
  568. // in a infinite loop…
  569. for (const mediaRule of mediaRules) {
  570. // Safari requires the `0` second parameter (even if default).
  571. colorsLayer.insertRule(mediaRule.cssText, 0)
  572. hasDarkRules = true
  573. }
  574. }
  575. if (hasDarkRules) {
  576. if ('customElements' in window && !customElements.get('theme-toggle')) {
  577. customElements.define('theme-toggle', ThemeToggle)
  578. }
  579. }
  580. })
  581. </script>
  582. </body>
  583. </html>