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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  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;3 — David Larlet</title>
  13. <meta name="description" content="Je me réveille à 4h45. Tout est paisible. Je me réveille à 5h15 car j’ai le visage qui touche la toile de tente. Il vient de tomber cinq centimètres en une demi-heure ! Je secoue la tente car j’ai peur pour la sonde à neige qui me sert de mat de tipi — et qui commence à courber dangereusement — ne casse alors que je suis encore dans mon duvet. Je passe les prochains quarts d’heure à faire glisser la neige très collante lorsqu’elle s’accumule avant d’oublier toute notion de grasse matinée. Le bon côté, c’est qu’il ne fait pas trop froid.">
  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;3</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2023/03/03/" title="Publication précédente : Jour&nbsp;2">← 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. </p>
  81. </nav>
  82. <hr>
  83. <p>Je me réveille à 4h45. Tout est paisible. Je me réveille à 5h15 car j’ai le visage qui touche la toile de tente. Il vient de tomber cinq centimètres en une demi-heure&#8239;! Je secoue la tente car j’ai peur pour la sonde à neige qui me sert de mat de tipi —&nbsp;et qui commence à courber dangereusement&nbsp;— ne casse alors que je suis encore dans mon duvet. Je passe les prochains quarts d’heure à faire glisser la neige très collante lorsqu’elle s’accumule avant d’oublier toute notion de grasse matinée. Le bon côté, c’est qu’il ne fait pas trop&nbsp;froid.</p>
  84. <p>Je m’habille et je prépare mon petit déjeuner avec mon réchaud à alcool, bien à l’abri, ça tombe en continu et le retour s’annonce épique. J’ai déjà un petit rempart de neige autour de la tente. Dire que je me réjouissais la veille que le sentier ait pu&nbsp;geler…</p>
  85. <p>Je sors quand même faire des photos en pleine tempête de neige et je suis très content de cette session. Même si les photos une fois développées sont assez frustrantes sur ce plan là, la recherche du moment me donne un grand&nbsp;sourire.</p>
  86. <figure>
  87. <a href="#2023-03-04-tempete-neige"
  88. title="Cliquer pour une version haute résolution">
  89. <img src="/static/david/2023/2023-03-04-tempete-neige.jpg" alt="La rivière sous la tempête."
  90. loading="lazy" width="1920" height="1280" />
  91. </a>
  92. <a href="#_" class="lightbox" id="2023-03-04-tempete-neige">
  93. <img src="/static/david/2023/2023-03-04-tempete-neige.jpg" alt="La rivière sous la tempête."
  94. loading="lazy" width="1920" height="1280" />
  95. </a>
  96. <figcaption>Il neigeait dru&nbsp;!</figcaption>
  97. </figure>
  98. <p>Cerise sur le gâteau, je vois des traces sur la berge opposée et je commence à les suivre en aval puis en amont, assez loin. Il est passé il y a moins de 15&nbsp;minutes et c’était à 100&nbsp;mètres de mon campement. Je casse le suspense tout de suite, je n’ai jamais vu l’animal mais la traque dans ces conditions idéales pour avoir l’espoir de s’approcher sans être vu ni entendu était extrêmement stimulante. À chaque ouverture sur la rivière depuis le sentier, j’imaginais ce que ça pourrait donner avec un coyote ou un ongulé au premier plan. J’ai encore ces images dans la&nbsp;tête&nbsp;:-).</p>
  99. <figure>
  100. <a href="#2023-03-04-traces"
  101. title="Cliquer pour une version haute résolution">
  102. <img src="/static/david/2023/2023-03-04-traces.jpg" alt="Des traces dans la neige."
  103. loading="lazy" width="1920" height="1280" />
  104. </a>
  105. <a href="#_" class="lightbox" id="2023-03-04-traces">
  106. <img src="/static/david/2023/2023-03-04-traces.jpg" alt="Des traces dans la neige."
  107. loading="lazy" width="1920" height="1280" />
  108. </a>
  109. <figcaption>À une prochaine, l’animal.</figcaption>
  110. </figure>
  111. <p>Le rangement du campement sous la neige est assez complexe sans tout mouiller mais c’est un bon exercice. Par contre le retour est vraiment fastidieux car en montée avec 15&nbsp;cm de poudreuse fraîche en plus ça devient difficile de traîner une luge adaptée par mes soins. Je me dis qu’il serait pertinent d’investir dans une vraie&nbsp;pulka…</p>
  112. <figure>
  113. <a href="#2023-03-04-traineau"
  114. title="Cliquer pour une version haute résolution">
  115. <img src="/static/david/2023/2023-03-04-traineau.jpg" alt="Le traîneau sur le chemin du retour."
  116. loading="lazy" width="1512" height="2268" />
  117. </a>
  118. <a href="#_" class="lightbox" id="2023-03-04-traineau">
  119. <img src="/static/david/2023/2023-03-04-traineau.jpg" alt="Le traîneau sur le chemin du retour."
  120. loading="lazy" width="1512" height="2268" />
  121. </a>
  122. <figcaption>Le secret, c’est de faire des pauses, vraiment beaucoup de pauses&nbsp;!</figcaption>
  123. </figure>
  124. <hr />
  125. <p>Davantage de <a href="https://media.larlet.fr/2023-03-ouareau-01.html">photos disponibles par ici</a>.</p>
  126. <nav>
  127. <p>
  128. <a href="/david/2023/aventure/"
  129. title="Liste de tous les articles 2023 associés à cette étiquette"
  130. >#aventure</a>
  131. <a href="/david/2023/foret/"
  132. title="Liste de tous les articles 2023 associés à cette étiquette"
  133. >#forêt</a>
  134. <a href="/david/2023/traces/"
  135. title="Liste de tous les articles 2023 associés à cette étiquette"
  136. >#traces</a>
  137. <a href="/david/#tags-2023"
  138. title="Liste de toutes les étiquettes 2023"
  139. ><svg class="icon icon-tags">
  140. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
  141. </svg>
  142. tous ?</a
  143. >
  144. </p>
  145. </nav>
  146. <nav>
  147. <p class="center">
  148. <a rel="prev" href="/david/2023/03/03/" title="Publication précédente : Jour&nbsp;2">← Précédent</a> •
  149. <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
  150. </p>
  151. </nav>
  152. </article>
  153. <hr>
  154. <footer>
  155. <p>
  156. <nobr>
  157. <a href="/david/" title="Aller à l’accueil"
  158. ><svg class="icon icon-home">
  159. <use
  160. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  161. ></use>
  162. </svg>
  163. Accueil</a
  164. >
  165. </nobr>
  166. <nobr>
  167. <a href="/david/log/" title="Accès au flux RSS"
  168. ><svg class="icon icon-rss2">
  169. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  170. </svg>
  171. Suivre</a
  172. >
  173. </nobr>
  174. <nobr>
  175. <a href="http://larlet.com" title="Go to my English profile" data-instant
  176. ><svg class="icon icon-user-tie">
  177. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  178. </svg>
  179. Pro</a
  180. >
  181. </nobr>
  182. <nobr>
  183. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  184. ><svg class="icon icon-mail">
  185. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  186. </svg>
  187. Email</a
  188. >
  189. </nobr>
  190. <nobr>
  191. <abbr
  192. class="nowrap"
  193. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  194. ><svg class="icon icon-hammer2">
  195. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  196. </svg>
  197. Légal</abbr
  198. >
  199. </nobr>
  200. </p>
  201. <template id="theme-selector">
  202. <form>
  203. <fieldset>
  204. <legend><svg class="icon icon-brightness-contrast">
  205. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  206. </svg> Thème</legend>
  207. <label>
  208. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  209. </label>
  210. <label>
  211. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  212. </label>
  213. <label>
  214. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  215. </label>
  216. </fieldset>
  217. </form>
  218. </template>
  219. </footer>
  220. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  221. <script>
  222. function loadThemeForm(templateName) {
  223. const themeSelectorTemplate = document.querySelector(templateName)
  224. const form = themeSelectorTemplate.content.firstElementChild
  225. themeSelectorTemplate.replaceWith(form)
  226. form.addEventListener('change', (e) => {
  227. const chosenColorScheme = e.target.value
  228. localStorage.setItem('theme', chosenColorScheme)
  229. toggleTheme(chosenColorScheme)
  230. })
  231. const selectedTheme = localStorage.getItem('theme')
  232. if (selectedTheme && selectedTheme !== 'undefined') {
  233. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  234. }
  235. }
  236. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  237. window.addEventListener('load', () => {
  238. let hasDarkRules = false
  239. for (const styleSheet of Array.from(document.styleSheets)) {
  240. let mediaRules = []
  241. for (const cssRule of styleSheet.cssRules) {
  242. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  243. continue
  244. }
  245. // WARNING: Safari does not have/supports `conditionText`.
  246. if (cssRule.conditionText) {
  247. if (cssRule.conditionText !== prefersColorSchemeDark) {
  248. continue
  249. }
  250. } else {
  251. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  252. continue
  253. }
  254. }
  255. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  256. }
  257. // WARNING: do not try to insert a Rule to a styleSheet you are
  258. // currently iterating on, otherwise the browser will be stuck
  259. // in a infinite loop…
  260. for (const mediaRule of mediaRules) {
  261. styleSheet.insertRule(mediaRule.cssText)
  262. hasDarkRules = true
  263. }
  264. }
  265. if (hasDarkRules) {
  266. loadThemeForm('#theme-selector')
  267. }
  268. })
  269. </script>
  270. </body>
  271. </html>