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

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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>Déconfinement — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  17. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  18. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  19. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  20. <meta name="msapplication-TileColor" content="#f0f0ea">
  21. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  22. <meta name="theme-color" content="#f0f0ea">
  23. <!-- Documented, feel free to shoot an email. -->
  24. <link rel="stylesheet" href="/static/david/css/style_2020-04-25.css">
  25. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  26. <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>
  27. <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>
  28. <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>
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  32. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  33. <article>
  34. <h1>Déconfinement</h1>
  35. <nav>
  36. <p class="center">
  37. <a rel="prev" href="/david/2020/04/18/" title="Publication précédente : Zam">←</a> •
  38. <a href="/david/" title="Aller à l’accueil" tabindex="1">🏠</a>
  39. </p>
  40. </nav>
  41. <hr>
  42. <p><em>Pouvoir sortir, mais pour quoi faire ?</em></p>
  43. <h2 id="ouverture">Ouverture <a href="#ouverture" title="Ancre vers cette partie" aria-hidden="true">#</a></h2><blockquote>
  44. <p>C’est que ce monde ne changera pas simplement parce qu’on comprend avec sa tête qu’il va droit dans le mur : <mark>il changera surtout si notre perception mute et s’ouvre</mark>, apprend à voir ce qu’elle ne voyait pas ou plus, ou mal, ce qui relève d’un exercice tout autant spirituel que physique, d’un métissage serré des deux potentialités. Ce n’est pas l’un ou l’autre, la pensée ou l’émotion, le concept ou le percept, ou l’affect, c’est l’un et l’autre et le troisième, en multicouches. C’est un alliage et c’est une alliance.</p>
  45. <p><cite><em>Postface par Alain Damasio de <a href="https://en.calameo.com/read/005979625dad957c34e3f">La recomposition des mondes</a></em>, <a href="/david/2020/12/21/#la-cosmologie-du-futur">Alessandro Pignocchi</a></cite></p>
  46. </blockquote>
  47. <h2 id="recul">Recul <a href="#recul" title="Ancre vers cette partie" aria-hidden="true">#</a></h2><blockquote>
  48. <p>And I thought with a pang of how I was always hurrying him – to get dressed, to get out the door for school, to finish his dinner, to get ready for bed – and of how heedlessly <mark>I was inflicting upon him my own anxious awareness of time as an oppressive force</mark>. How before he knew where he was, his own childhood would have receded into the past, and he too would be out of the secret level of childhood and into the laterally scrolling world of adulthood.</p>
  49. <p><cite><em><a href="https://www.theguardian.com/news/2020/jan/24/wilderness-solo-splendid-isolation-stopped-time-sitting-in-a-forest-24-hours">Splendid isolation: how I stopped time by sitting in a forest for 24 hours</a></em> (<a href="/david/cache/2020/3fc386b9b57aa937db0a1883502b9ab8/">cache</a>)</cite></p>
  50. </blockquote>
  51. <p>On dirait que je ne suis pas le seul à prendre du recul en allant me promener en forêt.</p>
  52. <p>Lorsque je vois le changement qui a pu s’opérer depuis dans notre famille que l’on est en confinement en terme d’apaisement et d’équilibre je me dis que j’ai besoin de temps pour accepter que l’instruction en famille est peut-être ce qui est préférable pour chacun de nous.</p>
  53. <h2 id="ermite">Ermite <a href="#ermite" title="Ancre vers cette partie" aria-hidden="true">#</a></h2><blockquote>
  54. <p>Cette vie procure la paix. Non que toute envie s’éteigne en soi. La cabane n’est pas un arbre de l’Éveil bouddhique. L’ermitage resserre les ambitions aux proportions du possible. En rétrécissant la panoplie des actions, on augmente la profondeur de chaque expérience.</p>
  55. <p>[…]</p>
  56. <p>La tentation érémitique procède d’un cycle immuable. Il faut d’abord avoir souffert d’indigestion dans le cœur des villes modernes pour aspirer à une cabane fumant dans la clairière. Une fois ankylosé dans la graisse du conformisme et enkysté dans le saint doux du confort, on est mûr pour l’appel de la forêt.</p>
  57. <p><cite><em><a href="/david/2020/12/21/#dans-les-forets-de-siberie">Dans les forêts de Sibérie</a></em>, Sylvain Tesson</cite></p>
  58. </blockquote>
  59. <p>Je ressens vraiment un manque à ne plus pouvoir couper, me replier. Retrouver le cocon protecteur d’une nature dont j’aimerais faire davantage partie.</p>
  60. <nav>
  61. <p class="center">
  62. <a rel="prev" href="/david/2020/04/18/" title="Publication précédente : Zam">←</a> •
  63. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  64. </p>
  65. </nav>
  66. </article>
  67. <hr>
  68. <footer>
  69. <p>
  70. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  71. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  72. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  73. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  74. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  75. </p>
  76. </footer>
  77. <script src="/static/david/js/instantpage-3.0.0.min.js" type="module" defer></script>
  78. </body>
  79. </html>