Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  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="Je profite de cette semaine de relâche pour aller faire un tour en forêt, dans des conditions qui s’annoncent être assez difficiles. Il faudra que je parle du manque de précision des prévisions météorologiques canadiennes à un moment.">
  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/28/" title="Publication précédente : AlgoRSSithme">← Précédent</a> •
  60. <nobr>
  61. <a href="/david/" title="Aller à l’accueil"
  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"
  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/03/03/" title="Publication suivante : Jour&nbsp;2">Suivant →</a>
  81. </p>
  82. </nav>
  83. <hr>
  84. <p>Je profite de cette semaine de relâche pour aller faire un tour en forêt, dans des conditions qui s’annoncent être assez difficiles. Il faudra que je parle du manque de précision des prévisions météorologiques canadiennes à un&nbsp;moment.</p>
  85. <p>J’arrive sur le parking après plus d’une heure de route derrière un véhicule de déneigement. La neige est bien collante et il y a déjà une quinzaine de centimètres tombée dans la matinée. Je profite des traces de raquettes d’un couple qui vient d’arriver pour ne pas trop galérer avec le traîneau mais même les skis à écailles accrochent un peu trop à mon goût. Je suis obligé de forcer dans les descentes pour avancer&#8239;! Sans compter le traîneau qui racle bien les bords du chemin et qui prend des kilos au cours de&nbsp;l’avancée…</p>
  86. <figure>
  87. <a href="#2023-03-02-traineau-arrivee"
  88. title="Cliquer pour une version haute résolution">
  89. <img src="/static/david/2023/2023-03-02-traineau-arrivee.jpg" alt="Le traîneau à l’arrivée avec pas mal de neige chargée."
  90. loading="lazy" width="1512" height="2016" />
  91. </a>
  92. <a href="#_" class="lightbox" id="2023-03-02-traineau-arrivee">
  93. <img src="/static/david/2023/2023-03-02-traineau-arrivee.jpg" alt="Le traîneau à l’arrivée avec pas mal de neige chargée."
  94. loading="lazy" width="1512" height="2016" />
  95. </a>
  96. <figcaption>Ce que ça donne à l’arrivée, transporter de la neige n’a pas grand intérêt, il y en aura à&nbsp;l’arrivée.</figcaption>
  97. </figure>
  98. <p>Je finis par trouver un coin qui n’est pas un emplacement de camping (bien pour le bois) et qui est pas mal en retrait du sentier tracé (bien pour moi). Le gros avantage de l’hiver avec plus d’un mètre de neige, c’est que je peux vraiment sculpter mon lieu de résidence tel que je l’entends indépendamment du relief, de la végétation ou de&nbsp;l’humidité.</p>
  99. <p>C’est parti pour une corvée de bois, en raquettes. J’en prends toujours un peu plus que de rigueur en hiver car on ne sait jamais trop ce qu’il peut se passer (blessure/immobilisation par exemple) et c’est un élément important de sécurité par ces&nbsp;températures.</p>
  100. <figure>
  101. <a href="#2023-03-02-feu-levitation"
  102. title="Cliquer pour une version haute résolution">
  103. <img src="/static/david/2023/2023-03-02-feu-levitation.jpg" alt="Un feu dans un foyer surélevé."
  104. loading="lazy" width="1512" height="2016" />
  105. </a>
  106. <a href="#_" class="lightbox" id="2023-03-02-feu-levitation">
  107. <img src="/static/david/2023/2023-03-02-feu-levitation.jpg" alt="Un feu dans un foyer surélevé."
  108. loading="lazy" width="1512" height="2016" />
  109. </a>
  110. <figcaption>C’est parti pour quelques heures à entretenir un&nbsp;feu.</figcaption>
  111. </figure>
  112. <p>Je continue de tester ce foyer surélevé en hiver. Il est lourd mais avoir un feu efficace pour faire fondre la neige et se réchauffer sans qu’il ne coule est très appréciable. À force de <a href="/david/2023/02/10/" title="Jour 1">faire</a> <a href="/david/2023/02/11/" title="Jour 2">du</a> <a href="/david/2023/02/12/" title="Jour 3">glamping</a>, j’en avais oublié à quel point il est fastidieux de passer son temps à produire de l’eau liquide. Je suis à 100&nbsp;mètres de la rivière mais je n’ose pas m’approcher sur la glace pour aller en récupérer une casserole entière vu les&nbsp;conditions.</p>
  113. <p>J’ai choisi d’emporter mon appareil photo et trois objectifs pour cette sortie. Alors je passe une bonne partie de l’après-midi à explorer les alentours en essayant de ne pas trop me mouiller avec toute la neige qui charge les résineux. Même si je suis crevé par le trajet, je passe de bons moments à explorer cet environnement. Je me rends compte que j’ai maintenant suffisamment confiance en moi pour prendre mon temps avant de monter le&nbsp;camp.</p>
  114. <p>J’ai quand même tapé une bonne plateforme avec les raquettes pour lui laisser le temps de geler avant d’aménager l’espace sous mon tipi du XXI<sup>e</sup> siècle. Iels annoncent -15°C dans la nuit, je vais enfin pouvoir tester mon duvet dans les conditions qu’il mérite. Un peu <a href="/david/2023/03/03/">inconscient de ce qui m’attend</a>, je me couche en regardant le feu crépiter, les joies de l’hiver… j’étais aussi parti pour essayer de voir des aurores boréales mais vu la vallée encaissée dans laquelle je suis, associée à une lune bien pleine, j’ai la flemme de me relever dans la nuit. Le vent s’est levé et de la neige chute des arbres par&nbsp;rafales.</p>
  115. <hr />
  116. <p>Davantage de <a href="https://media.larlet.fr/2023-03-ouareau-01.html">photos disponibles par ici</a>.</p>
  117. <nav>
  118. <p>
  119. <a href="/david/2023/confiance/"
  120. title="Liste de tous les articles 2023 associés à cette étiquette"
  121. >#confiance</a>
  122. <a href="/david/2023/eau/"
  123. title="Liste de tous les articles 2023 associés à cette étiquette"
  124. >#eau</a>
  125. <a href="/david/2023/foret/"
  126. title="Liste de tous les articles 2023 associés à cette étiquette"
  127. >#forêt</a>
  128. <a href="/david/#tags-2023"
  129. title="Liste de toutes les étiquettes 2023"
  130. ><svg class="icon icon-tags">
  131. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
  132. </svg>
  133. tous ?</a
  134. >
  135. </p>
  136. </nav>
  137. <nav>
  138. <p class="center">
  139. <a rel="prev" href="/david/2023/02/28/" title="Publication précédente : AlgoRSSithme">← Précédent</a> •
  140. <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
  141. • <a rel="next" href="/david/2023/03/03/" title="Publication suivante : Jour&nbsp;2">Suivant →</a>
  142. </p>
  143. </nav>
  144. </article>
  145. <hr>
  146. <footer>
  147. <p>
  148. <nobr>
  149. <a href="/david/" title="Aller à l’accueil"
  150. ><svg class="icon icon-home">
  151. <use
  152. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  153. ></use>
  154. </svg>
  155. Accueil</a
  156. >
  157. </nobr>
  158. <nobr>
  159. <a href="/david/log/" title="Accès au flux RSS"
  160. ><svg class="icon icon-rss2">
  161. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  162. </svg>
  163. Suivre</a
  164. >
  165. </nobr>
  166. <nobr>
  167. <a href="http://larlet.com" title="Go to my English profile" data-instant
  168. ><svg class="icon icon-user-tie">
  169. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  170. </svg>
  171. Pro</a
  172. >
  173. </nobr>
  174. <nobr>
  175. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  176. ><svg class="icon icon-mail">
  177. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  178. </svg>
  179. Email</a
  180. >
  181. </nobr>
  182. <nobr>
  183. <abbr
  184. class="nowrap"
  185. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  186. ><svg class="icon icon-hammer2">
  187. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  188. </svg>
  189. Légal</abbr
  190. >
  191. </nobr>
  192. </p>
  193. <template id="theme-selector">
  194. <form>
  195. <fieldset>
  196. <legend><svg class="icon icon-brightness-contrast">
  197. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  198. </svg> Thème</legend>
  199. <label>
  200. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  201. </label>
  202. <label>
  203. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  204. </label>
  205. <label>
  206. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  207. </label>
  208. </fieldset>
  209. </form>
  210. </template>
  211. </footer>
  212. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  213. <script>
  214. function loadThemeForm(templateName) {
  215. const themeSelectorTemplate = document.querySelector(templateName)
  216. const form = themeSelectorTemplate.content.firstElementChild
  217. themeSelectorTemplate.replaceWith(form)
  218. form.addEventListener('change', (e) => {
  219. const chosenColorScheme = e.target.value
  220. localStorage.setItem('theme', chosenColorScheme)
  221. toggleTheme(chosenColorScheme)
  222. })
  223. const selectedTheme = localStorage.getItem('theme')
  224. if (selectedTheme && selectedTheme !== 'undefined') {
  225. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  226. }
  227. }
  228. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  229. window.addEventListener('load', () => {
  230. let hasDarkRules = false
  231. for (const styleSheet of Array.from(document.styleSheets)) {
  232. let mediaRules = []
  233. for (const cssRule of styleSheet.cssRules) {
  234. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  235. continue
  236. }
  237. // WARNING: Safari does not have/supports `conditionText`.
  238. if (cssRule.conditionText) {
  239. if (cssRule.conditionText !== prefersColorSchemeDark) {
  240. continue
  241. }
  242. } else {
  243. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  244. continue
  245. }
  246. }
  247. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  248. }
  249. // WARNING: do not try to insert a Rule to a styleSheet you are
  250. // currently iterating on, otherwise the browser will be stuck
  251. // in a infinite loop…
  252. for (const mediaRule of mediaRules) {
  253. styleSheet.insertRule(mediaRule.cssText)
  254. hasDarkRules = true
  255. }
  256. }
  257. if (hasDarkRules) {
  258. loadThemeForm('#theme-selector')
  259. }
  260. })
  261. </script>
  262. </body>
  263. </html>