A place to cache linked articles (think custom and personal wayback machine)
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 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  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>log : vol. 11, num. 1, vendr. 5 mars 2021, réveil (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  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_2021-01-20.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>
  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. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="http://shl.huld.re/~f6k/log/vol11/1-reveil.html">
  55. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>log : vol. 11, num. 1, vendr. 5 mars 2021, réveil</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  63. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  64. </svg> Accueil</a> •
  65. <a href="http://shl.huld.re/~f6k/log/vol11/1-reveil.html" title="Lien vers le contenu original">Source originale</a>
  66. </p>
  67. </nav>
  68. <hr>
  69. <p><a href="http://shl.huld.re/~f6k/log/vol11/1-reveil.html" title="2021-03-05"><strong>Vendr. 5 mars 2021, réveil</strong></a> (vol. 11, num. 1). — <em>Toulouse, Occitanie, France.</em> — L’hiver, sous cette latitude et au-dessus encore, a toujours un peu le même effet sur moi. Une forme d’hibernation, de relâchement, tant sur le plan psychique que physique. Surtout quand, à l’extérieur, je n’ai rien pour m’y retenir. Il ne fait pourtant pas un froid glacial par ici au point de devoir rester dans une grotte sombre, mais pour une raison que je ne m’explique pas c’est ce qu’il se passe.
  70. </p>
  71. <p>Je lis ces jours-ci avec grand intérêt les aventures de <a href="https://larlet.fr/david/">David Larlet</a> dans « le Grand Nord ». Bon, en réalité je ne sais pas s’il est <em>vraiment</em> dans le « Grand Nord » canadien lors de ses sorties pédestres, mais pour l’européen que je suis, dès qu’il y a trois montagnes, un lac, de la neige partout, et pas un troquet à l’horizon, c’est la représentation que j’en ai — bref.</p>
  72. <p>Pour moi donc qui n’a vraiment aucun attrait pour le froid, c’est avec une certaine admiration que je le suis (virtuellement) dans ses aventures. Autant je n’ai aucun problème à m’imaginer en train de survivre au beau milieu des jungles du Yucatán (alors que je n’y ai aucune expérience) à batailler pour trouver de l’eau tout en évitant autant que possible le territoire des pumas, mais autant je n’arrive pas même à me projeter dans les décors magnifiquement gelés que David parcourt (là non plus je n’y ai évidemment aucune expérience). Car il faut le dire — et bien qu’il se pose beaucoup de question quant à l’intérêt pour lui et au regard de son ressenti personnel de documenter (<a href="https://vimeo.com/516515235/45826baa92">notamment en vidéo</a>) ses sorties —, les images et les sons qu’il rapporte sont tout de même assez stupéfiantes — « fret » certes, mais stupéfiantes.</p>
  73. <p>Le froid canadien n’a rien à voir avec le froid de mon coin de monde, c’est l’évidence, mais je ne suis pourtant pas fâché qu’il s’apaise peu à peu par ici. Je vis quand même dans le sud de la France et, déjà, le soleil commence à revenir de manière plus présente chaque jour un peu plus. Parallèlement mon réveil s’est amorcé. Il est encore difficile, la brume est toujours présente, mais il faut s’activer car l’avenir n’attend pas.</p>
  74. <p>En effet, en décembre dernier j’ai fait une demande d’inscription à Bordeaux à l’entrée d’examen au CRFPA (celui qui permet l’entrée dans une école d’avocat). Grâce aux dieux j’ai été accepté et il me faut donc me préparer au concours écrit de septembre. Cela me laisse de la marge mais, étant inscrit en candidat libre, je ne vais pouvoir compter que sur moi-même. Et vu la charge de travail qui m’attend, il va vraiment falloir que je puisse effectivement me compter dessus (<em>what?</em>) — ce qui, <em>spoiler alert</em>, n’est pas gagné d’avance.</p>
  75. <p>Après donc cette petite trêve hivernale, il est tant de me replonger dans <em>la vie</em>. Je suis déjà très reconnaissant d’avoir la possibilité de prendre de telles trêves, mais cela ne peut évidemment pas durer — l’alternative étant de creuser un trou et de m’y allonger en attendant la mort (oublions cela pour le moment). J’amorce ainsi ce nouveau volume (le onzième !) en m’imaginant que je vais beaucoup y parler de droit dans les mois qui viennent (mais bon, je dis ça, là encore je me connais…).</p>
  76. </article>
  77. <hr>
  78. <footer>
  79. <p>
  80. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  81. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  82. </svg> Accueil</a> •
  83. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  84. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  85. </svg> RSS</a> •
  86. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  87. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  88. </svg> Pro</a> •
  89. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  90. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  91. </svg> Email</a> •
  92. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  93. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  94. </svg> Légal</abbr>
  95. </p>
  96. <template id="theme-selector">
  97. <form>
  98. <fieldset>
  99. <legend><svg class="icon icon-brightness-contrast">
  100. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  101. </svg> Thème</legend>
  102. <label>
  103. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  104. </label>
  105. <label>
  106. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  107. </label>
  108. <label>
  109. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  110. </label>
  111. </fieldset>
  112. </form>
  113. </template>
  114. </footer>
  115. <script>
  116. function loadThemeForm(templateName) {
  117. const themeSelectorTemplate = document.querySelector(templateName)
  118. const form = themeSelectorTemplate.content.firstElementChild
  119. themeSelectorTemplate.replaceWith(form)
  120. form.addEventListener('change', (e) => {
  121. const chosenColorScheme = e.target.value
  122. localStorage.setItem('theme', chosenColorScheme)
  123. toggleTheme(chosenColorScheme)
  124. })
  125. const selectedTheme = localStorage.getItem('theme')
  126. if (selectedTheme && selectedTheme !== 'undefined') {
  127. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  128. }
  129. }
  130. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  131. window.addEventListener('load', () => {
  132. let hasDarkRules = false
  133. for (const styleSheet of Array.from(document.styleSheets)) {
  134. let mediaRules = []
  135. for (const cssRule of styleSheet.cssRules) {
  136. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  137. continue
  138. }
  139. // WARNING: Safari does not have/supports `conditionText`.
  140. if (cssRule.conditionText) {
  141. if (cssRule.conditionText !== prefersColorSchemeDark) {
  142. continue
  143. }
  144. } else {
  145. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  146. continue
  147. }
  148. }
  149. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  150. }
  151. // WARNING: do not try to insert a Rule to a styleSheet you are
  152. // currently iterating on, otherwise the browser will be stuck
  153. // in a infinite loop…
  154. for (const mediaRule of mediaRules) {
  155. styleSheet.insertRule(mediaRule.cssText)
  156. hasDarkRules = true
  157. }
  158. }
  159. if (hasDarkRules) {
  160. loadThemeForm('#theme-selector')
  161. }
  162. })
  163. </script>
  164. </body>
  165. </html>