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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520
  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 #aventure
  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 #aventure">
  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>#aventure</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/03/16/" title="Lien permanent vers cet article">Descriptions</a> <time datetime="2024-03-16">16 mars 2024</time>
  132. </h2>
  133. <blockquote>
  134. <p>Le crépuscule était tombé lorsqu’ils partirent enfin&nbsp;: rampant par-dessus le bord ouest du vallon, ils passèrent comme des fantômes dans le pays accidenté en bordure de la route. La Lune n’était plus qu’à trois nuits de son plein, mais elle ne devait pas franchir les Montagnes avant minuit ou presque, et le début de leur voyage se fit dans la plus grande obscurité. […]</p>
  135. <p><mark>Enfin, quand la nuit se fit vieille et que la fatigue les eut déjà rattrapés</mark>&nbsp;[…]</p>
  136. <p>Dès la tombée de la nuit, la terre s’étant évanouie en un gris informe, ils se remirent en route. […]</p>
  137. <p>Le jour était en train d’éclore, et ils virent que les Montagnes étaient à présent beaucoup plus distantes, fuyant vers l’est en une longue courbe qui se perdait à l’horizon. […]</p>
  138. <p>La lumière croissante leur révéla une terre déjà moins aride et moins ravagée. Les Montagnes se dressaient encore de façon menaçante sur leur gauche, mais la route du Sud était visible tout près d’eux, et elle s’éloignait à présent des racines noires des collines, obliquant vers l’ouest. […]</p>
  139. <p><cite><em>Le Seigneur des Anneaux</em>, J.R.R. Tolkien, traduction de Daniel&nbsp;Lauzon</cite></p>
  140. </blockquote>
  141. <p>Je ne sais pas si j’y suis plus sensible à <a href="/david/2024/02/06/" title="Anneau">cette relecture</a> ou s’il s’agit d’améliorations avec la nouvelle traduction mais je remarque des tournures de phrases qui m’inspirent pour raconter des aventures en nature. Le sujet devenant l’environnement pour traduire les contraintes qu’il&nbsp;impose.</p>
  142. <p>Puisqu’il faut s’éloigner du style de <a data-link-domain="comptoir.org" href="https://comptoir.org/2024/03/11/sylvain-tesson-les-vers-de-la-reaction/" hreflang="fr"
  143. title="Consultation de l’article">Sylvain Tesson</a>
  144. <a href="/david/cache/2024/d767413ad435c2d833e7d0711c40c370/" hreflang="fr"
  145. data-tippy data-description="La rentrée littéraire de ce début d’année 2024 fut marquée – comme presque chaque année désormais – par la parution d’un nouveau récit de voyage de Sylvain Tesson, doublé d’une polémique sur sa nom…"
  146. data-source="https://comptoir.org/2024/03/11/sylvain-tesson-les-vers-de-la-reaction/"
  147. data-date="2024-03-17"
  148. data-favicon="https://secure.gravatar.com/blavatar/d516daa7fb122f031098a3523884605516add46cc63f1940d3e69aa42056b5c2?s=32"
  149. data-domain="comptoir.org"
  150. ><svg xmlns="http://www.w3.org/2000/svg"
  151. width="24" height="24" viewBox="0 0 24 24" fill="none"
  152. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  153. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  154. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  155. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  156. </svg>
  157. <span class="sr-only">[archive]</span></a>…</p>
  158. <nav>
  159. <p>
  160. <a href="/david/2024/aventure/"
  161. title="Liste de tous les articles 2024 associés à cette étiquette"
  162. rel="tag">#aventure</a>
  163. <a href="/david/2024/ecriture/"
  164. title="Liste de tous les articles 2024 associés à cette étiquette"
  165. rel="tag">#écriture</a>
  166. <a href="/david/2024/lecture/"
  167. title="Liste de tous les articles 2024 associés à cette étiquette"
  168. rel="tag">#lecture</a>
  169. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  170. </p>
  171. </nav>
  172. <h2>
  173. <a href="/david/2024/03/05/" title="Lien permanent vers cet article">Jour 2</a> <time datetime="2024-03-05">5 mars 2024</time>
  174. </h2>
  175. <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>
  176. <figure>
  177. <a href="/static/david/2024/2024-03-05-lac-corbeau.jpg"
  178. title="Cliquer pour une version haute résolution">
  179. <img
  180. src="/static/david/2024/2024-03-05-lac-corbeau.jpg"
  181. width="4032" height="3024"
  182. 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"
  183. sizes="min(100vw, calc(100vh * 4032 / 3024))"
  184. loading="lazy"
  185. decoding="async"
  186. alt="Lac corbeau à l’aube.">
  187. </a>
  188. <figcaption>De bien jolies couleurs au&nbsp;réveil.</figcaption>
  189. </figure>
  190. <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>
  191. <figure>
  192. <a href="/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg"
  193. title="Cliquer pour une version haute résolution">
  194. <img
  195. src="/static/david/2024/2024-03-05-enfant-refuge-corbeau.jpg"
  196. width="3024" height="4032"
  197. 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"
  198. sizes="min(100vw, calc(100vh * 3024 / 4032))"
  199. loading="lazy"
  200. decoding="async"
  201. alt="Un enfant qui court dans la neige vers un refuge.">
  202. </a>
  203. <figcaption>Jamais&nbsp;fatigué.</figcaption>
  204. </figure>
  205. <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>
  206. <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>
  207. <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>
  208. <nav>
  209. <p>
  210. <a href="/david/2024/adaptation/"
  211. title="Liste de tous les articles 2024 associés à cette étiquette"
  212. rel="tag">#adaptation</a>
  213. <a href="/david/2024/aventure/"
  214. title="Liste de tous les articles 2024 associés à cette étiquette"
  215. rel="tag">#aventure</a>
  216. <a href="/david/2024/psychologie/"
  217. title="Liste de tous les articles 2024 associés à cette étiquette"
  218. rel="tag">#psychologie</a>
  219. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  220. </p>
  221. </nav>
  222. <h2>
  223. <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>
  224. </h2>
  225. <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>
  226. <figure>
  227. <a href="/static/david/2024/2024-02-25-duvet-givre.jpg"
  228. title="Cliquer pour une version haute résolution">
  229. <img
  230. src="/static/david/2024/2024-02-25-duvet-givre.jpg"
  231. width="2317" height="3088"
  232. 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"
  233. sizes="min(100vw, calc(100vh * 2317 / 3088))"
  234. loading="lazy"
  235. decoding="async"
  236. alt="Mon nez qui dépasse de la cheminée du duvet toute givrée.">
  237. </a>
  238. <figcaption>OMG, they killed&nbsp;Kenny!</figcaption>
  239. </figure>
  240. <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>
  241. <figure>
  242. <a href="/static/david/2024/2024-02-25-foyer-firebox.jpg"
  243. title="Cliquer pour une version haute résolution">
  244. <img
  245. src="/static/david/2024/2024-02-25-foyer-firebox.jpg"
  246. width="3024" height="4032"
  247. 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"
  248. sizes="min(100vw, calc(100vh * 3024 / 4032))"
  249. loading="lazy"
  250. decoding="async"
  251. alt="Un foyer avec ma popote et une buche sur laquelle on voit l’ombre de la marque (Firebox).">
  252. </a>
  253. <figcaption>Mon auto-correct vient de me corriger le texte alternatif en Firefox. Bien.</figcaption>
  254. </figure>
  255. <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>
  256. <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>
  257. <figure>
  258. <a href="/static/david/2024/2024-02-25-lac-boeuf.jpg"
  259. title="Cliquer pour une version haute résolution">
  260. <img
  261. src="/static/david/2024/2024-02-25-lac-boeuf.jpg"
  262. width="3024" height="4032"
  263. 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"
  264. sizes="min(100vw, calc(100vh * 3024 / 4032))"
  265. loading="lazy"
  266. decoding="async"
  267. alt="Des traces de mes skis sur un lac gelé.">
  268. </a>
  269. <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>
  270. </figure>
  271. <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>
  272. <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>
  273. <nav>
  274. <p>
  275. <a href="/david/2024/aventure/"
  276. title="Liste de tous les articles 2024 associés à cette étiquette"
  277. rel="tag">#aventure</a>
  278. <a href="/david/2024/foret/"
  279. title="Liste de tous les articles 2024 associés à cette étiquette"
  280. rel="tag">#forêt</a>
  281. <a href="/david/2024/gratitude/"
  282. title="Liste de tous les articles 2024 associés à cette étiquette"
  283. rel="tag">#gratitude</a>
  284. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  285. </p>
  286. </nav>
  287. <h2>
  288. <a href="/david/2024/02/24/" title="Lien permanent vers cet article">Jour 1</a> <time datetime="2024-02-24">24 février 2024</time>
  289. </h2>
  290. <p>Arrivée en fin de matinée. La voiture affiche -12°C et je sais que je ne vais probablement pas avoir plus ces 30&nbsp;prochaines heures dans la forêt. Depuis que j’ai appris la connaissance de la Grande Boucle de la forêt de Ouareau, j’ai eu envie de la faire, à mon rythme, avec une nuit à l’autre bout du parc. Ma pulka est énorme, ils annoncent une nuit fraîche et avec du vent. Je me lance dans la première descente alors que la neige est dure comme de la roche. J’apprends à mes dépens que les écailles des skis ne sont pas adaptées lorsque je repars en arrière à la première montée. Première chute, ça commence&nbsp;bien.</p>
  291. <p>Avec les demi-peaux, ça passe déjà mieux mais ça demande de beaucoup forcer sur les bras. Les quelques personnes que je croise en skis de fond n’en mènent pas large non plus, les conditions sont atroces quel que soit l’équipement on dirait. Certains choisissent de tirer 40&#8239;kg en plus pour le fun. Après quelques heures, j’arrive enfin au lac tant espéré, le soleil me gratifie de ses derniers rayons pour monter le camp et préparer de quoi me réchauffer pour la&nbsp;soirée.</p>
  292. <figure>
  293. <a href="/static/david/2024/2024-02-24-pulka-lac-boeuf.jpg"
  294. title="Cliquer pour une version haute résolution">
  295. <img
  296. src="/static/david/2024/2024-02-24-pulka-lac-boeuf.jpg"
  297. width="4032" height="3024"
  298. srcset="/static/david/2024/2024-02-24-pulka-lac-boeuf.jpg 4032w, /static/david/2024/2024-02-24-pulka-lac-boeuf_660x440.jpg 660w, /static/david/2024/2024-02-24-pulka-lac-boeuf_990x660.jpg 990w, /static/david/2024/2024-02-24-pulka-lac-boeuf_1320x880.jpg 1320w"
  299. sizes="min(100vw, calc(100vh * 4032 / 3024))"
  300. loading="lazy"
  301. decoding="async"
  302. alt="La pulka devant le lac bœuf.">
  303. </a>
  304. <figcaption>La joie d’arriver au lieu de campement avec mes deux&nbsp;chevilles.</figcaption>
  305. </figure>
  306. <p>Il fait déjà -16°C et j’ai choisi de prendre une tente cette fois-ci par crainte du vent annoncé mais il n’y a pas de soucis à se faire pour l’instant. C’est même très agréable s’il n’y avait pas le ronron des motoneiges dans le lointain qui vient casser un peu l’ambiance. Le son porte très loin en&nbsp;hiver.</p>
  307. <p>Je suis pas mal déshydraté mais j’essaye de gérer stratégiquement cela, je sais qu’il va falloir passer le plus longtemps possible dans le duvet. Les courbatures attendront. Je passe une bonne soirée au coin du feu car il y a finalement très peu de vent et la voûte céleste est superbe par ces températures. J’aurais bien dormi à la belle&nbsp;étoile.</p>
  308. <figure>
  309. <a href="/static/david/2024/2024-02-24-tente-ouverte.jpg"
  310. title="Cliquer pour une version haute résolution">
  311. <img
  312. src="/static/david/2024/2024-02-24-tente-ouverte.jpg"
  313. width="4032" height="3024"
  314. srcset="/static/david/2024/2024-02-24-tente-ouverte.jpg 4032w, /static/david/2024/2024-02-24-tente-ouverte_660x440.jpg 660w, /static/david/2024/2024-02-24-tente-ouverte_990x660.jpg 990w, /static/david/2024/2024-02-24-tente-ouverte_1320x880.jpg 1320w"
  315. sizes="min(100vw, calc(100vh * 4032 / 3024))"
  316. loading="lazy"
  317. decoding="async"
  318. alt="Une tente ouverte avec un duvet à l’intérieur.">
  319. </a>
  320. <figcaption>Chambre avec&nbsp;vue.</figcaption>
  321. </figure>
  322. <p>Je suis bien content d’avoir pris mon plus gros duvet car j’apprends que le thermomètre de ma montre s’arrête de fonctionner à partir de -20°C. Et il n’est que 7&#8239;h du soir. Le passage du foyer au duvet est toujours un moment assez critique. Je découvre que les chaufferettes permettent de récupérer des pieds gelés plus rapidement (j’avais fait l’erreur de ne prendre que des bouteilles isotherme). Je prends soin de donner une forme enfilable à mes chaussures avec la bonne position des lacets qui vont geler&nbsp;aussi.</p>
  323. <p>Je m’endors en écoutant le silence, seulement brisé par les arbres qui craquent de froid. L’hiver tire ses dernières balles et certains resteront couchés&nbsp;demain.</p>
  324. <nav>
  325. <p>
  326. <a href="/david/2024/aventure/"
  327. title="Liste de tous les articles 2024 associés à cette étiquette"
  328. rel="tag">#aventure</a>
  329. <a href="/david/2024/foret/"
  330. title="Liste de tous les articles 2024 associés à cette étiquette"
  331. rel="tag">#forêt</a>
  332. <a href="/david/2024/sport/"
  333. title="Liste de tous les articles 2024 associés à cette étiquette"
  334. rel="tag">#sport</a>
  335. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  336. </p>
  337. </nav>
  338. <form action="/david/recherche/" method="get">
  339. <fieldset>
  340. <legend>Recherche</legend>
  341. <label for="input-search">Termes de votre recherche :</label>
  342. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  343. <input type="submit" value="Chercher">
  344. <p id="indexation-infos">
  345. <small>
  346. Seuls les contenus de ces 8 dernières années sont indexés.
  347. </small>
  348. </p>
  349. </fieldset>
  350. </form>
  351. <aside>
  352. <theme-toggle></theme-toggle>
  353. </aside>
  354. </article>
  355. <hr>
  356. <footer>
  357. <p>
  358. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  359. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  360. <a href="http://larlet.com"
  361. title="Go to my English profile"
  362. data-instant>Pro</a>
  363. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  364. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  365. </p>
  366. <template id="theme-selector">
  367. <form>
  368. <style type="text/css">
  369. fieldset div {
  370. text-align: center;
  371. }
  372. </style>
  373. <fieldset>
  374. <legend>Thème</legend>
  375. <div>
  376. <label>
  377. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  378. Auto
  379. </label>
  380. <label>
  381. <input type="radio" value="dark" name="chosen-color-scheme">
  382. Foncé
  383. </label>
  384. <label>
  385. <input type="radio" value="light" name="chosen-color-scheme">
  386. Clair
  387. </label>
  388. </div>
  389. </fieldset>
  390. </form>
  391. </template>
  392. </footer>
  393. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  394. <script>
  395. class ThemeToggle extends HTMLElement {
  396. constructor() {
  397. super()
  398. const themeSelectorTemplate = document.querySelector('#theme-selector')
  399. const form = themeSelectorTemplate.content.firstElementChild
  400. this.attachShadow({ mode: 'open' })
  401. this.shadowRoot.appendChild(form.cloneNode(true))
  402. }
  403. connectedCallback() {
  404. const form = this.shadowRoot.querySelector('form')
  405. form.addEventListener('change', (e) => {
  406. const chosenColorScheme = e.target.value
  407. localStorage.setItem('theme', chosenColorScheme)
  408. toggleTheme(chosenColorScheme)
  409. })
  410. const selectedTheme = localStorage.getItem('theme')
  411. if (selectedTheme && selectedTheme !== 'undefined') {
  412. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  413. }
  414. }
  415. }
  416. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  417. window.addEventListener('load', () => {
  418. let colorsLayer = undefined
  419. let hasDarkRules = false
  420. for (const styleSheet of Array.from(document.styleSheets)) {
  421. let mediaRules = []
  422. for (const layerRule of styleSheet.cssRules) {
  423. if (!(layerRule instanceof CSSLayerBlockRule)) {
  424. continue
  425. }
  426. if (layerRule.name === 'colors') {
  427. colorsLayer = layerRule
  428. }
  429. for (const cssRule of layerRule.cssRules) {
  430. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  431. continue
  432. }
  433. // WARNING: Safari does not have/supports `conditionText`.
  434. if (cssRule.conditionText) {
  435. if (cssRule.conditionText !== prefersColorSchemeDark) {
  436. continue
  437. }
  438. } else {
  439. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  440. continue
  441. }
  442. }
  443. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  444. }
  445. }
  446. // WARNING: do not try to insert a Rule to a styleSheet you are
  447. // currently iterating on, otherwise the browser will be stuck
  448. // in a infinite loop…
  449. for (const mediaRule of mediaRules) {
  450. // Safari requires the `0` second parameter (even if default).
  451. colorsLayer.insertRule(mediaRule.cssText, 0)
  452. hasDarkRules = true
  453. }
  454. }
  455. if (hasDarkRules) {
  456. if ('customElements' in window && !customElements.get('theme-toggle')) {
  457. customElements.define('theme-toggle', ThemeToggle)
  458. }
  459. }
  460. })
  461. </script>
  462. </body>
  463. </html>