A place to cache linked articles (think custom and personal wayback machine)
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 6.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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>Sidération | nota-bene.org (archive) — 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. <meta name="robots" content="noindex, nofollow">
  33. <meta content="origin-when-cross-origin" name="referrer">
  34. <!-- Canonical URL for SEO purposes -->
  35. <link rel="canonical" href="https://nota-bene.org/Sideration">
  36. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  37. <article>
  38. <h1>Sidération | nota-bene.org</h1>
  39. <h2><a href="https://nota-bene.org/Sideration">Source originale du contenu</a></h2>
  40. <p>Je viens de revoir <a href="https://fr.wikipedia.org/wiki/Extr%C3%AAmement_fort_et_incroyablement_pr%C3%A8s_(film)" class="spip_out" rel="external"><cite>Extrêmement fort et incroyablement près</cite></a>, et ça m’évoque des émotions variées et complexes, difficiles à mettre en mots. C’est mon tort, ça, tout vouloir mettre en mots.</p>
  41. <p>Ça a réveillé, en tout cas, une émotion rare que j’ai vécue ces jours de 2001, qu’on est nombreux à avoir vécue je pense. Cette hébétude, autant une incapacité à comprendre qu’une incapacité à passer à autre chose, cette hypnose devant ces images en boucle de tours percutées, de tours fumantes, de tours effondrées, de gens qui courent dans la fumée lourde de cendres.</p>
  42. <p>Depuis deux mois, je suis bizarre. Je fais illusion, frénétique sur un réseau social, j’écris quelques haïkus, je joue à des défis d’écriture, mais le travail, lui ? Il n’avance pas, ou si peu. Là encore il fait illusion lors des réunions quotidiennes. Je suis à tout ce qui implique ma présence, j’y suis au sens d’une présence pleine et entière (à peu près) qui requiert mon attention, mon écoute, mes réponses, mes suggestions. C’est déjà pas mal, diront certains (et c’est une promesse que je peux encore redémarrer, pleinement et entièrement à ce que je ferai). Mais c’est presque tout. Le reste prend du retard. Je constate autour de moi que je ne suis pas tout seul, en tout cas parmi ceux qui osent aborder le sujet.</p>
  43. <p>Est-ce que c’est de la complaisance, de la fainéantise ? Bien sûr qu’on se pose la question. Bien sûr que je me demande si c’est la faute aux addictions faciles (réseau social, je te regarde), bien sûr que tous les jours je me fais une liste de choses à faire en me promettant qu’avec une « boucle de rétroaction positive » je serai bien content de l’avoir cochée en entier, parce qu’on est toujours content d’avoir fait ce qu’on s’est promis de faire, et qu’on ferme l’ordinateur le soir venu avec la satisfaction du travail accompli.</p>
  44. <p>Mais non, ce n’est pas de la complaisance (je l’ai connue de près, celle-là), ni de la fainéantise (je suis trop actif pour ça, trop occupé ne serait-ce qu’à courir après des chimères).</p>
  45. <p>En revoyant ce film, en revivant indirectement les émotions passées, je retrouve ce mot qui dit où j’en suis, où nous en sommes : sidération.</p>
  46. <p>Va savoir combien de temps ça va durer.</p>
  47. <p>(Mettre un nom sur les problèmes, c’est commencer à les résoudre.)</p>
  48. <p>Demain, je prends mon vélo (si j’ai le courage !) et je vais revoir des copains pas vus depuis deux mois. Premiers copains à revoir sans l’indirection d’un écran. Peut-être le début de la suite ?</p>
  49. </article>
  50. <hr>
  51. <footer>
  52. <p>
  53. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  54. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  55. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  56. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  57. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  58. </p>
  59. </footer>
  60. <script src="/static/david/js/instantpage-3.0.0.min.js" type="module" defer></script>
  61. </body>
  62. </html>