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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  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;1 — David Larlet</title>
  13. <meta name="description" content="Ma propre inadaptation physiologique au froid a aussi son origine dans la sélection naturelle. Je ne suis pas à ma place dans ce mandala glacial car mes ancêtres ont échappé à la sélection naturelle par la résistance au froid. L’homme descend de grands singes ayant vécu pendant des dizaines de millions d’années en Afrique tropicale. Conserver sa fraîcheur était bien plus nécessaire et ardu que de conserver sa chaleur, et nous avons donc peu de défenses corporelles contre le froid. Lorsque nos ancêtres ont quitté l’Afrique pour gagner l’Europe du Nord, ils ont emporté avec eux du feu et des vêtements, transportant ainsi les tropiques dans les régions tempérées et polaires. Cette ingéniosité leur a épargné bien des souffrances et des pertes, résultats incontestablement bénéfiques. Mais le confort est une dérobade face à la sélection naturelle. Notre aptitude à faire du feu et à nous vêtir nous condamne définitivement à ne pas être à notre place dans le monde hivernal.">
  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;1</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2023/02/09/" title="Publication précédente : Allumage">← 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/11/" title="Publication suivante : Jour&nbsp;2">Suivant →</a>
  81. </p>
  82. </nav>
  83. <hr>
  84. <blockquote>
  85. <p>Ma propre inadaptation physiologique au froid a aussi son origine dans la sélection naturelle. Je ne suis pas à ma place dans ce mandala glacial car mes ancêtres ont échappé à la sélection naturelle par la résistance au froid. L’homme descend de grands singes ayant vécu pendant des dizaines de millions d’années en Afrique tropicale. Conserver sa fraîcheur était bien plus nécessaire et ardu que de conserver sa chaleur, et nous avons donc peu de défenses corporelles contre le froid. Lorsque nos ancêtres ont quitté l’Afrique pour gagner l’Europe du Nord, ils ont emporté avec eux du feu et des vêtements, transportant ainsi les tropiques dans les régions tempérées et polaires. Cette ingéniosité leur a épargné bien des souffrances et des pertes, résultats incontestablement bénéfiques. Mais le confort est une dérobade face à la sélection naturelle. Notre aptitude à faire du feu et à nous vêtir nous condamne définitivement à ne pas être à notre place dans le monde&nbsp;hivernal.</p>
  86. <p><cite><em>Un an dans la vie d’une forêt</em>, David G. Haskell</cite></p>
  87. </blockquote>
  88. <p>Je me réveille avec pas mal de symptômes, je me sens malade depuis la veille et ça ne s’arrange pas… je suis dégoûté. Tout seul, j’aurais reporté mais là c’est plus compliqué, j’accompagne l’enfant à l’école et je mets un bon moment à me décider à décoller pour 3&nbsp;heures de route après un bon cocktail de vitamines. Je me dis que si ça se dégrade vraiment dans l’après-midi/nuit je pourrai toujours rester au chalet d’accueil la nuit et&nbsp;rentrer.</p>
  89. <p>J’arrive le premier, il est demandé aux participant·es de passer la première nuit sur le parking pour vérifier le matériel et les compétences, ce que je trouve justifié vu le contexte. Je monte tranquillement la tente, les conditions de voyage ont été difficiles et je n’ai qu’une hâte&nbsp;: la&nbsp;sieste&#8239;!</p>
  90. <figure>
  91. <a href="/static/david/2023/2023-02-10-camping-parking.jpg"
  92. title="Cliquer pour une version haute résolution">
  93. <img
  94. src="/static/david/2023/2023-02-10-camping-parking.jpg"
  95. width="1512" height="2016"
  96. srcset="/static/david/2023/2023-02-10-camping-parking.jpg 1512w, /static/david/2023/2023-02-10-camping-parking_660x440.jpg 660w, /static/david/2023/2023-02-10-camping-parking_990x660.jpg 990w, /static/david/2023/2023-02-10-camping-parking_1320x880.jpg 1320w"
  97. sizes="min(100vw, calc(100vh * 1512 / 2016))"
  98. loading="lazy"
  99. decoding="async"
  100. alt="Un parking avec un bon 70&nbsp;cm de neige vierge dessus.">
  101. </a>
  102. <figcaption>C’est bien la première fois que je vais camper sur un parking&nbsp;!</figcaption>
  103. </figure>
  104. <p>Les températures sont plutôt clémentes, les personnes arrivent au compte-goutte et je fais une étude sociologique autour du montage de tente. Il y a vraiment tous les âges, toutes les expériences, une diversité d’équipement. Et j’avais été <a href="/david/2023/01/03/" title="Préparation">assez mauvaise langue</a>, il y a une parité apparente. C’est une chose qui m’avait déjà étonné lors d’un précédent <a href="/david/stream/2019/10/08/">stage de survie douce</a>. Vive le Québec&nbsp;&lt;3.</p>
  105. <p>La réunion d’accueil à 19&#8239;h se fait sous une neige bien dense autour du foyer, c’est très jovial. Je suis content d’avoir finalement opté pour le tipi qui est efficace pour ne pas accumuler trop de poids avec la neige et qui reste ventilé pour ne pas garder la condensation et finir&nbsp;trempé.</p>
  106. <p>Les organisateurs nous annoncent des conditions très clémentes, presque trop mais la glace est solide grâce au vortex polaire de la semaine passée. Départ prévu à 7&#8239;h&nbsp;30&nbsp;demain matin, il faut que le traîneau soit près à embarquer à ce moment là. Je mets le réveil à 6&#8239;h&nbsp;30&nbsp;et je ne fais pas long feu car je me suis encore bien diminué. Je m’endors grâce au bruit (littéralement&#8239;!) blanc de la neige qui crépite sur la toile. Les réveils nocturnes permettent de faire tomber la neige des parois, la gorge gratte. J’utilise pour la première fois mon duvet -30&#8239;°C et je crève de chaud, j’apprends à utiliser ses ouvertures latérales. Je l’ai acheté en panique il y a deux semaine, après la réunion d’information qui nous racontait une nuit à -38&#8239;°C il y a&nbsp;3&nbsp;ans…</p>
  107. <nav>
  108. <p>
  109. <a href="/david/2023/aventure/"
  110. title="Liste de tous les articles 2023 associés à cette étiquette"
  111. rel="tag"
  112. >#aventure</a>
  113. <a href="/david/2023/foret/"
  114. title="Liste de tous les articles 2023 associés à cette étiquette"
  115. rel="tag"
  116. >#forêt</a>
  117. <a href="/david/2023/sociologie/"
  118. title="Liste de tous les articles 2023 associés à cette étiquette"
  119. rel="tag"
  120. >#sociologie</a>
  121. <a href="/david/#tags-2023"
  122. title="Liste de toutes les étiquettes 2023"
  123. ><svg class="icon icon-tags">
  124. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
  125. </svg>
  126. tous ?</a
  127. >
  128. </p>
  129. </nav>
  130. <nav>
  131. <p class="center">
  132. <a rel="prev" href="/david/2023/02/09/" title="Publication précédente : Allumage">← Précédent</a> •
  133. <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
  134. • <a rel="next" href="/david/2023/02/11/" title="Publication suivante : Jour&nbsp;2">Suivant →</a>
  135. </p>
  136. </nav>
  137. </article>
  138. <hr>
  139. <footer>
  140. <p>
  141. <nobr>
  142. <a href="/david/" title="Aller à l’accueil"
  143. ><svg class="icon icon-home">
  144. <use
  145. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  146. ></use>
  147. </svg>
  148. Accueil</a
  149. >
  150. </nobr>
  151. <nobr>
  152. <a href="/david/log/" title="Accès au flux RSS"
  153. ><svg class="icon icon-rss2">
  154. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  155. </svg>
  156. Suivre</a
  157. >
  158. </nobr>
  159. <nobr>
  160. <a href="http://larlet.com" title="Go to my English profile" data-instant
  161. ><svg class="icon icon-user-tie">
  162. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  163. </svg>
  164. Pro</a
  165. >
  166. </nobr>
  167. <nobr>
  168. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  169. ><svg class="icon icon-mail">
  170. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  171. </svg>
  172. Email</a
  173. >
  174. </nobr>
  175. <nobr>
  176. <abbr
  177. class="nowrap"
  178. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  179. ><svg class="icon icon-hammer2">
  180. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  181. </svg>
  182. Légal</abbr
  183. >
  184. </nobr>
  185. </p>
  186. <template id="theme-selector">
  187. <form>
  188. <fieldset>
  189. <legend><svg class="icon icon-brightness-contrast">
  190. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  191. </svg> Thème</legend>
  192. <label>
  193. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  194. </label>
  195. <label>
  196. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  197. </label>
  198. <label>
  199. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  200. </label>
  201. </fieldset>
  202. </form>
  203. </template>
  204. </footer>
  205. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  206. <script>
  207. function loadThemeForm(templateName) {
  208. const themeSelectorTemplate = document.querySelector(templateName)
  209. const form = themeSelectorTemplate.content.firstElementChild
  210. themeSelectorTemplate.replaceWith(form)
  211. form.addEventListener('change', (e) => {
  212. const chosenColorScheme = e.target.value
  213. localStorage.setItem('theme', chosenColorScheme)
  214. toggleTheme(chosenColorScheme)
  215. })
  216. const selectedTheme = localStorage.getItem('theme')
  217. if (selectedTheme && selectedTheme !== 'undefined') {
  218. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  219. }
  220. }
  221. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  222. window.addEventListener('load', () => {
  223. let hasDarkRules = false
  224. for (const styleSheet of Array.from(document.styleSheets)) {
  225. let mediaRules = []
  226. for (const cssRule of styleSheet.cssRules) {
  227. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  228. continue
  229. }
  230. // WARNING: Safari does not have/supports `conditionText`.
  231. if (cssRule.conditionText) {
  232. if (cssRule.conditionText !== prefersColorSchemeDark) {
  233. continue
  234. }
  235. } else {
  236. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  237. continue
  238. }
  239. }
  240. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  241. }
  242. // WARNING: do not try to insert a Rule to a styleSheet you are
  243. // currently iterating on, otherwise the browser will be stuck
  244. // in a infinite loop…
  245. for (const mediaRule of mediaRules) {
  246. styleSheet.insertRule(mediaRule.cssText)
  247. hasDarkRules = true
  248. }
  249. }
  250. if (hasDarkRules) {
  251. loadThemeForm('#theme-selector')
  252. }
  253. })
  254. </script>
  255. </body>
  256. </html>