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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
  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>Jour&nbsp;2 — David Larlet</title>
  13. <meta name="description" content="Finalement, réveil à 6 h au bruit des casseroles des voisin·es. C’est pas plus mal car ça me permet d’admirer la pureté du ciel étoilé par -15 °C, et puis ça me laisse le temps de me faire un gruau bien chaud avant de tout plier. Je ne suis pas encore à 100% mais c’est déjà beaucoup mieux que la veille. La bactérie ou le virus concerné doit se dire que je ne suis pas un hôte rentable.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <article>
  54. <header>
  55. <h1>Jour&nbsp;2</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2023/02/10/" title="Publication précédente : Jour&nbsp;1">← Précédent</a> •
  60. <nobr>
  61. <a href="/david/" title="Aller à l’accueil" rel="up"
  62. ><svg class="icon icon-home">
  63. <use
  64. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  65. ></use>
  66. </svg>
  67. Accueil</a
  68. >
  69. </nobr>
  70. <nobr>
  71. <a href="/david/recherche/" title="Aller à la page de recherche" rel="search"
  72. ><svg class="icon icon-search">
  73. <use
  74. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"
  75. ></use>
  76. </svg>
  77. Recherche</a
  78. >
  79. </nobr>
  80. • <a rel="next" href="/david/2023/02/12/" title="Publication suivante : Jour&nbsp;3">Suivant →</a>
  81. </p>
  82. </nav>
  83. <hr>
  84. <p>Finalement, réveil à 6&#8239;h au bruit des casseroles des voisin·es. C’est pas plus mal car ça me permet d’admirer la pureté du ciel étoilé par -15&#8239;°C, et puis ça me laisse le temps de me faire un gruau bien chaud avant de tout plier. Je ne suis pas encore à 100% mais c’est déjà beaucoup mieux que la veille. La bactérie ou le virus concerné doit se dire que je ne suis pas un hôte&nbsp;rentable.</p>
  85. <figure>
  86. <a href="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
  87. title="Cliquer pour une version haute résolution">
  88. <img
  89. src="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg"
  90. width="1512" height="2016"
  91. srcset="/static/david/2023/2023-02-11-accueil-poisson-blanc.jpg 1512w, /static/david/2023/2023-02-11-accueil-poisson-blanc_660x440.jpg 660w, /static/david/2023/2023-02-11-accueil-poisson-blanc_990x660.jpg 990w, /static/david/2023/2023-02-11-accueil-poisson-blanc_1320x880.jpg 1320w"
  92. sizes="min(100vw, calc(100vh * 1512 / 2016))"
  93. loading="lazy"
  94. decoding="async"
  95. alt="Le ciel à 7h du matin sur le réservoir du Poisson Blanc.">
  96. </a>
  97. <figcaption>Les couleurs sont magnifiques et je regrette déjà de ne pas avoir pris un appareil&nbsp;photo.</figcaption>
  98. </figure>
  99. <p>On monte dans le bus scolaire avec un peu de retard et c’est parti pour 1&nbsp;heure de transport afin de rejoindre l’autre côté du réservoir, j’ai bien fait de me mettre à l’avant car ça tourne et c’est bien gelé. On se retrouve rapidement sur la glace avec nos traîneaux pour la photo de départ et hop c’est&nbsp;parti.</p>
  100. <p>Je me retrouve dans le groupe de tête qui va à un rythme un peu fou. Je ne sais pas trop pourquoi je m’impose ça, c’est un bon moyen de voir si j’ai de la fièvre&#8239;! Avec une telle taille de groupe, j’ai surtout l’appréhension de retarder tout le monde avec un souci plus ou moins technique, je me dis qu’avec un peu d’avance ça me permettra de pallier une éventuelle défaillance. On a tou·tes nos&nbsp;insécurités…</p>
  101. <figure>
  102. <a href="/static/david/2023/2023-02-11-depart-traineaux.jpg"
  103. title="Cliquer pour une version haute résolution">
  104. <img
  105. src="/static/david/2023/2023-02-11-depart-traineaux.jpg"
  106. width="2016" height="1512"
  107. srcset="/static/david/2023/2023-02-11-depart-traineaux.jpg 2016w, /static/david/2023/2023-02-11-depart-traineaux_660x440.jpg 660w, /static/david/2023/2023-02-11-depart-traineaux_990x660.jpg 990w, /static/david/2023/2023-02-11-depart-traineaux_1320x880.jpg 1320w"
  108. sizes="min(100vw, calc(100vh * 2016 / 1512))"
  109. loading="lazy"
  110. decoding="async"
  111. alt="Des personnes sur le lac gelé qui tirent chacune un traineau">
  112. </a>
  113. <figcaption>Le vent a bien soufflé cette nuit, on alterne glace et&nbsp;neige.</figcaption>
  114. </figure>
  115. <p>Niveau équipement, il y a un peu de tout, ça va des skis de fond aux skis de randonnée avec peaux en passant par les skis-raquettes. Je suis content de mes écailles vu les conditions mais ça me fait préférer la neige, aussi je me décale vers la berge en solo, la visibilité est bonne et je ne le vois pas comme un problème de sécurité. Les températures se réchauffent et tout le monde craint que l’étendue d’eau gelée ne se transforme en un lac de <a href="https://fr.wikipedia.org/wiki/N%C3%A9vasse">sloche</a>…</p>
  116. <figure>
  117. <a href="/static/david/2023/2023-02-11-traineau-solo.jpg"
  118. title="Cliquer pour une version haute résolution">
  119. <img
  120. src="/static/david/2023/2023-02-11-traineau-solo.jpg"
  121. width="2016" height="1512"
  122. srcset="/static/david/2023/2023-02-11-traineau-solo.jpg 2016w, /static/david/2023/2023-02-11-traineau-solo_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-solo_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-solo_1320x880.jpg 1320w"
  123. sizes="min(100vw, calc(100vh * 2016 / 1512))"
  124. loading="lazy"
  125. decoding="async"
  126. alt="Une longue trainée de personnes tirant des traineaux sur le lac">
  127. </a>
  128. <figcaption>Un peu à l’écart de la foule, on ne se refait&nbsp;pas.</figcaption>
  129. </figure>
  130. <p>Malgré le chargement, je me surprends à pouvoir glisser de temps en temps lorsque le revêtement est bon. C’est agréable et je suis déjà en t-shirt car il doit faire autour de zéro, ressenti 12&#8239;000&#8239;°C, la réverbération est violente. J’attends stupidement la pause de midi pour mettre une protection sur ma peau. Et pour m’alimenter. Et pour bien m’hydrater. N’importe&nbsp;quoi.</p>
  131. <p>En arrivant dans la crique dédiée au repas, c’est ambiance station de ski avec un fond de Bob Marley et le long serpent des arrivées qui se replie pour digérer. Je pense que c’est un soulagement partagé d’être dans des conditions idéales et de pouvoir profiter de cette belle journée. Les organisateurs n’ont jamais connu ça. On a avalé les sept premiers kilomètres en moins de deux&nbsp;heures…</p>
  132. <p>Pour la seconde partie de la journée, je prends un rythme moins soutenu car je ne veux pas arriver trempé au campement et la température monte encore. J’en profite pour observer les différentes tactiques de chacun·e pour limiter le frottement/bruit, passer sur les plaques de glace, etc. Ces sept derniers kilomètres se font sur la&nbsp;digestion.</p>
  133. <figure>
  134. <a href="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
  135. title="Cliquer pour une version haute résolution">
  136. <img
  137. src="/static/david/2023/2023-02-11-traineau-apres-midi.jpg"
  138. width="1512" height="2016"
  139. srcset="/static/david/2023/2023-02-11-traineau-apres-midi.jpg 1512w, /static/david/2023/2023-02-11-traineau-apres-midi_660x440.jpg 660w, /static/david/2023/2023-02-11-traineau-apres-midi_990x660.jpg 990w, /static/david/2023/2023-02-11-traineau-apres-midi_1320x880.jpg 1320w"
  140. sizes="min(100vw, calc(100vh * 1512 / 2016))"
  141. loading="lazy"
  142. decoding="async"
  143. alt="Des personnes devant moi avec des traineaux, on voit mon ombre.">
  144. </a>
  145. <figcaption>Pour ma part, c’est neige fraîche, quitte à forcer un peu plus je préfère soigner mon silence&nbsp;relatif.</figcaption>
  146. </figure>
  147. <p>Le campement est dans une crique qui laisse suffisamment d’espace pour ne pas être trop les un·es sur les autres. Je fais l’erreur de choisir stratégiquement un emplacement qui pourrait être au soleil le matin au détriment de la protection au vent. Ça va s’avérer assez critique plus tard car on va se prendre de bonnes bourrasques qui me feront craindre l’envol de mon tipi. J’enneige les bords avant de me coucher pour éviter la prise au vent par en-dessous, tant pis si ça condense cette nuit, c’est la dernière&nbsp;dehors.</p>
  148. <figure>
  149. <a href="/static/david/2023/2023-02-11-coucher-soleil.jpg"
  150. title="Cliquer pour une version haute résolution">
  151. <img
  152. src="/static/david/2023/2023-02-11-coucher-soleil.jpg"
  153. width="1512" height="2016"
  154. srcset="/static/david/2023/2023-02-11-coucher-soleil.jpg 1512w, /static/david/2023/2023-02-11-coucher-soleil_660x440.jpg 660w, /static/david/2023/2023-02-11-coucher-soleil_990x660.jpg 990w, /static/david/2023/2023-02-11-coucher-soleil_1320x880.jpg 1320w"
  155. sizes="min(100vw, calc(100vh * 1512 / 2016))"
  156. loading="lazy"
  157. decoding="async"
  158. alt="Le soleil se couche derrière des blocs de glace.">
  159. </a>
  160. <figcaption>Je vous épargne les différents dégradés de rose qui ont suivi&nbsp;!</figcaption>
  161. </figure>
  162. <p>Le coucher de soleil est magnifique et je tente même un peu d’astrophotographie à l’iPhone, soyons fous. Un ragoût de bœuf était proposé pour les personnes qui ne voulaient pas être en autonomie complète. Je tente le coup et c’était bon mais je crois que je ne mange plus assez de viande pour supporter des portions d’expédition vu mon état de fatigue. Mes nouilles traditionnelles seraient probablement mieux passées. La soirée se passe plutôt bien et les températures restent&nbsp;agréables.</p>
  163. <figure>
  164. <a href="/static/david/2023/2023-02-11-astro-photographie.jpg"
  165. title="Cliquer pour une version haute résolution">
  166. <img
  167. src="/static/david/2023/2023-02-11-astro-photographie.jpg"
  168. width="1512" height="2016"
  169. srcset="/static/david/2023/2023-02-11-astro-photographie.jpg 1512w, /static/david/2023/2023-02-11-astro-photographie_660x440.jpg 660w, /static/david/2023/2023-02-11-astro-photographie_990x660.jpg 990w, /static/david/2023/2023-02-11-astro-photographie_1320x880.jpg 1320w"
  170. sizes="min(100vw, calc(100vh * 1512 / 2016))"
  171. loading="lazy"
  172. decoding="async"
  173. alt="Une tente rouge et Orion au-dessus.">
  174. </a>
  175. <figcaption>C’est bruité et tout mais j’étais content que l’on distingue au moins&nbsp;Orion.</figcaption>
  176. </figure>
  177. <p>La seule frustration partagée de la journée c’est de ne pas pouvoir tester l’équipement chaud acheté pour l’occasion&#8239;! Mais bon on ne va pas chialer la bouche pleine non plus&nbsp;hein…</p>
  178. <nav>
  179. <p>
  180. <a href="/david/2023/aventure/"
  181. title="Liste de tous les articles 2023 associés à cette étiquette"
  182. rel="tag"
  183. >#aventure</a>
  184. <a href="/david/2023/foret/"
  185. title="Liste de tous les articles 2023 associés à cette étiquette"
  186. rel="tag"
  187. >#forêt</a>
  188. <a href="/david/2023/sociologie/"
  189. title="Liste de tous les articles 2023 associés à cette étiquette"
  190. rel="tag"
  191. >#sociologie</a>
  192. <a href="/david/#tags-2023"
  193. title="Liste de toutes les étiquettes 2023"
  194. ><svg class="icon icon-tags">
  195. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
  196. </svg>
  197. tous ?</a
  198. >
  199. </p>
  200. </nav>
  201. <nav>
  202. <p class="center">
  203. <a rel="prev" href="/david/2023/02/10/" title="Publication précédente : Jour&nbsp;1">← Précédent</a> •
  204. <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
  205. • <a rel="next" href="/david/2023/02/12/" title="Publication suivante : Jour&nbsp;3">Suivant →</a>
  206. </p>
  207. </nav>
  208. </article>
  209. <hr>
  210. <footer>
  211. <p>
  212. <nobr>
  213. <a href="/david/" title="Aller à l’accueil"
  214. ><svg class="icon icon-home">
  215. <use
  216. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  217. ></use>
  218. </svg>
  219. Accueil</a
  220. >
  221. </nobr>
  222. <nobr>
  223. <a href="/david/log/" title="Accès au flux RSS"
  224. ><svg class="icon icon-rss2">
  225. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  226. </svg>
  227. Suivre</a
  228. >
  229. </nobr>
  230. <nobr>
  231. <a href="http://larlet.com" title="Go to my English profile" data-instant
  232. ><svg class="icon icon-user-tie">
  233. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  234. </svg>
  235. Pro</a
  236. >
  237. </nobr>
  238. <nobr>
  239. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  240. ><svg class="icon icon-mail">
  241. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  242. </svg>
  243. Email</a
  244. >
  245. </nobr>
  246. <nobr>
  247. <abbr
  248. class="nowrap"
  249. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  250. ><svg class="icon icon-hammer2">
  251. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  252. </svg>
  253. Légal</abbr
  254. >
  255. </nobr>
  256. </p>
  257. <template id="theme-selector">
  258. <form>
  259. <fieldset>
  260. <legend><svg class="icon icon-brightness-contrast">
  261. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  262. </svg> Thème</legend>
  263. <label>
  264. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  265. </label>
  266. <label>
  267. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  268. </label>
  269. <label>
  270. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  271. </label>
  272. </fieldset>
  273. </form>
  274. </template>
  275. </footer>
  276. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  277. <script>
  278. function loadThemeForm(templateName) {
  279. const themeSelectorTemplate = document.querySelector(templateName)
  280. const form = themeSelectorTemplate.content.firstElementChild
  281. themeSelectorTemplate.replaceWith(form)
  282. form.addEventListener('change', (e) => {
  283. const chosenColorScheme = e.target.value
  284. localStorage.setItem('theme', chosenColorScheme)
  285. toggleTheme(chosenColorScheme)
  286. })
  287. const selectedTheme = localStorage.getItem('theme')
  288. if (selectedTheme && selectedTheme !== 'undefined') {
  289. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  290. }
  291. }
  292. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  293. window.addEventListener('load', () => {
  294. let hasDarkRules = false
  295. for (const styleSheet of Array.from(document.styleSheets)) {
  296. let mediaRules = []
  297. for (const cssRule of styleSheet.cssRules) {
  298. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  299. continue
  300. }
  301. // WARNING: Safari does not have/supports `conditionText`.
  302. if (cssRule.conditionText) {
  303. if (cssRule.conditionText !== prefersColorSchemeDark) {
  304. continue
  305. }
  306. } else {
  307. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  308. continue
  309. }
  310. }
  311. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  312. }
  313. // WARNING: do not try to insert a Rule to a styleSheet you are
  314. // currently iterating on, otherwise the browser will be stuck
  315. // in a infinite loop…
  316. for (const mediaRule of mediaRules) {
  317. styleSheet.insertRule(mediaRule.cssText)
  318. hasDarkRules = true
  319. }
  320. }
  321. if (hasDarkRules) {
  322. loadThemeForm('#theme-selector')
  323. }
  324. })
  325. </script>
  326. </body>
  327. </html>