Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 17KB

1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
1年前
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  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>
  13. Tag #psychologie
  14. — David Larlet</title>
  15. <meta name="description" content="Publications relatives au tag #psychologie">
  16. <!-- That good ol' feed, subscribe :). -->
  17. <link rel="alternate"
  18. type="application/atom+xml"
  19. title="Feed"
  20. href="/david/log/">
  21. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  22. <link rel="apple-touch-icon"
  23. sizes="180x180"
  24. href="/static/david/icons2/apple-touch-icon.png">
  25. <link rel="icon"
  26. type="image/png"
  27. sizes="32x32"
  28. href="/static/david/icons2/favicon-32x32.png">
  29. <link rel="icon"
  30. type="image/png"
  31. sizes="16x16"
  32. href="/static/david/icons2/favicon-16x16.png">
  33. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  34. <link rel="mask-icon"
  35. href="/static/david/icons2/safari-pinned-tab.svg"
  36. color="#07486c">
  37. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  38. <meta name="msapplication-TileColor" content="#f7f7f7">
  39. <meta name="msapplication-config"
  40. content="/static/david/icons2/browserconfig.xml">
  41. <meta name="theme-color"
  42. content="#f7f7f7"
  43. media="(prefers-color-scheme: light)">
  44. <meta name="theme-color"
  45. content="#272727"
  46. media="(prefers-color-scheme: dark)">
  47. <!-- Is that even respected? Retrospectively? What a shAItshow…
  48. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  49. <meta name="robots" content="noai, noimageai">
  50. <!-- Documented, feel free to shoot an email. -->
  51. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  52. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  53. <link rel="preload"
  54. href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
  55. as="font"
  56. type="font/woff2"
  57. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  58. crossorigin>
  59. <link rel="preload"
  60. href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
  61. as="font"
  62. type="font/woff2"
  63. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  64. crossorigin>
  65. <link rel="preload"
  66. href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
  67. as="font"
  68. type="font/woff2"
  69. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  70. crossorigin>
  71. <link rel="preload"
  72. href="/static/david/css/fonts/triplicate_t3_regular.woff2"
  73. as="font"
  74. type="font/woff2"
  75. media="(prefers-color-scheme: dark)"
  76. crossorigin>
  77. <link rel="preload"
  78. href="/static/david/css/fonts/triplicate_t3_bold.woff2"
  79. as="font"
  80. type="font/woff2"
  81. media="(prefers-color-scheme: dark)"
  82. crossorigin>
  83. <link rel="preload"
  84. href="/static/david/css/fonts/triplicate_t3_italic.woff2"
  85. as="font"
  86. type="font/woff2"
  87. media="(prefers-color-scheme: dark)"
  88. crossorigin>
  89. <script>
  90. function toggleTheme(themeName) {
  91. document.documentElement.classList.toggle(
  92. 'forced-dark',
  93. themeName === 'dark'
  94. )
  95. document.documentElement.classList.toggle(
  96. 'forced-light',
  97. themeName === 'light'
  98. )
  99. }
  100. const selectedTheme = localStorage.getItem('theme')
  101. if (selectedTheme !== 'undefined') {
  102. toggleTheme(selectedTheme)
  103. }
  104. </script>
  105. <style type="text/css">
  106. details[open] summary {
  107. display: none;
  108. }
  109. </style>
  110. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
  111. data-instant-intensity="viewport-all">
  112. <header>
  113. <h1>Publications relatives au tag #psychologie</h1>
  114. </header>
  115. <nav>
  116. <p class="center">
  117. <a href="/david/" title="Aller à l’accueil">
  118. <svg class="icon icon-home">
  119. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  120. </svg>
  121. Accueil</a>
  122. • <a rel="tags"
  123. href="/david/#tags-2023"
  124. title="Liste de toutes les étiquettes">
  125. <svg class="icon icon-tags">
  126. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  127. </svg>
  128. Étiquettes</a>
  129. </p>
  130. </nav>
  131. <hr>
  132. <main>
  133. <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  134. <h2>
  135. <a href="/david/2023/05/01/" title="Lien permanent vers cet article">Long&nbsp;cours</a> (2023-05-01)
  136. </h2>
  137. <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>
  138. <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>
  139. <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>
  140. <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>
  141. <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>
  142. <p>Alors il faut peut-être s’adapter soi et se tourner vers des matières et pratiques&nbsp;résilientes.</p>
  143. <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>
  144. <ul>
  145. <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>
  146. <li>J’ai mal dormi car le matelas était trop fin ou parce que je flippais au moindre&nbsp;bruit&#8239;?</li>
  147. <li>Mon duvet est humide parce qu’il est mauvais ou parce que j’ai mal positionné mon&nbsp;campement&#8239;?</li>
  148. </ul>
  149. <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>
  150. <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>
  151. <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>
  152. <p>Ces réponses ne s’achètent pas mais pèsent parfois très lourd dans mon&nbsp;sac.</p>
  153. <hr />
  154. <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>
  155. <h2>
  156. <a href="/david/2023/02/05/" title="Lien permanent vers cet article">Attente</a> (2023-02-05)
  157. </h2>
  158. <p>Il y a l’attente qui rime avec patience. Le corps est prêt, le mental jamais tout à fait mais la confiance s’est progressivement construite. L’équipement a été soigneusement évalué et testé. Le corps est stressé mais en demande de libération. Le retenir, encore un peu, c’est la mauvaise expérience qui&nbsp;parle.</p>
  159. <p>Il y a l’attente qui rime avec panique lorsqu’à une semaine près on se prenait un vortex polaire et les températures extrêmes qui vont avec. Lors de la réunion d’information ils nous ont bien précisé qu’iels s’étaient pris -37°C il y a trois ans… peut-on vraiment <a href="/david/2023/01/03/" title="Préparation">se préparer</a> à&nbsp;ça&#8239;?</p>
  160. <p>Il y a l’attente qui rime avec anxiété. La peur de la blessure du dernier moment ou de l’oubli d’une pièce critique de matériel, que la voiture lâche le jour J ou qu’une maladie vienne tout gâcher avant le départ. Tout peut encore arriver. La prudence ne suffit&nbsp;pas.</p>
  161. <p>Il y a l’attente qui rime avec apaisement. Avoir eu la possibilité de tester son système de lutte contre le froid dans des conditions extrêmes et d’avoir pu vérifier sa pertinence alors qu’il restait plusieurs inconnues. Avoir fini par acheter un duvet plus chaud pour ne pas être trop limite. Ça&nbsp;resservira.</p>
  162. <p>Il y a l’attente qui permet d’apprécier de pouvoir encore se permettre ce genre de truc, de l’envisager peut-être comme une répétition. Il y a tant d’espaces à&nbsp;découvrir.</p>
  163. </main>
  164. <hr>
  165. <footer>
  166. <p>
  167. <nobr>
  168. <a href="/david/" title="Aller à l’accueil">
  169. <svg class="icon icon-home">
  170. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
  171. </svg>
  172. Accueil</a>
  173. </nobr>
  174. <nobr>
  175. <a href="/david/log/" title="Accès au flux RSS">
  176. <svg class="icon icon-rss2">
  177. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  178. </svg>
  179. Suivre</a>
  180. </nobr>
  181. <nobr>
  182. <a href="http://larlet.com"
  183. title="Go to my English profile"
  184. data-instant>
  185. <svg class="icon icon-user-tie">
  186. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  187. </svg>
  188. Pro</a>
  189. </nobr>
  190. <nobr>
  191. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
  192. <svg class="icon icon-mail">
  193. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  194. </svg>
  195. Email</a>
  196. </nobr>
  197. <nobr>
  198. <abbr class="nowrap"
  199. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
  200. <svg class="icon icon-hammer2">
  201. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  202. </svg>
  203. Légal</abbr>
  204. </nobr>
  205. </p>
  206. <template id="theme-selector">
  207. <form>
  208. <fieldset>
  209. <legend>
  210. <svg class="icon icon-brightness-contrast">
  211. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  212. </svg>
  213. Thème
  214. </legend>
  215. <label>
  216. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  217. Auto
  218. </label>
  219. <label>
  220. <input type="radio" value="dark" name="chosen-color-scheme">
  221. Foncé
  222. </label>
  223. <label>
  224. <input type="radio" value="light" name="chosen-color-scheme">
  225. Clair
  226. </label>
  227. </fieldset>
  228. </form>
  229. </template>
  230. </footer>
  231. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  232. <script>
  233. function loadThemeForm(templateName) {
  234. const themeSelectorTemplate = document.querySelector(templateName)
  235. const form = themeSelectorTemplate.content.firstElementChild
  236. themeSelectorTemplate.replaceWith(form)
  237. form.addEventListener('change', (e) => {
  238. const chosenColorScheme = e.target.value
  239. localStorage.setItem('theme', chosenColorScheme)
  240. toggleTheme(chosenColorScheme)
  241. })
  242. const selectedTheme = localStorage.getItem('theme')
  243. if (selectedTheme && selectedTheme !== 'undefined') {
  244. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  245. }
  246. }
  247. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  248. window.addEventListener('load', () => {
  249. let hasDarkRules = false
  250. for (const styleSheet of Array.from(document.styleSheets)) {
  251. let mediaRules = []
  252. for (const cssRule of styleSheet.cssRules) {
  253. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  254. continue
  255. }
  256. // WARNING: Safari does not have/supports `conditionText`.
  257. if (cssRule.conditionText) {
  258. if (cssRule.conditionText !== prefersColorSchemeDark) {
  259. continue
  260. }
  261. } else {
  262. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  263. continue
  264. }
  265. }
  266. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  267. }
  268. // WARNING: do not try to insert a Rule to a styleSheet you are
  269. // currently iterating on, otherwise the browser will be stuck
  270. // in a infinite loop…
  271. for (const mediaRule of mediaRules) {
  272. styleSheet.insertRule(mediaRule.cssText)
  273. hasDarkRules = true
  274. }
  275. }
  276. if (hasDarkRules) {
  277. loadThemeForm('#theme-selector')
  278. }
  279. })
  280. </script>
  281. </body>
  282. </html>