Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  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>Long&nbsp;cours — David Larlet</title>
  13. <meta name="description" content="Je suis avec beaucoup d’intérêt les réflexions d’Éric D. qui envisage un périple du milieu de la France au nord de la Norvège. Ça me fait envisager ce type d’aventure sur plusieurs mois, ce qui me retient, ce que j’emporterais, ce que j’ai appris de mes propres sorties et qui pourrait me servir.">
  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>Long&nbsp;cours</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2023/03/13/" title="Publication précédente : Traditions">← 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/05/05/" title="Publication suivante : AÏe">Suivant →</a>
  81. </p>
  82. </nav>
  83. <hr>
  84. <p>Je suis avec beaucoup d’intérêt les réflexions d’<a href="https://n.survol.fr/">Éric D.</a> qui envisage un périple du milieu de la France au nord de la Norvège. Ça me fait envisager ce type d’aventure sur plusieurs mois, ce qui me retient, ce que j’emporterais, ce que j’ai appris de mes propres sorties et qui pourrait me&nbsp;servir.</p>
  85. <p><em>Note&nbsp;: je n’ai jamais fait plus d’un demi-GR20 en durée et mes sorties en forêt ne dépassent pas 3/4&nbsp;jours. Tout ce qui suit est donc très&nbsp;hypothétique.</em></p>
  86. <p>Je crois que la question principale qui me taraude(rait) en envisageant un tel périple est de savoir si c’est du tourisme lent ou une façon d’effleurer les cultures et les modes de vies des territoires que je traverse. Je commence par cet aspect car c’est assez central ensuite pour le matériel&nbsp;: est-ce que je veux un vélo qui supporte le gel ou est-ce que je suis prêt à m’adapter en terminant le voyage en traîneau ou a skis ou autre-pas-encore-envisageable&#8239;? (pour donner un&nbsp;exemple)</p>
  87. <p>J’avais l’air de plaisanter sur mastodon lorsque je proposais d’oublier les matelas trop chauds/isolants pour récupérer des peaux de rennes au cours du trajet mais il y a un peu de vrai dans mon envie de me renseigner sur les pratiques locales/traditionnelles pour les incorporer à cette transformation de moi-même qui me semble être le voyage au long cours. Ne pas l’envisager comme une traversée sur-pensée en étant sur-équipé mais comme une adaptation continue en fonction des rencontres et des expériences. C’est un peu ma démarche actuelle avec mon apprentissage de <a href="https://nature.larlet.fr/habillage/#laine">la laine</a> et je suis même allé jusqu’à acheter cet hiver une chapka en fourrure pour connaître ces propriétés de maintient de la chaleur. Ce n’est pas qu’une démarche scientifique mais aussi une forme d’acclimatation au territoire et à ses pratiques ancestrales. Ne pas traverser la forêt dans mon cas, mais devenir la forêt en la&nbsp;traversant.</p>
  88. <p>Ce que j’ai appris de mes essais en continu ces dernières années, c’est qu’un matériel ne peut être éprouvé qu’en conditions réelles. Pas seulement si cette tente peut supporter une tempête de neige mais si cette tente peut supporter une tempête de neige <em>dans cette portion de forêt avec mes connaissances actuelles de positionnement</em>. Pas seulement si ce hamac a une moustiquaire mais si j’arrive à passer une soirée à l’abri de la fumée puis à m’insérer dans le hamac sans qu’une nuée de moustique rentre avec moi en plein mois de juillet. La liste est très/trop longue du matériel que je pensais être pertinent et indispensable et qui se révèle être inadapté à mon milieu et sa saison. Et je n’aurais pas pu le savoir sans le pratiquer, et parfois il est pertinent seulement un mois dans l’année mais je le connais suffisamment pour maintenant l’utiliser à bon escient. Pour un voyage de plusieurs mois j’imagine qu’il est impossible d’avoir le matériel adapté à une telle&nbsp;diversité.</p>
  89. <p>Alors il faut peut-être s’adapter soi et se tourner vers des matières et pratiques&nbsp;résilientes.</p>
  90. <p>Je me pose presque chaque fois la question lors du chemin du retour d’imaginer pouvoir rester plus longtemps (indépendamment de la nourriture). Et j’évalue au passage ce qui aurait rendu cela possible&nbsp;: aller plus lentement, mieux dormir, être plus confortable au niveau du campement, etc. Parfois c’est lié au matériel mais bien souvent ça cache plutôt le mental/l’intelligence du&nbsp;terrain&nbsp;:</p>
  91. <ul>
  92. <li>J’ai des courbatures parce que j’ai trop forcé ou bien car je me suis mal hydraté au cours de la journée après avoir fait des choix discutables en matière&nbsp;d’orientation&#8239;?</li>
  93. <li>J’ai mal dormi car le matelas était trop fin ou parce que je flippais au moindre&nbsp;bruit&#8239;?</li>
  94. <li>Mon duvet est humide parce qu’il est mauvais ou parce que j’ai mal positionné mon&nbsp;campement&#8239;?</li>
  95. </ul>
  96. <p>Même après pas mal de nuits dehors, je fais encore souvent des erreurs, parfois de manière récurrente. Elles n’ont jusqu’à présent pas été critiques mais leur somme sur une excursion plus longue aurait probablement un impact non négligeable sur ma motivation et peut-être ma santé&nbsp;(mentale).</p>
  97. <p>En parlant de motivation, c’est probablement là que j’aurais besoin de beaucoup travailler. Il n’est pas rare qu’au milieu de la forêt je me demande ce que je fais là et pourquoi je ne suis pas dans un lieu au chaud entouré des personnes que j’aime. Je sais aussi ce que ça m’apporte par ailleurs et j’ai toujours ce réconfort qu’à <em>court</em> terme je vais pouvoir les retrouver. Sur du plus long, ce serait plus difficile, peut-être&nbsp;impossible.</p>
  98. <p>Je suis assez certain de pouvoir marcher pendant une semaine mais après un mois, est-ce que j’aurais encore l’envie de mettre un pied devant l’autre qui m’éloigne de mon foyer&#8239;? Est-ce qu’après 3&nbsp;jours de pluie à manger du lyophilisé tout en étant carencé en vitamines et minéraux mon moral tiendrait le choc avec un objectif si lointain&#8239;? Est-ce que j’arriverais à m’accepter pendant une aussi longue période&#8239;? Est-ce que je m’adonne à une activité de privilégié car je n’ai pas d’autre sens dans ma vie que celui d’être égoïste&#8239;? Est-ce que le partage de ces expériences est leur seule forme d’existence&#8239;? Est-ce que je m’autorise ce que j’interprète comme un&nbsp;échec&#8239;?</p>
  99. <p>Ces réponses ne s’achètent pas mais pèsent parfois très lourd dans mon&nbsp;sac.</p>
  100. <hr />
  101. <p>Cet article est déjà assez long, merci Éric de m’avoir motivé à écrire tout ça de manière cathartique. J’espère ne pas être condescendant ou moralisateur, c’est vraiment ce qui me tourne en tête en envisageant un périple de ce type par&nbsp;procuration.</p>
  102. <nav>
  103. <p>
  104. <a href="/david/2023/aventure/"
  105. title="Liste de tous les articles 2023 associés à cette étiquette"
  106. rel="tag"
  107. >#aventure</a>
  108. <a href="/david/2023/incompetence/"
  109. title="Liste de tous les articles 2023 associés à cette étiquette"
  110. rel="tag"
  111. >#incompétence</a>
  112. <a href="/david/2023/psychologie/"
  113. title="Liste de tous les articles 2023 associés à cette étiquette"
  114. rel="tag"
  115. >#psychologie</a>
  116. <a href="/david/#tags-2023"
  117. title="Liste de toutes les étiquettes 2023"
  118. ><svg class="icon icon-tags">
  119. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-tags"></use>
  120. </svg>
  121. tous ?</a
  122. >
  123. </p>
  124. </nav>
  125. <nav>
  126. <p class="center">
  127. <a rel="prev" href="/david/2023/03/13/" title="Publication précédente : Traditions">← Précédent</a> •
  128. <a href="/david/2023/" title="Liste des publications récentes">↑ En 2023</a>
  129. • <a rel="next" href="/david/2023/05/05/" title="Publication suivante : AÏe">Suivant →</a>
  130. </p>
  131. </nav>
  132. </article>
  133. <hr>
  134. <footer>
  135. <p>
  136. <nobr>
  137. <a href="/david/" title="Aller à l’accueil"
  138. ><svg class="icon icon-home">
  139. <use
  140. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  141. ></use>
  142. </svg>
  143. Accueil</a
  144. >
  145. </nobr>
  146. <nobr>
  147. <a href="/david/log/" title="Accès au flux RSS"
  148. ><svg class="icon icon-rss2">
  149. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  150. </svg>
  151. Suivre</a
  152. >
  153. </nobr>
  154. <nobr>
  155. <a href="http://larlet.com" title="Go to my English profile" data-instant
  156. ><svg class="icon icon-user-tie">
  157. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  158. </svg>
  159. Pro</a
  160. >
  161. </nobr>
  162. <nobr>
  163. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  164. ><svg class="icon icon-mail">
  165. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  166. </svg>
  167. Email</a
  168. >
  169. </nobr>
  170. <nobr>
  171. <abbr
  172. class="nowrap"
  173. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  174. ><svg class="icon icon-hammer2">
  175. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  176. </svg>
  177. Légal</abbr
  178. >
  179. </nobr>
  180. </p>
  181. <template id="theme-selector">
  182. <form>
  183. <fieldset>
  184. <legend><svg class="icon icon-brightness-contrast">
  185. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  186. </svg> Thème</legend>
  187. <label>
  188. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  189. </label>
  190. <label>
  191. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  192. </label>
  193. <label>
  194. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  195. </label>
  196. </fieldset>
  197. </form>
  198. </template>
  199. </footer>
  200. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  201. <script>
  202. function loadThemeForm(templateName) {
  203. const themeSelectorTemplate = document.querySelector(templateName)
  204. const form = themeSelectorTemplate.content.firstElementChild
  205. themeSelectorTemplate.replaceWith(form)
  206. form.addEventListener('change', (e) => {
  207. const chosenColorScheme = e.target.value
  208. localStorage.setItem('theme', chosenColorScheme)
  209. toggleTheme(chosenColorScheme)
  210. })
  211. const selectedTheme = localStorage.getItem('theme')
  212. if (selectedTheme && selectedTheme !== 'undefined') {
  213. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  214. }
  215. }
  216. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  217. window.addEventListener('load', () => {
  218. let hasDarkRules = false
  219. for (const styleSheet of Array.from(document.styleSheets)) {
  220. let mediaRules = []
  221. for (const cssRule of styleSheet.cssRules) {
  222. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  223. continue
  224. }
  225. // WARNING: Safari does not have/supports `conditionText`.
  226. if (cssRule.conditionText) {
  227. if (cssRule.conditionText !== prefersColorSchemeDark) {
  228. continue
  229. }
  230. } else {
  231. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  232. continue
  233. }
  234. }
  235. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  236. }
  237. // WARNING: do not try to insert a Rule to a styleSheet you are
  238. // currently iterating on, otherwise the browser will be stuck
  239. // in a infinite loop…
  240. for (const mediaRule of mediaRules) {
  241. styleSheet.insertRule(mediaRule.cssText)
  242. hasDarkRules = true
  243. }
  244. }
  245. if (hasDarkRules) {
  246. loadThemeForm('#theme-selector')
  247. }
  248. })
  249. </script>
  250. </body>
  251. </html>