Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  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>Arrakice — David Larlet</title>
  13. <meta name="description" content="Un mauvais jeu de mot pour une fraîche sortie.">
  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>Arrakice</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2020/12/15/" title="Publication précédente : Vidéos">←</a> •
  59. <a href="/david/" title="Aller à l’accueil">🏠</a>
  60. </p>
  61. </nav>
  62. <hr>
  63. <main>
  64. <p><em>Un mauvais jeu de mot pour une <a href="https://vimeo.com/492686199/31ac11260c">fraîche sortie</a>.</em></p>
  65. <h2 id="silence">Silence <a href="#silence" title="Ancre vers cette partie">#</a></h2><p>Des arbres à perte de vue. Le sable blanc crisse sous les pas et oblige à adopter cette démarche qu’on les <em>icemens</em>, ce pas cassant qui permet de ne pas attirer les humains, de se fondre dans les dunes de neige. Les sinus gelés laissent une trainée blanche sur la barbe, caractéristique de ces régions froides. Je réajuste mon tour de cou et j’adopte un allure qui me permet de ne pas perdre cette précieuse eau liquide.</p>
  66. <p>Rien ne bouge dans ce désert blanc, même les gerbilles locales sont allées se mettre à l’abri du froid. À intervalle régulier, un corbeau vient vérifier que la masse mouvante que je représente est encore en état de se défendre, de conserver son eau et sa chaleur. De loin en loin, le martèlement des pics nous rappelle qu’il y a de la vie. Et des prédateurs. Je ne suis plus qu’à une dizaine de marteleurs de la chaleur du <em>Sietch</em>.</p>
  67. <p>Des pas dans mon dos, un rythme de prédateurs <em>alpha</em> qui se dépense sans compter. Je fais appel à mon enseignement <em>prana-bindu</em> pour réchauffer mes zygomatiques et me préparer à l’échange. La litanie m’apaise encore un fois :</p>
  68. <blockquote>
  69. <p>Je ne connaîtrai pas la peur car la peur tue l’esprit. La peur est la petite mort qui conduit à l’oblitération totale. J’affronterai ma peur. Je lui permettrai de passer sur moi, au travers de moi. Et lorsqu’elle sera passée, je tournerai mon œil intérieur sur son chemin. Et là où elle sera passée, il n’y aura plus rien. Rien que moi.</p>
  70. </blockquote>
  71. <p>Et un maudit coureur.</p>
  72. <h2 id="perdu">Perdu <a href="#perdu" title="Ancre vers cette partie">#</a></h2>
  73. <blockquote>
  74. <p>Le besoin pressant d’un univers logique et cohérent est profondément ancré dans l’inconscient humain. Mais l’univers réel est toujours à un pas au-delà de la logique.</p>
  75. <p><cite><em>Extrait de Les Dits de Muad’Dib</em>, par la Princesse Irulan (<a href="/david/2020/12/21/#dune">Dune</a>)</cite></p>
  76. </blockquote>
  77. <p>J’étais parti pour dormir dehors. Puis la veille, je me rends compte que ça va vraiment piquer (genre inférieur à -20°C). Pas encore bien acclimaté et conscient d’être proche du solstice, je n’avais pas envie de passer 15h dans un duvet à attendre le soleil. J’ai déjà fait et c’est pas plaisant. Surtout à mon âge. Aussi, je décide de me rabattre sur un refuge inconnu…</p>
  78. <p>(Mal)Heureusement, arrivé sur place, un avertissement indique que les refuges ont été placardés (!) pour cause de COVID avec photos à l’appui. Je comprends <em>et</em> j’ai un peu de mal à l’accepter, d’autant que par ces températures ça me semble être une structure de sécurité plus qu’un potentiel <em>cluster</em> mais soit. J’enlève finalement le duvet du sac et me voilà parti pour une balade à la journée.</p>
  79. <p>Et finalement, j’ai bien fait car… je me suis retrouvé à gravir la mauvaise montagne (plusieurs fois) car ma carte était incomplète. Au moment où j’ai retrouvé mon chemin <em>intentionnel</em>, il devenait limite de rejoindre le refuge avant que la nuit tombe et j’ai pu faire demi-tour sans me mettre en danger. Ce n’était pas le moment de réquisitionner les secours. Ni de perdre des doigts.</p>
  80. <p>Pro-tip : toujours faire une photo de la carte des sentiers affichées au début du chemin qui est davantage à jour/exacte.</p>
  81. <h2 id="loup">Loup <a href="#loup" title="Ancre vers cette partie">#</a></h2>
  82. <blockquote>
  83. <p>En cas de rencontre, on m’a conseillé de m’accroupir et de regarder le loup dans les yeux en lui faisant face, d’autres m’ont dit de me faire la plus grande possible pour lui faire peur. D’autres m’ont adjurer de ne jamais regarder un loup dans les yeux. Mais tous ont un conseil commun : <mark>« fais un feu »</mark>. Je suis satisfaite de cette dernière technique qui semble simple et logique. Petit problème pourtant. Il n’y a pas ou peu de bois dans ces steppes.</p>
  84. <p><cite><em>Sauvage par nature</em>, Sarah Marquis</cite></p>
  85. </blockquote>
  86. <p>Je repense souvent à cet extrait lorsque je suis dans la forêt l’hiver. Faire un feu par des températures très négatives est loin d’être trivial. Le bois est gelé et difficile à trouver, les doigts n’ont plus la même dextérité et les briquets perdent en efficacité, le feu coule littéralement si la plateforme n’est pas suffisamment épaisse sur la couche de neige, les équipements doivent être à la bonne distance pour ne pas geler mais ne pas non plus brûler. Et quand enfin ça prend… vous n’êtes pas à l’abri que la neige située sur une branche au-dessus un peu réchauffée ne vienne réduire vos efforts à néant.</p>
  87. <p>Si je croise un loup, je lui demande des allumettes.</p>
  88. <h2 id="limites">Limites <a href="#limites" title="Ancre vers cette partie">#</a></h2>
  89. <blockquote>
  90. <p>Le concept de progrès agit comme un mécanisme de protection destiné à nous isoler des terreurs de l’avenir.</p>
  91. <p><cite><em>Extrait de Les Dits de Muad’Dib</em>, par la Princesse Irulan (<a href="/david/2020/12/21/#dune">Dune</a>)</cite></p>
  92. </blockquote>
  93. <p>Par -15°C, j’ai rapidement atteint les limites de ce que pouvait produire un téléphone. J’essayais de protéger la batterie au maximum mais c’est le capteur (ou le processeur ?) qui étai(en)t à la peine pour enregistrer des vidéos en 4K. Du coup, je perdais des <em>frames</em> au cours du temps d’exposition au froid, ce qui est visible… et frustrant.</p>
  94. <p>Aussi, j’étais limité à une seule prise sans pouvoir faire aucun réglage (à la fois pour la batterie mais aussi pour mes doigts !). Cela explique l’exposition fluctuante et les erreurs de mise au point. En cours de route, je me suis rapidement rendu compte que c’était mon outil de sécurité que j’hypothéquais en faisant des vidéos. La logique qui me semblait bonne de « je l’ai toujours sur moi » m’avait presque fait oublié le pourquoi.</p>
  95. <p>Même la batterie de rechange dans une pochette dédiée avec une chaufferette à main n’arrivait plus à recharger quoi que ce soit. Et je ne parle même pas de la télécommande <em>bluetooth</em> qui devait m’éviter de quitter les gants et qui a refusé dès la première prise de vue de me suivre dans mes délires.</p>
  96. <p>Toutes ces choses considérées, il serait tentant de <a href="/david/2020/12/01/#apprendre">céder encore une fois</a> à davantage de matériel. Ça permettrait aussi de récupérer les surexpositions en post-traitement.</p>
  97. <p>Ou s’abstenir de faire des vidéos en hiver.</p>
  98. <h2 id="fleaux">Fléaux <a href="#fleaux" title="Ancre vers cette partie">#</a></h2><p>Réflexion de forêt : nous ne traversons pas/plus(?) des crises mais des fléaux. La différence entre les deux c’est que l’ont peut sortir des premières et que l’on doit composer avec les seconds.</p>
  99. <p>On ne sort pas d’une crise écologique qui génère des millions de migrants climatiques. On ne sort pas d’une descente énergétique qui génère des pertes de « confort » substantielles. On ne sort pas d’une pandémie qui est la double conséquence de la déforestation et de la mobilité humaine.</p>
  100. <p>On s’adapte et on apprend à vivre avec.</p>
  101. <p>En acceptant les fléaux, je regarde les choses avec plus d’humilité. Quelles attitudes solidaires adopter pour traverser ces fléaux ensemble ? Quelles relations et initiatives éviter qui essayent de sortir d’une crise ?</p>
  102. <p>Peut-être que la différence entre les deux a aussi à voir avec une question de revenus… et de privilèges associés.</p>
  103. </main>
  104. <nav>
  105. <p class="center">
  106. <a rel="prev" href="/david/2020/12/15/" title="Publication précédente : Vidéos">←</a> •
  107. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  108. </p>
  109. </nav>
  110. </article>
  111. <hr>
  112. <footer>
  113. <p>
  114. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  115. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  116. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  117. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  118. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  119. </p>
  120. <template id="theme-selector">
  121. <form>
  122. <fieldset>
  123. <legend>Thème</legend>
  124. <label>
  125. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  126. </label>
  127. <label>
  128. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  129. </label>
  130. <label>
  131. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  132. </label>
  133. </fieldset>
  134. </form>
  135. </template>
  136. </footer>
  137. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module" defer></script>
  138. <script type="text/javascript">
  139. function loadThemeForm(templateName) {
  140. const themeSelectorTemplate = document.querySelector(templateName)
  141. const form = themeSelectorTemplate.content.firstElementChild
  142. themeSelectorTemplate.replaceWith(form)
  143. form.addEventListener('change', (e) => {
  144. const chosenColorScheme = e.target.value
  145. localStorage.setItem('theme', chosenColorScheme)
  146. toggleTheme(chosenColorScheme)
  147. })
  148. const selectedTheme = localStorage.getItem('theme')
  149. if (selectedTheme && selectedTheme !== 'undefined') {
  150. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  151. }
  152. }
  153. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  154. window.addEventListener('load', () => {
  155. let hasDarkRules = false
  156. for (const styleSheet of Array.from(document.styleSheets)) {
  157. let mediaRules = []
  158. for (const cssRule of styleSheet.cssRules) {
  159. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  160. continue
  161. }
  162. // WARNING: Safari does not have/supports `conditionText`.
  163. if (cssRule.conditionText) {
  164. if (cssRule.conditionText !== prefersColorSchemeDark) {
  165. continue
  166. }
  167. } else {
  168. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  169. continue
  170. }
  171. }
  172. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  173. }
  174. // WARNING: do not try to insert a Rule to a styleSheet you are
  175. // currently iterating on, otherwise the browser will be stuck
  176. // in a infinite loop…
  177. for (const mediaRule of mediaRules) {
  178. styleSheet.insertRule(mediaRule.cssText)
  179. hasDarkRules = true
  180. }
  181. }
  182. if (hasDarkRules) {
  183. loadThemeForm('#theme-selector')
  184. }
  185. })
  186. </script>
  187. </body>
  188. </html>