Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.html 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  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>
  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>Sortie ski — David Larlet</title>
  13. <meta name="description" content="Réflexions poudreuses.">
  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="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <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>
  30. <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>
  31. <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>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script type="text/javascript">
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  52. <article>
  53. <header>
  54. <h1>Sortie ski</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2020/01/22/" title="Publication précédente : Réponses">←</a> •
  59. <a href="/david/" title="Aller à l’accueil">🏠</a>
  60. • <a rel="next" href="/david/2020/01/31/" title="Publication suivante : Intentions">→</a>
  61. </p>
  62. </nav>
  63. <hr>
  64. <main>
  65. <p><em>Réflexions poudreuses.</em></p>
  66. <h2 id="ski-de-fond">Ski de fond <a href="#ski-de-fond" title="Ancre vers cette partie">#</a></h2><figure>
  67. <img src="/static/david/2020/ski_de_fond.jpg"
  68. alt="Des skis et une piste à travers la forêt."
  69. loading="lazy" width="1024" height="1024" />
  70. <figcaption>J’ai croisé trois personnes en trente heures, bon ratio.</figcaption>
  71. </figure>
  72. <p>Je crois que je ne pourrais plus faire de sports qui nécessitent une autre énergie que la mienne. C’est en partie hypocrite vu qu’il m’a fallu un véhicule pour y aller et des machines pour faire la piste.</p>
  73. <p>La lenteur permet d’avoir des réflexions… de fond. <em>Ha ha ha.</em></p>
  74. <p>Au final, j’aurais fait de l’ordre de 35 kilomètres dont une dizaine avec un sac de plus de 10 kilos. Je le consigne ici pour m’en rappeler lors de la préparation de futures excursions. Au passage, le ski de fond classique ça n’est pas vraiment adapté au transport d’une charge lourde !</p>
  75. <h2 id="refugie">Réfugié <a href="#refugie" title="Ancre vers cette partie">#</a></h2><p>Quelqu’un me rejoint au refuge que j’ai réservé en exclusivité. Il est fatigué après avoir suivi une route que j’ai déjà eu l’occasion d’emprunter et dont le <a href="/david/blog/2018/into-the-mice/">souvenir est suffisamment cuisant</a>. Je lui explique que je n’ai l’exclusivité que parce que c’est le choix par défaut sur le site et qu’il faut sinon appeler dans la semaine précédant la sortie (ce qui m’est contraignant).</p>
  76. <p>Il y a bien assez de place pour deux.</p>
  77. <p>On s’est relayé pour maintenir le feu dans le poêle au cours de la nuit. Il faisait -21°C au réveil dehors, 7°C à l’intérieur. Pas pire.</p>
  78. <figure>
  79. <img src="/static/david/2020/refuge.jpg"
  80. alt="Refuge du Corbeau dans le Parc de la forêt de Ouareau."
  81. loading="lazy" width="1024" height="1024" />
  82. <figcaption>Refuge du Corbeau.</figcaption>
  83. </figure>
  84. <h2 id="migrants">Migrants <a href="#migrants" title="Ancre vers cette partie">#</a></h2>
  85. <blockquote>
  86. <p>Troisième aspect de la question : faut-il parler de « réfugié » ou de « migrant » climatique ? La différence est de taille. Dans le premier cas, l’individu est considéré comme étant forcé de migrer. Dans le second, il s’agit d’un choix personnel. Lorsque cette notion est apparue, la catégorie de « réfugié » était couramment employée. Depuis les années 1990, une tendance s’est fait jour qui voit l’emploi de plus en plus fréquent de celle de « migrant ». On a pu relever dans cette évolution la montée en puissance d’une approche néolibérale de la gestion de la crise climatique. Les « migrants » tendent à être perçus comme des « entrepreneurs » qui disposent de la maîtrise de leur destin. La migration, dans cette perspective, est une possibilité parmi d’autres qui s’offrent à eux.</p>
  87. <p><cite><em><a href="/david/2020/12/21/#la-nature-est-un-champ-de-bataille">La nature est un champ de bataille</a></em>, Razmig Keucheyan</cite></p>
  88. </blockquote>
  89. <p>De l’importance du vocabulaire. Le seul choix (ou non-choix) qui est fait c’est le nôtre. Riches consommateurs.</p>
  90. <h2 id="poesie">Poésie <a href="#poesie" title="Ancre vers cette partie">#</a></h2><figure>
  91. <img src="/static/david/2020/poesie.jpg"
  92. alt="Du temps que la nature en sa verve puissante, concevait chaque jour des enfants monstrueux, j’eus aimé vivre auprès d’une jeune géante, comme à son pied un chat voluptueux."
  93. loading="lazy" width="1024" height="1024" />
  94. <figcaption>Poésie sauvage et anonyme.</figcaption>
  95. </figure>
  96. <p><strong>Mise à jour</strong> : <a href="https://ronan.amicel.net/">Ronan</a> m’indique (merci !) qu’il s’agit du poème de Baudelaire « La Géante » :</p>
  97. <blockquote>
  98. <p>Du temps que la nature en sa verve puissante<br />
  99. Concevait chaque jour des enfants monstrueux,<br />
  100. J’eusse aimé vivre auprès d’une jeune géante,<br />
  101. Comme aux pieds d’une reine un chat voluptueux.</p>
  102. <p>J’eusse aimé voir son corps fleurir avec son âme<br />
  103. Et grandir librement dans ses terribles jeux ;<br />
  104. Deviner si son cœur couve une sombre flamme<br />
  105. Aux humides brouillards qui nagent dans ses yeux ;</p>
  106. <p>Parcourir à loisir ses magnifiques formes ;<br />
  107. Ramper sur le versant de ses genoux énormes,<br />
  108. Et parfois en été, quand les soleils malsains,</p>
  109. <p>Lasse, la font s’étendre à travers la campagne,<br />
  110. Dormir nonchalamment à l’ombre de ses seins,<br />
  111. Comme un hameau paisible au pied d’une montagne.</p>
  112. </blockquote>
  113. <p>Je suis presque déçu qu’une telle beauté ne puisse être le fruit d’une réflexion une nuit froide face à un lac gelé dans un refuge perdu au fin fond du Canada. Lyrisme quand tu nous tiens.</p>
  114. <h2 id="structureless">Structureless <a href="#structureless" title="Ancre vers cette partie">#</a></h2>
  115. <blockquote lang="en">
  116. <p>Contrary to what we would like to believe, there is no such thing as a structureless group. Any group of people of whatever nature that comes together for any length of time for any purpose will inevitably structure itself in some fashion. The structure may be flexible; it may vary over time; it may evenly or unevenly distribute tasks, power and resources over the members of the group. But it will be formed regardless of the abilities, personalities, or intentions of the people involved.</p>
  117. <p><cite><em><a href="https://www.jofreeman.com/joreen/tyranny.htm">The Tyranny of Stuctureless</a></em> (<a href="/david/cache/2020/542585b2d85213911f91b498a643e010/">cache</a>)</cite></p>
  118. </blockquote>
  119. <p>En m’endormant, je repense à ce qu’il se passe au sein de <a href="https://beta.gouv.fr/">betagouv</a>. À partir de quelle taille est-ce qu’une <a href="/david/thoughts/#communities">communauté</a> n’arrive plus à prétendre à son horizontalité ? Se battre ou battre en retraite ?</p>
  120. <h2 id="pointe-critique">Pointe critique <a href="#pointe-critique" title="Ancre vers cette partie">#</a></h2><figure>
  121. <img src="/static/david/2020/hydroquebec_pointe_critique.png"
  122. alt="Tableau rendant compte des gains en période de pointe critique par HydroQuébec."
  123. loading="lazy" width="1024" height="921" />
  124. <figcaption>20,83 $CAN depuis le début de l’hiver.</figcaption>
  125. </figure>
  126. <p>Depuis cette année, <a href="https://fr.wikipedia.org/wiki/Hydro-Qu%C3%A9bec">Hydro-Québec</a> (équivalent EDF/Enedis local) propose des <a href="http://www.hydroquebec.com/residentiel/espace-clients/tarifs/tarification-dynamique.html">forfaits</a> qui notifient des périodes dites de « <a href="http://www.hydroquebec.com/residentiel/espace-clients/consommation/consommation-electrique-hiver.html">pointe critique</a> » pendant lesquelles on acquiert des crédits si on réduit sa consommation. Je trouve l’initiative intéressante car j’y vois un effort collectif pour lisser les courbes de demande.</p>
  127. <p><em>Pour remettre en contexte si vous trouvez que les chiffres sont particulièrement élevés, ces périodes correspondent à des températures avoisinant les -20°C et notre chauffage est exclusivement électrique.</em></p>
  128. <p>Cela permet de reconsidérer l’usage de la bouilloire ou du grille-pain le matin, d’effectuer une cuisson au four avant 16h avec la pierre qui continue de chauffer la cuisine, de se questionner à nouveau sur l’usage du <em>streaming</em> sur ces périodes, de baisser le chauffage d’encore un degré, etc.</p>
  129. <h2 id="suv">SUV <a href="#suv" title="Ancre vers cette partie">#</a></h2>
  130. <blockquote>
  131. <p>Pour gérer les crises personnelles, celui qui peut se le permettre, celui qui a du courage et celui qui est particulièrement inquiet s’arment d’un véhicule utilitaire sport (VUS). […] Les carrosses géants de l’élite de l’externalisation représentent davantage que l’incarnation du refus de voir les changements climatiques. Ils symbolisent aussi la volonté de s’armer contre l’inondation qui s’annonce pourtant, qu’il s’agisse ici de fortes pluies et d’inondations ou de flux de réfugiés et de vagues migratoires. Dans nos villes, celui qui conduit un VUS éveille l’image d’une personne en route pour se porter à la défense de ses frontières.</p>
  132. <p><cite><em><a href="/david/2020/12/21/#a-cote-de-nous-le-deluge">À côté de nous le déluge</a></em>, Stephan Lessenich</cite></p>
  133. </blockquote>
  134. <p>Au retour, je me rends compte que je suis entouré de <em>pick-ups</em> sur l’autoroute. Se défendre, mais avec puissance s’il vous plait.</p>
  135. <p>La morphologie de ces véhicules me fait penser aux bisons, je m’imagine être au sein d’un troupeau ignorant et allant de l’avant. Quelle ironie.</p>
  136. <h2 id="apocalypse">Apocalypse <a href="#apocalypse" title="Ancre vers cette partie">#</a></h2>
  137. <blockquote>
  138. <p>Il serait déplorable de penser qu’une nouvelle simplification remplace celles que j’ai dénoncées ci-dessus — à savoir que nous devons apprendre à accepter la « rareté » et même une rigoureuse « austérité » ainsi qu’un surcroît de travail pénible si nous voulons vivre en harmonie avec la nature. Déjà on entend dire que nous sommes condamnés à un « effondrement écologique » d’ici dix ans, comparable à l’« effondrement économique » prédit par les marxistes pour le début de ce siècle — une sort d’effondrement mécanique, et non la dégradation régulière, l’érosion de l’environnement, qui sont de loin la plus forte et la plus sinistre des probabilités. De même que les environnementalistes du type Zero Population Growth avaient créé naguère un climat de panique à propos de la croissance démographique, de même une nouvelle cuvée d’écologistes « radicaux » risque à présent de susciter l’angoisse à propos de l’abondance et du développement technologique, évacuant ainsi le cœur du problème, c’est-à-dire les rapports sociaux mercantiles, le système bourgeois de production pour la production ainsi que la distorsion des besoins humains qu’engendre la consommation pour la consommation.</p>
  139. <p>[…]</p>
  140. <p>Paniquer face à cette crise, décrire en termes apocalyptiques l’inévitable « effondrement » de l’environnement d’ici quelques dix ans, cela revient à encourager la passivité, un fatalisme mortel, qui favorisent le maintien du pouvoir en place. De plus, toutes les prédictions apocalyptiques sont fausses.</p>
  141. <p><cite>Entretien dans le magazine <em>Win</em> en décembre 1973, extrait de <em><a href="/david/2020/12/21/#pouvoir-de-detruire-pouvoir-de-creer">Pouvoir de détruire, pouvoir de créer</a></em>, Murray Bookchin</cite></p>
  142. </blockquote>
  143. <p>C’est la date qui m’intéresse ici. Il y a depuis quand est-ce que l’on <em>sait</em> et depuis quand est-ce que l’on <em>croit savoir</em>.</p>
  144. <p>Et puis il y a <em>quand</em> ça va arriver.</p>
  145. </main>
  146. <nav>
  147. <p class="center">
  148. <a rel="prev" href="/david/2020/01/22/" title="Publication précédente : Réponses">←</a> •
  149. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  150. • <a rel="next" href="/david/2020/01/31/" title="Publication suivante : Intentions">→</a>
  151. </p>
  152. </nav>
  153. </article>
  154. <hr>
  155. <footer>
  156. <p>
  157. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  158. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  159. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  160. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  161. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  162. </p>
  163. <template id="theme-selector">
  164. <form>
  165. <fieldset>
  166. <legend>Thème</legend>
  167. <label>
  168. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  169. </label>
  170. <label>
  171. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  172. </label>
  173. <label>
  174. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  175. </label>
  176. </fieldset>
  177. </form>
  178. </template>
  179. </footer>
  180. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module" defer></script>
  181. <script type="text/javascript">
  182. function loadThemeForm(templateName) {
  183. const themeSelectorTemplate = document.querySelector(templateName)
  184. const form = themeSelectorTemplate.content.firstElementChild
  185. themeSelectorTemplate.replaceWith(form)
  186. form.addEventListener('change', (e) => {
  187. const chosenColorScheme = e.target.value
  188. localStorage.setItem('theme', chosenColorScheme)
  189. toggleTheme(chosenColorScheme)
  190. })
  191. const selectedTheme = localStorage.getItem('theme')
  192. if (selectedTheme && selectedTheme !== 'undefined') {
  193. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  194. }
  195. }
  196. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  197. window.addEventListener('load', () => {
  198. let hasDarkRules = false
  199. for (const styleSheet of Array.from(document.styleSheets)) {
  200. let mediaRules = []
  201. for (const cssRule of styleSheet.cssRules) {
  202. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  203. continue
  204. }
  205. // WARNING: Safari does not have/supports `conditionText`.
  206. if (cssRule.conditionText) {
  207. if (cssRule.conditionText !== prefersColorSchemeDark) {
  208. continue
  209. }
  210. } else {
  211. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  212. continue
  213. }
  214. }
  215. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  216. }
  217. // WARNING: do not try to insert a Rule to a styleSheet you are
  218. // currently iterating on, otherwise the browser will be stuck
  219. // in a infinite loop…
  220. for (const mediaRule of mediaRules) {
  221. styleSheet.insertRule(mediaRule.cssText)
  222. hasDarkRules = true
  223. }
  224. }
  225. if (hasDarkRules) {
  226. loadThemeForm('#theme-selector')
  227. }
  228. })
  229. </script>
  230. </body>
  231. </html>