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 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
  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>Le dernier arrêt (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="#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. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <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>
  34. <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>
  35. <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>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://www.la-grange.net/2023/01/09/arret">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>Le dernier arrêt</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://www.la-grange.net/2023/01/09/arret" title="Lien vers le contenu original">Source originale</a>
  70. </p>
  71. </nav>
  72. <hr>
  73. <article id="post" class="item post">
  74. <figure>
  75. <img src="https://www.la-grange.net/2023/01/09/8039D-escalier.jpg" alt="Boites aux lettre avec un journal et escalier en bois sombre.">
  76. <figcaption>Uguisudanicho, Japon, 9 janvier 2023</figcaption>
  77. </figure>
  78. <blockquote>
  79. <p>Il y a vingt ans, je n'aurais pas su expliquer pourquoi. Il m'apparaît maintenant que j'ai un problème avec l'abstraction, les choses sans forme matérielle. Je veux dire que l'abstraction doit se présenter sous la forme d'images concrètes. Je n'écris qu'avec des images visuelles intériorisées, des images de la réalité aussi, qui m'amènent vers l'idée. L'idée, l'idée ne précède pas, elle vient après. Elle vient par exemple de souvenirs très forts qui ont véritablement la consistance de choses. Les souvenirs sont des choses. Les mots aussi sont des choses. Il faut que je les ressente comme des pierres, impossibles à bouger sur la page, à un moment. Tant que je n'ai pas atteint cet état, cette matière du mot, de la phrase, ça ne me convient pas, c'est gratuit. Tout cela relève de l'imaginaire, bien sûr, de l'imaginaire de l'écriture. Écrire, je le vois comme sortir des pierres du fond d'une rivière. C'est ça.<br>
  80. — Le vrai lieu, Annie Ernaux, urn:isbn:978-2-07-277965-7</p>
  81. </blockquote>
  82. <p><strong>Le dernier arrêt</strong>.</p>
  83. <p>10:01. J’ai pris le train mais je n’avais pas vraiment de destination. J’étais juste heureux de pouvoir lire Annie Ernaux, d’avoir envie de le finir et en même temps de prolonger la lecture que l’on aime inlassablement, lentement et déterminé. La lecture d'un livre que l'on aime ressemble à l'écoulement des grains de sable dans un sablier. Ils vont rapides sur le verre. Un trou se creuse. Une montagne se forme. La quantité de sable n'est pas infinie. Elle aura une fin tout comme ce livre. L'écoulement est lent, mais il précipite tout de même la fin. L’annonce dans le train nous demande de descendre à Shirokane, le dernier arrêt pour ce train là. Pour pouvoir poursuivre, il est nécessaire de prendre le train suivant. J’ai hésité. Et puis, la pensée se forme lentement : pourquoi pas ? Je connais peu ce quartier. Je n’ai pas vraiment de plans aujourd'hui. Je poursuivrais la lecture de Annie Ernaux. Plus tard. Avec un café. Et surtout j’ai mes jambes. Je n'ai pas choisi de descendre mais je suis le mouvement du message et des horaires. Le reste est de l’improvisation. Les envies peuvent être libres, mais si elles n'ont pas été vraiment décidées. Des mots et des pas, voilà ce qui est important, pour ce moment, seul, dans la ville.</p>
  84. <blockquote>
  85. <p>Les photos jouent un rôle de déclencheur de l'écriture. Il y a dans la photo ce côté étrange du passé / présent des êtres qui ne sont plus là, ou ne sont plus ainsi. Cette présence / absence. La photo, de plus, est muette. Ce sont ces caractéristiques qui font que j'ai envie de prendre comme point de départ ou appui de l'écriture ce que je ressens devant une photo. La photo pour moi est le réel.<br>
  86. — Le vrai lieu, Annie Ernaux, urn:isbn:978-2-07-277965-7</p>
  87. </blockquote>
  88. <figure>
  89. <img src="https://www.la-grange.net/2023/01/09/8025-escalier.jpg" alt="Boites aux lettre et escalier avec des éléments bleus dans un ensemble crème.">
  90. <figcaption>Ebisu, Japon, 9 janvier 2023</figcaption>
  91. </figure>
  92. <hr>
  93. <p>Je n'ai vu que <a href="https://fr.wikipedia.org/wiki/Seijin_shiki"><del>deux</del> huit femmes en kimono pour l'instant</a>.</p>
  94. <figure>
  95. <img src="https://www.la-grange.net/2023/01/09/8045-kimono.jpg" alt="Deux femmes en kimono fleuris.">
  96. <figcaption>Harajuku, Japon, 9 janvier 2023</figcaption>
  97. </figure>
  98. <hr>
  99. <p>La décision de <strong>protéger un arbre</strong> véhicule de nombreuses ambiguïtés. Nous protégeons les arbres remarquables qui ont eu le temps de pouvoir le devenir et on coupe les arbres qu’ils n’ont pas eu encore le temps de le devenir.</p>
  100. <p>Un peu comme la guerre, nous envoyons sur le front dans une boucherie et un gachis interminable les jeunes générations pour se battre pour préserver les rêves des vieux. Par décret international, cela devrait être un crime contre l'humanité d'envoyer les moins de 50 ans à la guerre.</p>
  101. <hr>
  102. <figure>
  103. <img src="https://www.la-grange.net/2023/01/09/8011D-plante.jpg" alt="Plante dans son pot s'étalant avec plusieurs autres pots autour.">
  104. <figcaption>Shirokane, Japon, 9 janvier 2023</figcaption>
  105. </figure>
  106. <p>La lecture terminée aujourd'hui du livre « Le vrai lieu » me chahute. Une série de questions posées par Michelle Porte à Annie Ernaux, à propos de ses démarches d'écriture.</p>
  107. <figure>
  108. <img src="https://www.la-grange.net/2023/01/09/8012-plante.jpg" alt="Plante dans son pot s'étalant.">
  109. <figcaption>Shirokane, Japon, 9 janvier 2023</figcaption>
  110. </figure>
  111. <p>Difficile. Troublant. Écrire est un équilibre qui me demande beaucoup d’efforts. Ne pas créer de peines aux vivants que l’on aime qui nous entourent tout en contenant la tempête qui ravage nos pensées. Ce n’est pas si simple. Veut-on toujours gérer la conséquence d’une pensée parfois mal formée ? L’écriture solidifie un état que l’on voudrait garder fluide. Nous construisons alors des tabous, des jardins interdits qui pourront s’ouvrir le moment venu ou jamais car ce temps là aura passé. Alors parfois je me retiens. Ce que les proches voient comme quelque chose de personnel est bien souvent le détachement d'une expérience, d'un partage qui va beaucoup plus loin que la simple réalisation d'un quotidien à soi.</p>
  112. <blockquote>
  113. <p>Il me semble plutôt que je dois partir de situations qui m'ont marquée profondément et, comme avec un couteau - c'est toujours cette image-là qui me vient - creuser, élargir la plaie, hors de moi. Je me suis toujours révoltée contre l'assimilation de ma démarche d'écriture à l'auto-fiction parce que dans le terme même il y a quelque chose de replié sur soi, de fermé au monde. Je n'ai jamais eu envie que le livre soit une chose personnelle. Ce n'est pas parce que les choses me sont arrivées à moi que je les écris, c'est parce qu'elles sont arrivées, qu'elles ne sont donc pas uniques. Dans La honte, La place, Passion simple, ce n'est pas la particularité d'une expérience que j'ai voulu saisir mais sa généralité indicible. Quand l'indicible devient écriture, c'est politique. Bien sûr, on vit les choses person-nellement. Personne ne les vit à votre place. Mais il ne faut pas les écrire de façon qu'elles ne soient que pour soi. Il faut qu'elles soient transperson-nelles, c'est ça. Et c'est ce qui permet de s'interroger sur soi-même, de vivre autrement, d'être heureux aussi. La littérature peut rendre heureux</p>
  114. <p>— Le vrai lieu, Annie Ernaux, urn:isbn:978-2-07-277965-7</p>
  115. </blockquote>
  116. <figure>
  117. <img src="https://www.la-grange.net/2023/01/09/8013D-plante.jpg" alt="Plante dans son pot éclaté, les racines sortent.">
  118. <figcaption>Shirokane, Japon, 9 janvier 2023</figcaption>
  119. </figure>
  120. <hr>
  121. <p><a href="https://www.travel.taipei/en/pictorial/articles/culture">Taipei - Culture</a></p>
  122. <hr>
  123. <p>Cette dépendance dont <a href="https://larlet.fr/david/2023/01/09/">David parle</a> est plus anxyogène pour moi que celle d'avoir un employeur. Ce qui en contrepartie, souvent, m'invite au respect. Cela semble si lointain, si impossible pour moi.</p>
  124. <blockquote>
  125. <p>Être à son compte génère au contraire des dépendances multiples envers chacun·e des client·es. Un filet de dépendances décentralisées qui constitue une toile plus ou moins confortable. Si ce n’est pas le cas, il s’agit probablement d’une situation dangereuse (et/ou de salariat déguisé) qui ne vous fait tenir qu’à un fil 🕷️.</p>
  126. </blockquote>
  127. <p>Je me demande souvent dans nos parcours culturels, nos expériences de vie, ce qui permet à certains de se mettre dans une forme d'activité professionnelle : En salariat ou, comme le dit David, en insubordination.</p>
  128. <hr>
  129. <p>Un projet littéraire très intéressant par François Bon dans ses accompagnements à l'écriture sur le <a href="http://www.tierslivre.net/spip/spip.php?article5214">thème d'un double voyage</a> fictif et un réalisé (à la place de réel). La réalité est quelque chose de bien complexe. Probablement plus complexe que la fiction. L'écriture est un voyage insensé.</p>
  130. <hr>
  131. <p><a href="https://www.joshwcomeau.com/css/color-formats/">Color Formats in CSS</a></p>
  132. <hr>
  133. <p><a href="https://www.standblog.org/blog/post/2023/01/06/Octet-Vert-S3E02-%E2%80%94-Timothee-Parrique-sur-la-decroissance">Tristan et son Octet Vert</a> et surtout deux Définitions :</p>
  134. <blockquote>
  135. <ul>
  136. <li><strong>Décroissance</strong> : une réduction de la production et de la consommation pour alléger l’empreinte écologique planifiée démocratiquement dans un esprit de justice sociale et dans le souci du bien-être.</li>
  137. <li><strong>Post-croissance</strong> : une économie stationnaire en harmonie avec la nature où les décisions sont prises ensemble et où les richesses sont équitablement partagées afin de pouvoir prospérer sans croissance.</li>
  138. </ul>
  139. </blockquote>
  140. </article>
  141. </article>
  142. <hr>
  143. <footer>
  144. <p>
  145. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  146. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  147. </svg> Accueil</a> •
  148. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  149. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  150. </svg> Suivre</a> •
  151. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  152. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  153. </svg> Pro</a> •
  154. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  155. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  156. </svg> Email</a> •
  157. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  158. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  159. </svg> Légal</abbr>
  160. </p>
  161. <template id="theme-selector">
  162. <form>
  163. <fieldset>
  164. <legend><svg class="icon icon-brightness-contrast">
  165. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  166. </svg> 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"></script>
  181. <script>
  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>