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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536
  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. Tag #traces
  14. — David Larlet</title>
  15. <meta name="description" content="Publications relatives au tag #traces">
  16. <!-- That good ol' feed, subscribe :). -->
  17. <link rel="alternate"
  18. type="application/atom+xml"
  19. title="Feed"
  20. href="/david/log/">
  21. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  22. <link rel="apple-touch-icon"
  23. sizes="180x180"
  24. href="/static/david/icons2/apple-touch-icon.png">
  25. <link rel="icon"
  26. type="image/png"
  27. sizes="32x32"
  28. href="/static/david/icons2/favicon-32x32.png">
  29. <link rel="icon"
  30. type="image/png"
  31. sizes="16x16"
  32. href="/static/david/icons2/favicon-16x16.png">
  33. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  34. <link rel="mask-icon"
  35. href="/static/david/icons2/safari-pinned-tab.svg"
  36. color="#07486c">
  37. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  38. <meta name="msapplication-TileColor" content="#f7f7f7">
  39. <meta name="msapplication-config"
  40. content="/static/david/icons2/browserconfig.xml">
  41. <meta name="theme-color"
  42. content="#f7f7f7"
  43. media="(prefers-color-scheme: light)">
  44. <meta name="theme-color"
  45. content="#272727"
  46. media="(prefers-color-scheme: dark)">
  47. <!-- Documented, feel free to shoot an email. -->
  48. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  49. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  50. <link rel="preload"
  51. href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
  52. as="font"
  53. type="font/woff2"
  54. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  55. crossorigin>
  56. <link rel="preload"
  57. href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
  58. as="font"
  59. type="font/woff2"
  60. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  61. crossorigin>
  62. <link rel="preload"
  63. href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
  64. as="font"
  65. type="font/woff2"
  66. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  67. crossorigin>
  68. <link rel="preload"
  69. href="/static/david/css/fonts/triplicate_t3_regular.woff2"
  70. as="font"
  71. type="font/woff2"
  72. media="(prefers-color-scheme: dark)"
  73. crossorigin>
  74. <link rel="preload"
  75. href="/static/david/css/fonts/triplicate_t3_bold.woff2"
  76. as="font"
  77. type="font/woff2"
  78. media="(prefers-color-scheme: dark)"
  79. crossorigin>
  80. <link rel="preload"
  81. href="/static/david/css/fonts/triplicate_t3_italic.woff2"
  82. as="font"
  83. type="font/woff2"
  84. media="(prefers-color-scheme: dark)"
  85. crossorigin>
  86. <script>
  87. function toggleTheme(themeName) {
  88. document.documentElement.classList.toggle(
  89. 'forced-dark',
  90. themeName === 'dark'
  91. )
  92. document.documentElement.classList.toggle(
  93. 'forced-light',
  94. themeName === 'light'
  95. )
  96. }
  97. const selectedTheme = localStorage.getItem('theme')
  98. if (selectedTheme !== 'undefined') {
  99. toggleTheme(selectedTheme)
  100. }
  101. </script>
  102. <style type="text/css">
  103. details[open] summary {
  104. display: none;
  105. }
  106. </style>
  107. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
  108. data-instant-intensity="viewport-all">
  109. <header>
  110. <h1>Publications relatives au tag #traces</h1>
  111. </header>
  112. <nav>
  113. <p class="center">
  114. <a href="/david/" title="Aller à l’accueil">
  115. <svg class="icon icon-home">
  116. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  117. </svg>
  118. Accueil</a>
  119. • <a rel="tags"
  120. href="/david/#tags-2023"
  121. title="Liste de toutes les étiquettes">
  122. <svg class="icon icon-tags">
  123. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  124. </svg>
  125. Étiquettes</a>
  126. </p>
  127. </nav>
  128. <hr>
  129. <main>
  130. <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  131. <h2>
  132. <a href="/david/2023/09/08/" title="Lien permanent vers cet article">Char&nbsp;2</a> (2023-09-08)
  133. </h2>
  134. <blockquote>
  135. <p>Je voulais le <a href="/david/2020/02/07/#cars">moins d’électronique</a> possible et plutôt prendre un vieux véhicule robuste qui me permette de sortir d’un banc de neige et peut-être à terme de la&nbsp;ville.</p>
  136. <p><cite><em><a href="/david/2021/07/16/">Char</a></em></cite></p>
  137. </blockquote>
  138. <p>Suite des mes aventures avec une <a href="http://tmp.larlet.fr/ccmc/">comptabilité à jour</a> depuis bientôt 3&nbsp;ans. Divulgâcheur&nbsp;: ça coûte très&nbsp;cher.</p>
  139. <p>Le résultat n’est pas joli-joli avec environ vingt mille kilomètres au compteur sur la période. Je n’ai pas non plus réussi à descendre en-dessous des 12L/100km avec ce véhicule qui n’a pas été pensé pour être économe et qui alimente les 4&nbsp;roues en permanence… MAIS je crois que si c’était à refaire, je choisirais un <em>véhicule stupide</em> à&nbsp;nouveau.</p>
  140. <blockquote lang="en">
  141. <p>Car companies are on the forefront of postcapitalism, and <mark>they understand that digital is the key to rent-extraction.</mark> Remember when BMW announced that it was going to rent you the seatwarmer in your own fucking&nbsp;car?</p>
  142. <p>[…]</p>
  143. <p>This is the urinary tract infection business model: without digitization, all your car’s value flowed in a healthy stream. But once the car-makers add semiconductors, each one of those features comes out in a painful, burning dribble, with every button on that farkakta touchscreen wired directly into your&nbsp;credit-card.</p>
  144. <p><cite><em><a href="https://pluralistic.net/2023/07/24/rent-to-pwn/">Pluralistic: Autoenshittification (24&nbsp;July 2023)</a></em>&nbsp;(<a href="/david/cache/2023/8be5d8a651e8f8e211cfe10fd49bb3f0/">cache</a>)</cite></p>
  145. </blockquote>
  146. <p>Je pourrais citer tellement de passages de cet article de Cory Doctorow qui confirment ce choix que ça en est édifiant. Et si vous pensez que certaines marques ne font quand même pas n’importe quoi avec vos données, Mozilla se charge — chiffres à l’appui&nbsp;— de démentir cette&nbsp;idée&nbsp;:</p>
  147. <blockquote lang="en">
  148. <p>The gist is: they can collect super intimate information about you -- from your medical information, your genetic information, to your “sex life” (seriously), to how fast you drive, where you drive, and what songs you play in your car -- in huge quantities. They then use it to invent more data about you through “inferences” about things like your intelligence, abilities, and&nbsp;interests.</p>
  149. <p>[…]</p>
  150. <p>It’s bad enough for the behemoth corporations that own the car brands to have all that personal information in their possession, to use for their own research, marketing, or the ultra-vague “business purposes.” But then, most (84%) of the car brands we researched say they can share your personal data -- with service providers, data brokers, and other businesses we know little or nothing about. Worse, <mark>nineteen (76%) say they can sell your personal&nbsp;data.</mark></p>
  151. <p>A surprising number (56%) also say they can share your information with the government or law enforcement in response to a “request.” Not a high bar court order, but something as easy as an “informal request.” Yikes -- that’s a very low&nbsp;bar!</p>
  152. <p><cite><em><a href="https://foundation.mozilla.org/en/privacynotincluded/articles/its-official-cars-are-the-worst-product-category-we-have-ever-reviewed-for-privacy/">It’s Official: Cars Are the Worst Product Category We Have Ever Reviewed for Privacy</a></em>&nbsp;(<a href="/david/cache/2023/81eb35bbd276cb28230820176152af87/">cache</a>)</cite></p>
  153. </blockquote>
  154. <p>Progressivement, j’en apprends un peu plus sur la mécanique d’une vieille voiture thermique et je crois que c’est ma seule option. Elle n’est peut-être pas payante mais elle me garantit une certaine <em>confidensanité</em>.</p>
  155. <blockquote lang="en">
  156. <p>Welcome to the future. <mark>Sabotage&nbsp;it.</mark></p>
  157. <p><cite><a href="https://thenib.com/im-a-luddite/">I’m a Luddite (and So Can&nbsp;You!)</a></cite></p>
  158. </blockquote>
  159. <hr />
  160. <blockquote lang="en">
  161. <p>😶 You can’t talk about all the friends and family you’ve lost. You can’t talk about how tired you are. You can’t talk about politics. You can’t talk about climate change. You can’t talk about the wildfires or that town that burned down. You can’t talk about living through the hottest days in human history. You can’t talk about masks or air purifiers. You can’t talk about student loans. You can’t talk about the wars we’re fighting or getting ready to&nbsp;fight.</p>
  162. <p><mark>You can’t talk about anything that&nbsp;matters.</mark></p>
  163. <p>You can only talk about the latest shitty superhero movie. You can talk about Barbie. You can talk about celebrity gossip. You can talk about the vacation you pretended to enjoy. You can talk about&nbsp;yoga.</p>
  164. <p>You can talk about your morning&nbsp;routine.</p>
  165. <p>You can talk about&nbsp;sports.</p>
  166. <p><cite><em><a href="https://www.okdoomer.io/watching-the-world-burn-on-our-phones/">Watching The World Burn on Our Phones</a></em>&nbsp;(<a href="/david/cache/2023/977dc3c51f364f41db786f881d2c3fd2/">cache</a>)</cite></p>
  167. </blockquote>
  168. <blockquote lang="en">
  169. <p>😁 I’m not young enough to know&nbsp;everything.</p>
  170. <p><cite><em><a href="https://blog.jim-nielsen.com/2023/family-tree-wisdom/">Family Tree Wisdom</a></em>&nbsp;(<a href="/david/cache/2023/d40295a6495f934934436470ad425cac/">cache</a>)</cite></p>
  171. </blockquote>
  172. <h2>
  173. <a href="/david/2023/03/13/" title="Lien permanent vers cet article">Traditions</a> (2023-03-13)
  174. </h2>
  175. <blockquote lang="en">
  176. <p>Documents are documents. Books are books, recordings are recordings, and so on. As time has gone on, though, I’ve observed the probably obvious-to-others fact that <strong>Lore</strong> is the grease between the concrete blocks of knowledge, the carved step in an otherwise impossible-to-scale mountain, the small bit of powder sprinkled through a workspace to ensure sparks don’t fly and things don’t burn. Inconceivably odd to the outsider, but vital to the dedicated or intense practice of the&nbsp;craft.</p>
  177. <p>Certainly, the ideal situation is lore is inlaid into a framework of knowledge. […]</p>
  178. <p><mark>The danger in this process, the potential lost ballast in the rise to the skies, is that the lore-to-knowledge transfer is lossy, messy, and arbitrary.</mark> Maybe those in the know want to keep the information to themselves, so it won’t be given to whoever the person or persons are who are laying down the written form. Maybe the chronicler of information has blind spots they don’t know about and not enough people to correct them. Or, more likely, you have to set the “noise filter” of the information to not go down the rabbit and rat holes of contingencies that maybe a dozen or two people will even want to know about, to the favor of that which <em>everyone</em> will need. The outcome is always the same: Lore loses in the long&nbsp;run.</p>
  179. <p><cite><em><a href="http://ascii.textfiles.com/archives/5509">Discord, or the Death of Lore «&nbsp;ASCII by Jason Scott</a></em>&nbsp;(<a href="/david/cache/2023/f6e269f9a6e16436827169039d551623/">cache</a>)</cite></p>
  180. </blockquote>
  181. <p>La documentation des us et coutumes, des pratiques culturelles, de façon numérique est un vrai défi. Surtout pour les personnes qui sont plutôt de culture orale dans leur façon de&nbsp;transmettre.</p>
  182. <p>Ce n’est pas mon cas mais je me retiens toujours de <em>lutter contre</em> en proposant des outils complémentaires qui viennent enrichir la souvenance que l’on peut avoir d’un échange. Un <a href="/david/2022/12/19/">journal</a>, une notice, un billet de blog, qu’importe le format pourvu que l’on ait une URL pérenne qui puisse être&nbsp;référencée.</p>
  183. <p>Cela me prend du temps, mais bien moins que de devoir reprendre les échanges de zéro. Ou de faire un peu trop confiance à l’interprétation faite par ma propre&nbsp;mémoire&#8239;!</p>
  184. <hr />
  185. <p>J’essaye <a href="https://hazeover.com/">HazeOver</a> depuis maintenant une semaine et je me demande comment ça n’est pas une fonctionnalité par défaut de macOS. Je n’ai aucune fenêtre maximisée et j’ai un écran relativement grand, cet outil me permet de focaliser sur la fenêtre en cours. Lors du partage d’écran complet en visio (pour alterner code/navigateur par exemple), un coup de scroll sur l’icône dans la barre du haut et hop on ne voit que la fenêtre active avec un fond&nbsp;noir.</p>
  186. <p>Autre test du moment&nbsp;: <a href="https://sindresorhus.com/folder-peek">Folder Peek</a>, Sindre Sorhus fait plein d’autres <a href="https://sindresorhus.com/apps">petits outils intéressants</a>.</p>
  187. <hr />
  188. <p>Parce qu’il n’y a pas de raisons que ça soit restreint à un public&nbsp;mastodon&nbsp;:</p>
  189. <blockquote>
  190. <p>Pour rappel&nbsp;: si vous souhaitez proposer un sujet pour une conférence comme <a href="https://mamot.fr/@ParisWeb">@ParisWeb</a> ou <a href="https://piaille.fr/@sudweb">@sudweb</a> je me propose de vous accompagner dans la démarche, surtout si vous faites partie d’une population peu représentée dans ces évènements (cette formulation est probablement maladroite mais j’espère que vous voyez&nbsp;l’idée).</p>
  191. <p>🤗</p>
  192. <p><cite><a href="https://fedi.larlet.fr/@david/109993800837974664">Proposition du&nbsp;9&nbsp;mars</a></cite></p>
  193. </blockquote>
  194. <hr />
  195. <blockquote lang="en">
  196. <p>👴 According to the most recent StackOverflow survey, half of the developer population started their careers within the last 9&nbsp;years, which is to say, <mark>half of all web developers have never known a world without&nbsp;React.</mark></p>
  197. <p>It’s even highly likely that they were taught web development via React or that they have never built a site any other way. They were told by their teachers, then by recruiters and then by their employers that React was the way you build web sites, and they invested their careers in it&nbsp;accordingly.</p>
  198. <p><cite><em><a href="https://remotesynthesis.com/blog/the-price-of-developer-tools/">The Price Developers Pay for Loving Their Tools Too Much</a></em>&nbsp;(<a href="/david/cache/2023/339a862f8939f7ba8ae1524fa14f94c2/">cache</a>)</cite></p>
  199. </blockquote>
  200. <blockquote>
  201. <p>😔 Il s’agit de la tendance qu’ont les gens à graviter vers ou être attirés par ceux qui leur sont similaires en apparence, croyances, origine. Un effet de bord pernicieux ou même vicieux est la tendance à éviter ou même détester les gens ou les groupes qui sont&nbsp;différents.</p>
  202. <p>Puisque le milieu professionnel est dominé par les mâles blancs, ce biais affecte les femmes, d’autant plus si elles sont de couleur. <mark>C’est le biais qui fait le plus de détriment aux femmes au travail</mark>&nbsp;: décisions de recrutement injustes, promotions inéquitables, idées balayées ou&nbsp;volées.</p>
  203. <p><cite><em><a href="https://koalie.blog/2023/03/11/ces-stereotypes-qui-nuisent-aux-femmes-au-travail/">Ces stéréotypes qui nuisent aux femmes au travail</a></em>&nbsp;(<a href="/david/cache/2023/6c69f245e09fb696b43afa54240b4148/">cache</a>)</cite></p>
  204. </blockquote>
  205. <blockquote lang="en">
  206. <p>📷 Having my phone in my pocket doesn’t trigger anything but distraction. It can do everything, and so I feel nothing in particular about it. A physical camera takes photos, but it also makes me think about seeing. And I like&nbsp;that.</p>
  207. <p><cite><em><a href="https://macwright.com/2017/11/03/carrying-a-camera.html">Carrying a camera</a></em>&nbsp;(<a href="/david/cache/2023/c9925184359c01c5c077be55b7cd6505/">cache</a>)</cite></p>
  208. </blockquote>
  209. <blockquote>
  210. <p>😢 Et je suis fatiguée de cette société qui est incapable de croire les femmes. Combien faudra t-il encore de vidéos ou témoignage où un homme se retrouve, volontairement ou par accident, à la place d’une femme&#8239;? Pour se rendre compte qu’en fait oui c’est violent ce que vivent les femmes et que ce qu’elles dénoncent c’est vrai et&nbsp;systémique.</p>
  211. <p>Je ne peux m’empêcher de penser que si j’avais été un homme ma carrière serait plus avancée aujourd’hui, mon salaire supérieur et ma santé mentale bien&nbsp;meilleure.</p>
  212. <p><cite><em><a href="https://www.duchess-france.fr/coup%20de%20gueule/sexisme/2023/03/06/stupeur-et-trembements.html">Stupeur et tremblements&nbsp;: comment faire fuir les développeuses expérimentées.</a></em>&nbsp;(<a href="/david/cache/2023/25d41d569f637f8342c495139ccce8a8/">cache</a>)</cite></p>
  213. </blockquote>
  214. <blockquote lang="en">
  215. <p>✍️ That is against our purposes here. A blog post is <em>a search query</em>. <mark>You write to find your tribe;</mark> you write so they will know what kind of fascinating things they should route to your inbox. If you follow common wisdom, you will cut exactly the things that will help you find these&nbsp;people.</p>
  216. <p><cite><em><a href="https://escapingflatland.substack.com/p/search-query">A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox</a></em>&nbsp;(<a href="/david/cache/2023/5bea097a2dba65380cf43adf2df540f8/">cache</a>)</cite></p>
  217. </blockquote>
  218. <blockquote lang="en">
  219. <p>🤔 Fact we’re in the ’Twenties’ sounds so weird. It’s so synonymous with the 1920s. Sounds like a bygone era when women were still fighting for their rights, the upper classes were living a life of hedonism whilst people starved &amp; the world was on the verge of financial ruin and&nbsp;war.</p>
  220. <p><cite>Une capture d’écran de @BeardedGenius vue sur mastodon. 2023.</cite></p>
  221. </blockquote>
  222. <h2>
  223. <a href="/david/2023/03/04/" title="Lien permanent vers cet article">Jour&nbsp;3</a> (2023-03-04)
  224. </h2>
  225. <p>Je me réveille à 4h45. Tout est paisible. Je me réveille à 5h15 car j’ai le visage qui touche la toile de tente. Il vient de tomber cinq centimètres en une demi-heure&#8239;! Je secoue la tente car j’ai peur pour la sonde à neige qui me sert de mat de tipi —&nbsp;et qui commence à courber dangereusement&nbsp;— ne casse alors que je suis encore dans mon duvet. Je passe les prochains quarts d’heure à faire glisser la neige très collante lorsqu’elle s’accumule avant d’oublier toute notion de grasse matinée. Le bon côté, c’est qu’il ne fait pas trop&nbsp;froid.</p>
  226. <p>Je m’habille et je prépare mon petit déjeuner avec mon réchaud à alcool, bien à l’abri, ça tombe en continu et le retour s’annonce épique. J’ai déjà un petit rempart de neige autour de la tente. Dire que je me réjouissais la veille que le sentier ait pu&nbsp;geler…</p>
  227. <p>Je sors quand même faire des photos en pleine tempête de neige et je suis très content de cette session. Même si les photos une fois développées sont assez frustrantes sur ce plan là, la recherche du moment me donne un grand&nbsp;sourire.</p>
  228. <figure>
  229. <a href="/static/david/2023/2023-03-04-tempete-neige.jpg"
  230. title="Cliquer pour une version haute résolution">
  231. <img
  232. src="/static/david/2023/2023-03-04-tempete-neige.jpg"
  233. width="1920" height="1280"
  234. srcset="/static/david/2023/2023-03-04-tempete-neige.jpg 1920w, /static/david/2023/2023-03-04-tempete-neige_660x440.jpg 660w, /static/david/2023/2023-03-04-tempete-neige_990x660.jpg 990w, /static/david/2023/2023-03-04-tempete-neige_1320x880.jpg 1320w"
  235. sizes="min(100vw, calc(100vh * 1920 / 1280))"
  236. loading="lazy"
  237. decoding="async"
  238. alt="La rivière sous la tempête.">
  239. </a>
  240. <figcaption>Il neigeait dru&nbsp;!</figcaption>
  241. </figure>
  242. <p>Cerise sur le gâteau, je vois des traces sur la berge opposée et je commence à les suivre en aval puis en amont, assez loin. Il est passé il y a moins de 15&nbsp;minutes et c’était à 100&nbsp;mètres de mon campement. Je casse le suspense tout de suite, je n’ai jamais vu l’animal mais la traque dans ces conditions idéales pour avoir l’espoir de s’approcher sans être vu ni entendu était extrêmement stimulante. À chaque ouverture sur la rivière depuis le sentier, j’imaginais ce que ça pourrait donner avec un coyote ou un ongulé au premier plan. J’ai encore ces images dans la&nbsp;tête&nbsp;:-).</p>
  243. <figure>
  244. <a href="/static/david/2023/2023-03-04-traces.jpg"
  245. title="Cliquer pour une version haute résolution">
  246. <img
  247. src="/static/david/2023/2023-03-04-traces.jpg"
  248. width="1920" height="1280"
  249. srcset="/static/david/2023/2023-03-04-traces.jpg 1920w, /static/david/2023/2023-03-04-traces_660x440.jpg 660w, /static/david/2023/2023-03-04-traces_990x660.jpg 990w, /static/david/2023/2023-03-04-traces_1320x880.jpg 1320w"
  250. sizes="min(100vw, calc(100vh * 1920 / 1280))"
  251. loading="lazy"
  252. decoding="async"
  253. alt="Des traces dans la neige.">
  254. </a>
  255. <figcaption>À une prochaine, l’animal.</figcaption>
  256. </figure>
  257. <p>Le rangement du campement sous la neige est assez complexe sans tout mouiller mais c’est un bon exercice. Par contre le retour est vraiment fastidieux car en montée avec 15&nbsp;cm de poudreuse fraîche en plus ça devient difficile de traîner une luge adaptée par mes soins. Je me dis qu’il serait pertinent d’investir dans une vraie&nbsp;pulka…</p>
  258. <figure>
  259. <a href="/static/david/2023/2023-03-04-traineau.jpg"
  260. title="Cliquer pour une version haute résolution">
  261. <img
  262. src="/static/david/2023/2023-03-04-traineau.jpg"
  263. width="1512" height="2268"
  264. srcset="/static/david/2023/2023-03-04-traineau.jpg 1512w, /static/david/2023/2023-03-04-traineau_660x440.jpg 660w, /static/david/2023/2023-03-04-traineau_990x660.jpg 990w, /static/david/2023/2023-03-04-traineau_1320x880.jpg 1320w"
  265. sizes="min(100vw, calc(100vh * 1512 / 2268))"
  266. loading="lazy"
  267. decoding="async"
  268. alt="Le traîneau sur le chemin du retour.">
  269. </a>
  270. <figcaption>Le secret, c’est de faire des pauses, vraiment beaucoup de pauses&nbsp;!</figcaption>
  271. </figure>
  272. <hr />
  273. <p>Davantage de <a href="https://media.larlet.fr/2023-03-ouareau-01.html">photos disponibles par ici</a>.</p>
  274. <h2>
  275. <a href="/david/2023/01/20/" title="Lien permanent vers cet article">Lettres</a> (2023-01-20)
  276. </h2>
  277. <details>
  278. <summary>Déplier pour lire le contenu de la publication</summary>
  279. <blockquote lang="en">
  280. <p>This is how it all&nbsp;started:</p>
  281. <p>We asked our friends to write a letter to their great great great grandchildren because we found the way to preserve their letters for a thousand&nbsp;years.</p>
  282. <p><cite><em><a href="https://www.letters-to-the-future.com/">Letters to the&nbsp;future</a></em></cite></p>
  283. </blockquote>
  284. <p>Cette initiative m’émeut. L’idée, l’exécution, le résultat, toutes les étapes comportent leur lot d’espoir <em>et</em> de nostalgie. Une boule de <a href="/david/stream/2018/05/16/">solastalgie</a> qui fait mal à <a href="/david/stream/2019/07/02/">mon anxiété</a>.</p>
  285. <p>Comme une lettre à&nbsp;l’amer.</p>
  286. <blockquote lang="en">
  287. <p>This book brings together the polar opposites of negative and&nbsp;positive.</p>
  288. <p>On one hand, it shows optimism, hope and compassion for the future of the planet. On the other hand, it shows the ever lasting detriment of our actions when it comes to single-use&nbsp;plastic.</p>
  289. <p><cite><em>Ibid.</em></cite></p>
  290. </blockquote>
  291. <hr />
  292. <blockquote>
  293. <p>ETERNESIA est un projet humaniste dont l’objectif est d’inclure chaque existence au sein du patrimoine immatériel de l’humanité, en permettant à tous ceux qui le désirent de laisser un ensemble de traces numériques de leur vie qui seront conservées sans limite de&nbsp;durée.</p>
  294. <p>ETERNESIA est porteur d’<mark>un nouveau droit de l’homme, celui du droit à la mémoire et à la postérité numérique,</mark> dont le droit à l’oubli fait aussi partie intégrante. ETERNESIA est un projet à but non lucratif, indépendant de toute tradition religieuse et de toute idéologie politique. ETERNESIA est par nature philanthropique, éthique et universel, ouvert à tous, sans discrimination d’aucune&nbsp;sorte.</p>
  295. <p><cite><em><a href="http://eternesia.org/">ETERNESIA — Traces&nbsp;d’Eternité</a></em></cite></p>
  296. </blockquote>
  297. </details>
  298. <h2>
  299. <a href="/david/2023/01/15/" title="Lien permanent vers cet article">Snow&nbsp;Fall</a> (2023-01-15)
  300. </h2>
  301. <details>
  302. <summary>Déplier pour lire le contenu de la publication</summary>
  303. <blockquote lang="en">
  304. <p>Ten years ago this week, in December 2012, “<a href="https://www.nytimes.com/projects/2012/snow-fall/index.html">Snow Fall: The Avalanche at Tunnel Creek</a>,” an ambitious multimedia feature about a deadly avalanche in Washington State that year, took the journalism world by&nbsp;storm.</p>
  305. <p><cite><em><a href="https://www.nytimes.com/2022/12/23/insider/snow-fall-at-10-how-it-changed-journalism.html">‘Snow Fall’ at 10: How It Changed Journalism</a></em>&nbsp;(<a href="/david/cache/2023/cba96d83d96944c55675cb073fcfc60d/">cache</a>)</cite></p>
  306. </blockquote>
  307. <p>Il est rare que je me souvienne d’évènement historiques autour du Web. À part peut-être les sorties de <a href="/david/biologeek/archives/20041121-mozparty-des-geeks-irl--/">Firefox 1</a> et <a href="/david/biologeek/archives/20061028-soiree-firefox-2-paris/">2</a> car j’étais aux évènements&nbsp;dédiés.</p>
  308. <p>«&nbsp;<span lang=en>Snow Fall</span>&nbsp;» était d’un autre ordre de grandeur pour moi car ça ouvrait au Web une possibilité de raconter des histoires dynamiques. Je me rappelle avec une assez bonne précision de l’excitation que j’avais eu en parcourant la page à l’époque. Ce n’était pas tant le côté immersif que technique qui m’intéressait alors, et c’était une époque où l’on pouvait encore consulter une source de site web et la comprendre. J’ai tellement appris comme&nbsp;ça&#8239;!</p>
  309. <p>Allez consulter cette magnificence, une source commentée, non minifiée, avec du contenu qui est dans la page et des media liés de manière standardisée et compréhensible. Une autre&nbsp;époque.</p>
  310. <p>On en parlait récemment avec <a href="https://thom4.net/">Thomas</a>, comment est-ce qu’une génération qui est principalement autodidacte a-t-elle pu être à l’origine de la complexité actuelle des outils de publication sur le Web&#8239;? Je suis tellement triste de la marche que l’on a créé pour réduire l’accessibilité de sa source. Il y a une tendance humaine à faire —&nbsp;plus ou moins consciemment&nbsp;— tomber l’échelle qui nous a permis de monter pour être sûr de garder une certaine avance sur les&nbsp;suivant·es.</p>
  311. <p><em>Tout parallèle avec notre rapport à l’immigration serait bien évidement&nbsp;fortuit.</em></p>
  312. <blockquote lang="en">
  313. <p>Mr. Duenes also noted that “Snow Fall” helped budding designers and engineers see themselves as potential&nbsp;journalists.</p>
  314. <p>“It generated the idea among people with visual skills that journalism might be a place for them,” Mr. Duenes said. “Not people who were experts at the moment, but people in school who could see an overlap between an area where they had talent and the discipline of visual&nbsp;journalism.”</p>
  315. <p><cite><em>Ibid.</em></cite></p>
  316. </blockquote>
  317. <hr />
  318. <blockquote lang="en">
  319. <p>For a data format, yaml is extremely complicated. It aims to be a human-friendly format, but in striving for that it introduces <mark>so much complexity,</mark> that I would argue it achieves the opposite result. Yaml is full of footguns and its friendliness is deceptive. In this post I want to demonstrate this through an&nbsp;example.</p>
  320. <p><cite><em><a href="https://ruudvanasseldonk.com/2023/01/11/the-yaml-document-from-hell">The yaml document from hell</a></em>&nbsp;(<a href="/david/cache/2023/3b05eb0d7d0409bcfd53b4cdf6c20daa/">cache</a>)</cite></p>
  321. </blockquote>
  322. <blockquote lang="en">
  323. <p> It was among the strongest feelings of grief I have ever encountered. The contrast between the vicious coldness of space and the warm nurturing of Earth below filled me with overwhelming sadness. Every day, we are confronted with the knowledge of further destruction of Earth at our hands: the extinction of animal species, of flora and fauna . . . things that took five billion years to evolve, and suddenly we will never see them again because of the interference of mankind. It filled me with dread. <mark>My trip to space was supposed to be a celebration; instead, it felt like a&nbsp;funeral.</mark></p>
  324. <p><cite><em><a href="https://variety.com/2022/tv/news/william-shatner-space-boldly-go-excerpt-1235395113/">William Shatner: My Trip to Space Filled Me With Sadness - Variety</a></em>&nbsp;(<a href="/david/cache/2023/ca3e313992d7ac7e4aeaece85e7f4b6a/">cache</a>)</cite></p>
  325. </blockquote>
  326. </details>
  327. <h2>
  328. <a href="/david/2023/01/08/" title="Lien permanent vers cet article">Partage</a> (2023-01-08)
  329. </h2>
  330. <details>
  331. <summary>Déplier pour lire le contenu de la publication</summary>
  332. <p><a href="https://maiadereva.net/">Maïa</a> me pose la question suite à une discussion Mastodon autour de <a href="/david/2023/01/04/" title="Rétrospectives">Rétrospectives</a>&nbsp;:</p>
  333. <blockquote>
  334. <p>Je me suis d’ailleurs demandé comment tu faisais la distinction entre ce que tu documentes et ce que tu ne documentes pas… Vu que tu dis que ça a un impact sur comment tu te comportes, tu acceptes donc cet impact pour certains&nbsp;domaines&#8239;?</p>
  335. </blockquote>
  336. <p>Je partage beaucoup de choses en ligne, des réflexions, des émotions, des créations, des explorations, etc. Ma limite se définit généralement selon plusieurs&nbsp;critères&nbsp;:</p>
  337. <ul>
  338. <li>si je suis avec des personnes, je ne partage pas forcément leur présence et encore moins leur photo (à part évènement public avec représentation, et encore), ça s’applique très souvent à la&nbsp;famille&#8239;;</li>
  339. <li>si je parle d’un endroit, la géolocalisation reste assez floue intentionnellement (je suis passé par ce lac tel jour par exemple, pas&nbsp;plus)&#8239;;</li>
  340. <li>si j’utilise un outil, il faut qu’il soit possible d’en garder les traces en privé et que ce soit explicite d’en rendre possible l’accès si à un moment je change&nbsp;d’avis.</li>
  341. </ul>
  342. <p>Il y a certainement eu des exceptions depuis que je publie des choses et ces critères ont pu évoluer au cours du temps aussi. Je suis content d’avoir pris le temps d’y répondre par ici pour pouvoir revenir dessus dans quelques années/décennies et comparer cette frontière floue à&nbsp;t+1.</p>
  343. <p><em>Note&nbsp;: c’est un peu pour ça aussi que j’ai arrêté de faire des <a href="https://media.larlet.fr/2021--videos-01.html">vidéos</a>, la mise en scène allait au-delà de ce qui était acceptable pour que je ne sois pas en outrospection&nbsp;constante.</em></p>
  344. <hr />
  345. <blockquote lang="en">
  346. <p>🤗 Writing takes time. Writing well takes a lot of time. On the other hand, the output of writing is almost always more clarity, and sometimes a clear decision. Over my career, I think I’ve wasted at least ten times more time going around and around in conversations without finding consensus than I have writing documents that didn’t turn out to be valuable. It’s very seldom that I think back over writing something and conclude that it wasn’t a good investment of my time. That can happen, and you have to watch for it, but it doesn’t happen to me a&nbsp;lot.</p>
  347. <p><cite><em><a href="https://brooker.co.za/blog/2022/11/08/writing.html">Writing Is Magic</a></em>&nbsp;(<a href="/david/cache/2023/36a8b8a87633796d41c2574720812594/">cache</a>)</cite></p>
  348. </blockquote>
  349. </details>
  350. </main>
  351. <hr>
  352. <footer>
  353. <p>
  354. <nobr>
  355. <a href="/david/" title="Aller à l’accueil">
  356. <svg class="icon icon-home">
  357. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
  358. </svg>
  359. Accueil</a>
  360. </nobr>
  361. <nobr>
  362. <a href="/david/log/" title="Accès au flux RSS">
  363. <svg class="icon icon-rss2">
  364. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  365. </svg>
  366. Suivre</a>
  367. </nobr>
  368. <nobr>
  369. <a href="http://larlet.com"
  370. title="Go to my English profile"
  371. data-instant>
  372. <svg class="icon icon-user-tie">
  373. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  374. </svg>
  375. Pro</a>
  376. </nobr>
  377. <nobr>
  378. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
  379. <svg class="icon icon-mail">
  380. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  381. </svg>
  382. Email</a>
  383. </nobr>
  384. <nobr>
  385. <abbr class="nowrap"
  386. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
  387. <svg class="icon icon-hammer2">
  388. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  389. </svg>
  390. Légal</abbr>
  391. </nobr>
  392. </p>
  393. <template id="theme-selector">
  394. <form>
  395. <fieldset>
  396. <legend>
  397. <svg class="icon icon-brightness-contrast">
  398. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  399. </svg>
  400. Thème
  401. </legend>
  402. <label>
  403. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  404. Auto
  405. </label>
  406. <label>
  407. <input type="radio" value="dark" name="chosen-color-scheme">
  408. Foncé
  409. </label>
  410. <label>
  411. <input type="radio" value="light" name="chosen-color-scheme">
  412. Clair
  413. </label>
  414. </fieldset>
  415. </form>
  416. </template>
  417. </footer>
  418. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  419. <script>
  420. function loadThemeForm(templateName) {
  421. const themeSelectorTemplate = document.querySelector(templateName)
  422. const form = themeSelectorTemplate.content.firstElementChild
  423. themeSelectorTemplate.replaceWith(form)
  424. form.addEventListener('change', (e) => {
  425. const chosenColorScheme = e.target.value
  426. localStorage.setItem('theme', chosenColorScheme)
  427. toggleTheme(chosenColorScheme)
  428. })
  429. const selectedTheme = localStorage.getItem('theme')
  430. if (selectedTheme && selectedTheme !== 'undefined') {
  431. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  432. }
  433. }
  434. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  435. window.addEventListener('load', () => {
  436. let hasDarkRules = false
  437. for (const styleSheet of Array.from(document.styleSheets)) {
  438. let mediaRules = []
  439. for (const cssRule of styleSheet.cssRules) {
  440. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  441. continue
  442. }
  443. // WARNING: Safari does not have/supports `conditionText`.
  444. if (cssRule.conditionText) {
  445. if (cssRule.conditionText !== prefersColorSchemeDark) {
  446. continue
  447. }
  448. } else {
  449. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  450. continue
  451. }
  452. }
  453. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  454. }
  455. // WARNING: do not try to insert a Rule to a styleSheet you are
  456. // currently iterating on, otherwise the browser will be stuck
  457. // in a infinite loop…
  458. for (const mediaRule of mediaRules) {
  459. styleSheet.insertRule(mediaRule.cssText)
  460. hasDarkRules = true
  461. }
  462. }
  463. if (hasDarkRules) {
  464. loadThemeForm('#theme-selector')
  465. }
  466. })
  467. </script>
  468. </body>
  469. </html>