Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 31KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537
  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 #adaptation
  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 #adaptation">
  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>#adaptation</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/22/" title="Lien permanent vers cet article">Alimentation</a> <time datetime="2024-04-22">22 avril 2024</time>
  132. </h2>
  133. <p>Je réfléchis beaucoup au nombre de <a data-link-domain="fr.wiktionary.org" href="https://fr.wiktionary.org/wiki/Calorie">Calories</a> dont j’ai besoin sur une journée d’activités intensives. J’ai l’impression d’être autour de 3000-3500 —&nbsp;selon la température notamment. Il m’est difficile d’arriver à une telle quantité en restant en-dessous du kilo par jour <em>et</em> sans perdre l’appétit au cours du&nbsp;temps.</p>
  134. <p>J’en suis à me dire que pour de la rando-course, il faut que j’expérimente une approche nutritive hybride aussi avec un petit déjeuner, un repas complet le soir et entre les deux des «&nbsp;collations&nbsp;» variées / équilibrées / hypercaloriques tous les 4-5&#8239;km par exemple. C’est très approximatif et à tester en conditions réelles bien sûr avant de&nbsp;ré-adapter.</p>
  135. <p>Je suis en train d’itérer sur ma propre recette de <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Bannique">bannique</a>, tiraillé entre l’appropriation culturelle et la reconnaissance qu’il y a eu des siècles d’itérations avant moi… l’avantage d’une base relativement neutre étant de pouvoir la décliner en de multiples saveurs car le <em><a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Lembas">lembas</a></em> c’est un peu lassant au bout de quelques&nbsp;jours&#8239;!</p>
  136. <p>On va voir si j’arrive à perdre du poids —&nbsp;dans le sac seulement&nbsp;— avec cette stratégie. J’ai déjà l’impression d’être à bord du <a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Nebuchadnezzar_(The_Matrix)">Nebuchadnezzar</a> lorsque je mange mon gruau le matin, je ne suis pas encore prêt à me retrouver dans <a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Soylent_(meal_replacement)">Soleil Vert</a>.</p>
  137. <a href="#hr-157" title="Lien vers cette section de la page"><hr id="hr-157" /></a>
  138. <blockquote lang="en">
  139. <p>Too often, I notice that the instinct to give feedback works to cut off that kind of exploration. We assume that the person who is the object of our feedback has something to learn and fail to notice the same thing about ourselves. We presume that if something uncomfortable or unexpected happens, <mark>it represents an opportunity (or even an obligation) to give feedback—rather than an opportunity to get curious,</mark> to inquire into what’s going&nbsp;on.</p>
  140. <p>We’ve funneled so much energy into feedback processes that I fear we’ve neglected more foundational skills: the ability to ask questions, to listen deeply, to see the things before us that we’re wont to&nbsp;ignore.</p>
  141. <p><cite><em><a data-link-domain="everythingchanges.us" href="https://everythingchanges.us/blog/what-you-see/" hreflang="en"
  142. title="Consultation de l’article (anglais)">What you see | everything changes</a>
  143. <a href="/david/cache/2024/1fc13a9dd6654dd40f95de0d7d657128/" hreflang="en"
  144. data-tippy data-description="Attending to your own attention."
  145. data-source="https://everythingchanges.us/blog/what-you-see/"
  146. data-date="2024-04-22"
  147. data-favicon="https://everythingchanges.us/favicon.ico"
  148. data-domain="everythingchanges.us"
  149. ><svg xmlns="http://www.w3.org/2000/svg"
  150. width="24" height="24" viewBox="0 0 24 24" fill="none"
  151. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  152. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  153. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  154. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  155. </svg>
  156. <span class="sr-only">[archive]</span></a></em></cite></p>
  157. </blockquote>
  158. <p>🤐</p>
  159. <a href="#hr-158" title="Lien vers cette section de la page"><hr id="hr-158" /></a>
  160. <blockquote>
  161. <p>Partout on dégaine l’adjectif «&nbsp;systémique&nbsp;» sauf là, où il serait pourtant bien utile. C’est pas un problème de personnes, c’est pas que les masculinités alternatives sont un modèle qui ne s’est pas encore assez diffusé, c’est parce que l’appartenance à une classe qui a des privilèges sur une autre produit quelque chose chez les dominants, une certaine répugnance à ne pas en profiter. Difficile dans ces conditions de se mettre au service du <mark>féminisme entendu comme l’émancipation des femmes et non comme une aventure de développement personnel</mark>&nbsp;[…]</p>
  162. <p><cite><em><a data-link-domain="blog.ecologie-politique.eu" href="https://blog.ecologie-politique.eu/post/Les-hommes-doux-sont-ils-l-avenir-du-feminisme" hreflang="fr"
  163. title="Consultation de l’article">Les hommes doux sont-ils l’avenir du féminisme&#8239;?</a>
  164. <a href="/david/cache/2024/ece1ee6687c7070e9bf39adb74294b8c/" hreflang="fr"
  165. data-tippy data-description="Même si lafemme est l’avenir de l’homme, c’est moins sur nous que sur les hommes que sont projetées nombre d’attentes concernant le recul espéré du sexisme. Comme si nous ne"
  166. data-source="https://blog.ecologie-politique.eu/post/Les-hommes-doux-sont-ils-l-avenir-du-feminisme"
  167. data-date="2024-04-22"
  168. data-favicon=""
  169. data-domain="blog.ecologie-politique.eu"
  170. ><svg xmlns="http://www.w3.org/2000/svg"
  171. width="24" height="24" viewBox="0 0 24 24" fill="none"
  172. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  173. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  174. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  175. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  176. </svg>
  177. <span class="sr-only">[archive]</span></a></em></cite></p>
  178. </blockquote>
  179. <p>Ça pique là où il faut que ça&nbsp;pique.</p>
  180. <a href="#hr-159" title="Lien vers cette section de la page"><hr id="hr-159" /></a>
  181. <blockquote lang="en">
  182. <p>Even if you decide not to post the comment or delete it after it is posted, the files are not deleted from GitHub’s CDN, and the download URLs continue to work&nbsp;forever.</p>
  183. <p>As the file’s URL contains the name of the repository the comment was created in, and as almost every software company uses GitHub, this flaw can allow threat actors to develop extraordinarily crafty and trustworthy&nbsp;lures.</p>
  184. <p><cite><em><a data-link-domain="bleepingcomputer.com" href="https://www.bleepingcomputer.com/news/security/github-comments-abused-to-push-malware-via-microsoft-repo-urls/" hreflang="en"
  185. title="Consultation de l’article (anglais)">GitHub comments abused to push malware via Microsoft repo URLs</a>
  186. <a href="/david/cache/2024/81659ceed4b37a8c94095c3b743fe13a/" hreflang="en"
  187. data-tippy data-description="A GitHub flaw, or possibly&nbsp;a design decision, is being abused by threat actors to distribute malware using URLs associated with a Microsoft repository, making the files appear trustworthy."
  188. data-source="https://www.bleepingcomputer.com/news/security/github-comments-abused-to-push-malware-via-microsoft-repo-urls/"
  189. data-date="2024-04-22"
  190. data-favicon="https://www.bleepstatic.com/favicon/bleeping.ico"
  191. data-domain="bleepingcomputer.com"
  192. ><svg xmlns="http://www.w3.org/2000/svg"
  193. width="24" height="24" viewBox="0 0 24 24" fill="none"
  194. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  195. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  196. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  197. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  198. </svg>
  199. <span class="sr-only">[archive]</span></a></em></cite></p>
  200. </blockquote>
  201. <p>Une astuce pour un hébergement d’images aux frais de Microsoft est en train d’être documentée. À juste titre, je n’avais pas conscience que l’URL était liée au dépôt ce qui ouvre pas mal de possibilités niveau&nbsp;sécurité.</p>
  202. <nav>
  203. <p>
  204. <a href="/david/2024/adaptation/"
  205. title="Liste de tous les articles 2024 associés à cette étiquette"
  206. rel="tag">#adaptation</a>
  207. <a href="/david/2024/laboratoire/"
  208. title="Liste de tous les articles 2024 associés à cette étiquette"
  209. rel="tag">#laboratoire</a>
  210. <a href="/david/2024/sport/"
  211. title="Liste de tous les articles 2024 associés à cette étiquette"
  212. rel="tag">#sport</a>
  213. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  214. </p>
  215. </nav>
  216. <h2>
  217. <a href="/david/2024/03/18/" title="Lien permanent vers cet article">Casquettes</a> <time datetime="2024-03-18">18 mars 2024</time>
  218. </h2>
  219. <p>L’impression de porter beaucoup de casquettes dans la même journée en ce moment. Genre ces dernières années en fait. Je ne sais pas encore si ça mène à l’épuisement ou si c’est ce qui me permet de ne pas&nbsp;m’ennuyer.</p>
  220. <p>Je vais bientôt pouvoir ajouter «&nbsp;nocoder&nbsp;» à mon CV. Petite joie technique&nbsp;(?) de la journée, on a réussi à connecter une feuille AiTable à la banque. On place une date dans une cellule et ça programme un virement de l’autre côté. C’était marrant de le faire en&nbsp;binôme.</p>
  221. <a href="#hr-121" title="Lien vers cette section de la page"><hr id="hr-121" /></a>
  222. <blockquote lang="en">
  223. <p>When you’re designing a piece of software, the single most important thing to design for is understandability. Security, performance, and correctness are all important, but <mark>they come after&nbsp;understandability.</mark></p>
  224. <p><cite><em><a data-link-domain="ntietz.com" href="https://ntietz.com/blog/the-most-important-goal-in-designing-software-is-understandability/" hreflang="en"
  225. title="Consultation de l’article (anglais)">The most important goal in designing software is understandability</a>
  226. <a href="/david/cache/2024/f154db1b6eccf69f498b4a31980367bd/" hreflang="en"
  227. data-tippy data-description="When you're designing a piece of software, the single most important thing to design for is understandability."
  228. data-source="https://ntietz.com/blog/the-most-important-goal-in-designing-software-is-understandability/"
  229. data-date="2024-03-18"
  230. data-favicon="https://ntietz.com/favicon-32x32.png"
  231. data-domain="ntietz.com"
  232. ><svg xmlns="http://www.w3.org/2000/svg"
  233. width="24" height="24" viewBox="0 0 24 24" fill="none"
  234. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  235. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  236. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  237. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  238. </svg>
  239. <span class="sr-only">[archive]</span></a></em></cite></p>
  240. </blockquote>
  241. <a href="#hr-122" title="Lien vers cette section de la page"><hr id="hr-122" /></a>
  242. <blockquote lang="en">
  243. <p>Open Source is rewarding- but it can also be&nbsp;exhausting.</p>
  244. <p>The linking project’s code is provided as-is, and is not actively&nbsp;maintained.</p>
  245. <p><cite><em><a data-link-domain="unmaintained.tech" href="https://unmaintained.tech/" hreflang="en"
  246. title="Consultation de l’article (anglais)">No Maintenance Intended</a>
  247. <a href="/david/cache/2024/590887213b24404c8d1e8355127ce2e2/" hreflang="en"
  248. data-tippy data-description="The linking project’s code is provided as-is, and is not actively maintained."
  249. data-source="https://unmaintained.tech/"
  250. data-date="2024-03-18"
  251. data-favicon=""
  252. data-domain="unmaintained.tech"
  253. ><svg xmlns="http://www.w3.org/2000/svg"
  254. width="24" height="24" viewBox="0 0 24 24" fill="none"
  255. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  256. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  257. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  258. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  259. </svg>
  260. <span class="sr-only">[archive]</span></a></em></cite></p>
  261. </blockquote>
  262. <nav>
  263. <p>
  264. <a href="/david/2024/adaptation/"
  265. title="Liste de tous les articles 2024 associés à cette étiquette"
  266. rel="tag">#adaptation</a>
  267. <a href="/david/2024/addiction/"
  268. title="Liste de tous les articles 2024 associés à cette étiquette"
  269. rel="tag">#addiction</a>
  270. <a href="/david/2024/evolution/"
  271. title="Liste de tous les articles 2024 associés à cette étiquette"
  272. rel="tag">#évolution</a>
  273. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  274. </p>
  275. </nav>
  276. <h2>
  277. <a href="/david/2024/03/10/" title="Lien permanent vers cet article">Dune</a> <time datetime="2024-03-10">10 mars 2024</time>
  278. </h2>
  279. <p>Je crois bien n’être allé que 3&nbsp;fois dans une salle de cinéma ces 10&nbsp;dernières années. Et puis l’occasion s’est présentée, sans prévenir, aujourd’hui. J’avais <a href="/david/2021/10/18/">quelques retenues sur la première partie</a> mais j’attendais quand même avec impatience la suite. Et j’avais réussi à ne pas trop regarder les bandes annonces, ni les&nbsp;critiques.</p>
  280. <p><em>Note&nbsp;: ça va forcément divulgâcher un peu dans la&nbsp;suite.</em></p>
  281. <p>L’adaptation est bonne, le défi était de taille et —&nbsp;en dépit des quelques ajustements qui piquent un peu le <em>fan</em> que je suis (surtout vers la fin&#8239;!)&nbsp;— la scénarisation est cohérente. Ce qui n’était pas une mince affaire car encore une fois la temporalité n’est pas évidente et rendre l’évolution des personnages visible avec tout ce qui est censé se passer dans leur tête requiert des redéfinitions et des&nbsp;raccourcis.</p>
  282. <p>Mon erreur a probablement été de choisir de l’IMAX alors que c’était Hans “<a data-link-domain="20k.org" href="https://www.20k.org/episodes/boojstrikesback">booj</a>” Zimmer aux platines. Autant dire que le siège a vibré la moitié du film&#8239;! Au-delà de la bande originale, le son a vraiment été travaillé mais je crois que c’était un peu trop pour mes vieilles oreilles plus vraiment adaptées à de tels volumes. Il y a des moments où j’ai même trouvé que ça altérait la compréhension des dialogues… j’avais un peu l’impression de me noyer dans la volonté im·mer·sive alors que l’on est en plein désert. Je doute de retourner dans une salle de si&nbsp;tôt.</p>
  283. <p>Tout ce qui tourne autour des vers est bien fait, j’avais toujours eu du mal à me faire ma propre représentation des tailles et interactions à la lecture et là ça me semble être respecté / réaliste. Idem pour les <em>Sietchs</em>, c’est fidèle à la projection mentale que je pouvais m’en faire, même si l’on n’en voit pas grand chose au final. J’ai particulièrement apprécié le choix de faire une <em>Chani</em> forte qui est davantage consciente des enjeux et des répercutions. La jalousie aurait mérité d’être plus subtile, la différence entre la femme (politique) de Paul et sa compagne (amoureuse) est vraiment explicite dans le&nbsp;livre.</p>
  284. <p>Paul Muad’dib perd un peu trop d’eau à mon goût au cours de nombreuses scènes. Il était probablement plus difficile de transmettre des émotions&nbsp;sèches&nbsp;(?).</p>
  285. <p>Pour finir sur une note positive, l’image bien sûr. C’est à la limite du trop <em>et</em> c’est magnifique au niveau des différents tableaux qui s’enchaînent avec leurs propres couleurs, cinématiques et points de vues. On sent le travail de recherche sans qu’il ne devienne complètement distrayant. J’y serai d’autant plus attentif lors d’un second visionnage, chez moi, en choisissant le volume&nbsp;sonore.</p>
  286. <p>Je ne vois pas comment est-ce qu’il ne pourrait pas y avoir une troisième partie. À voir comment / si ça raccroche les wagons des livres. J’aurais presque envie que ça explore sa propre branche. <em>Dune&nbsp;multi·vers·e&#8239;!</em></p>
  287. <nav>
  288. <p>
  289. <a href="/david/2024/adaptation/"
  290. title="Liste de tous les articles 2024 associés à cette étiquette"
  291. rel="tag">#adaptation</a>
  292. <a href="/david/2024/cinema/"
  293. title="Liste de tous les articles 2024 associés à cette étiquette"
  294. rel="tag">#cinéma</a>
  295. <a href="/david/2024/lecture/"
  296. title="Liste de tous les articles 2024 associés à cette étiquette"
  297. rel="tag">#lecture</a>
  298. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  299. </p>
  300. </nav>
  301. <h2>
  302. <a href="/david/2024/03/05/" title="Lien permanent vers cet article">Jour 2</a> <time datetime="2024-03-05">5 mars 2024</time>
  303. </h2>
  304. <p>On se réveille dans la brume avec le soleil peinant à passer à travers, le lac et la neige ont regelé pendant la nuit. C’est une belle ambiance après une nuit agitée par la chaleur du <del>sauna</del> refuge. Les poêles tirent à fond dans ces endroits pour éviter que des personnes n’arrivent pas à faire démarrer un feu (j’imagine que ça peut être critique) mais ça les rend très inefficaces dans la durée et très chauds dès qu’on met deux buches&nbsp;dedans.</p>
  305. <figure>
  306. <a href="/static/david/2024/2024-03-05-lac-corbeau.jpg"
  307. title="Cliquer pour une version haute résolution">
  308. <img
  309. src="/static/david/2024/2024-03-05-lac-corbeau.jpg"
  310. width="4032" height="3024"
  311. srcset="/static/david/2024/2024-03-05-lac-corbeau.jpg 4032w, /static/david/2024/2024-03-05-lac-corbeau_660x440.jpg 660w, /static/david/2024/2024-03-05-lac-corbeau_990x660.jpg 990w, /static/david/2024/2024-03-05-lac-corbeau_1320x880.jpg 1320w"
  312. sizes="min(100vw, calc(100vh * 4032 / 3024))"
  313. loading="lazy"
  314. decoding="async"
  315. alt="Lac corbeau à l’aube.">
  316. </a>
  317. <figcaption>De bien jolies couleurs au&nbsp;réveil.</figcaption>
  318. </figure>
  319. <p>Cet épisode me confirme encore une fois que les enfants ont des corps de sportifs de très haut niveau. Je suis impatient de pouvoir le charger un peu plus car c’est frustrant de le voir gambader devant de bon matin alors que mes muscles sont à peine réveillés. J’aime bien lorsqu’on va explorer un peu plus loin et que l’on se projette sur ce que l’on pourrait faire l’année&nbsp;suivante.</p>
  320. <figure>
  321. <a href="/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg"
  322. title="Cliquer pour une version haute résolution">
  323. <img
  324. src="/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg"
  325. width="3024" height="4032"
  326. srcset="/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg 3024w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_660x440.jpg 660w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_990x660.jpg 990w, /static/david/2024/2024-03-05-enfant-refuge-corbeau_1320x880.jpg 1320w"
  327. sizes="min(100vw, calc(100vh * 3024 / 4032))"
  328. loading="lazy"
  329. decoding="async"
  330. alt="Un enfant qui court dans la neige vers un refuge.">
  331. </a>
  332. <figcaption>Jamais&nbsp;fatigué.</figcaption>
  333. </figure>
  334. <p>Le retour est moins joyeux car il s’agit d’enchainer les efforts et chaque heure qui passe rend la neige plus meuble. À tel point que l’on décide de couper par une piste sur une courte section. Mon évaluation est que la saison de ski est terminée, même une sous-couche bien travaillée ne tiendra pas la semaine qui s’en&nbsp;vient.</p>
  335. <p>J’aurais aimé faire une boucle un peu plus longue au retour mais il faut savoir s’adapter aux conditions. Le plus important est de terminer sans blessure ni&nbsp;dégoût.</p>
  336. <p><em>Je commence à imaginer un parcours rapide sur plusieurs jours dans cette forêt que je connais bien. Peut-être qu’une fenêtre se dessine en avril… il faut que je récupère un peu de cardio d’ici&nbsp;là.</em></p>
  337. <nav>
  338. <p>
  339. <a href="/david/2024/adaptation/"
  340. title="Liste de tous les articles 2024 associés à cette étiquette"
  341. rel="tag">#adaptation</a>
  342. <a href="/david/2024/aventure/"
  343. title="Liste de tous les articles 2024 associés à cette étiquette"
  344. rel="tag">#aventure</a>
  345. <a href="/david/2024/psychologie/"
  346. title="Liste de tous les articles 2024 associés à cette étiquette"
  347. rel="tag">#psychologie</a>
  348. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  349. </p>
  350. </nav>
  351. <form action="/david/recherche/" method="get">
  352. <fieldset>
  353. <legend>Recherche</legend>
  354. <label for="input-search">Termes de votre recherche :</label>
  355. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  356. <input type="submit" value="Chercher">
  357. <p id="indexation-infos">
  358. <small>
  359. Seuls les contenus de ces 8 dernières années sont indexés.
  360. </small>
  361. </p>
  362. </fieldset>
  363. </form>
  364. <aside>
  365. <theme-toggle></theme-toggle>
  366. </aside>
  367. </article>
  368. <hr>
  369. <footer>
  370. <p>
  371. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  372. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  373. <a href="http://larlet.com"
  374. title="Go to my English profile"
  375. data-instant>Pro</a>
  376. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  377. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  378. </p>
  379. <template id="theme-selector">
  380. <form>
  381. <style type="text/css">
  382. fieldset div {
  383. text-align: center;
  384. }
  385. </style>
  386. <fieldset>
  387. <legend>Thème</legend>
  388. <div>
  389. <label>
  390. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  391. Auto
  392. </label>
  393. <label>
  394. <input type="radio" value="dark" name="chosen-color-scheme">
  395. Foncé
  396. </label>
  397. <label>
  398. <input type="radio" value="light" name="chosen-color-scheme">
  399. Clair
  400. </label>
  401. </div>
  402. </fieldset>
  403. </form>
  404. </template>
  405. </footer>
  406. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  407. <script>
  408. class ThemeToggle extends HTMLElement {
  409. constructor() {
  410. super()
  411. const themeSelectorTemplate = document.querySelector('#theme-selector')
  412. const form = themeSelectorTemplate.content.firstElementChild
  413. this.attachShadow({ mode: 'open' })
  414. this.shadowRoot.appendChild(form.cloneNode(true))
  415. }
  416. connectedCallback() {
  417. const form = this.shadowRoot.querySelector('form')
  418. form.addEventListener('change', (e) => {
  419. const chosenColorScheme = e.target.value
  420. localStorage.setItem('theme', chosenColorScheme)
  421. toggleTheme(chosenColorScheme)
  422. })
  423. const selectedTheme = localStorage.getItem('theme')
  424. if (selectedTheme && selectedTheme !== 'undefined') {
  425. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  426. }
  427. }
  428. }
  429. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  430. window.addEventListener('load', () => {
  431. let colorsLayer = undefined
  432. let hasDarkRules = false
  433. for (const styleSheet of Array.from(document.styleSheets)) {
  434. let mediaRules = []
  435. for (const layerRule of styleSheet.cssRules) {
  436. if (!(layerRule instanceof CSSLayerBlockRule)) {
  437. continue
  438. }
  439. if (layerRule.name === 'colors') {
  440. colorsLayer = layerRule
  441. }
  442. for (const cssRule of layerRule.cssRules) {
  443. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  444. continue
  445. }
  446. // WARNING: Safari does not have/supports `conditionText`.
  447. if (cssRule.conditionText) {
  448. if (cssRule.conditionText !== prefersColorSchemeDark) {
  449. continue
  450. }
  451. } else {
  452. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  453. continue
  454. }
  455. }
  456. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  457. }
  458. }
  459. // WARNING: do not try to insert a Rule to a styleSheet you are
  460. // currently iterating on, otherwise the browser will be stuck
  461. // in a infinite loop…
  462. for (const mediaRule of mediaRules) {
  463. // Safari requires the `0` second parameter (even if default).
  464. colorsLayer.insertRule(mediaRule.cssText, 0)
  465. hasDarkRules = true
  466. }
  467. }
  468. if (hasDarkRules) {
  469. if ('customElements' in window && !customElements.get('theme-toggle')) {
  470. customElements.define('theme-toggle', ThemeToggle)
  471. }
  472. }
  473. })
  474. </script>
  475. </body>
  476. </html>