A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  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>Du jogging et des livres. Les confinements de Maslow (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_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. <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="https://www.affordance.info/mon_weblog/2020/11/du-jogging-et-des-livres-les-confinements-de-maslow.html">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Du jogging et des livres. Les confinements de Maslow</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://www.affordance.info/mon_weblog/2020/11/du-jogging-et-des-livres-les-confinements-de-maslow.html" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p><strong>Ce fut le débat du confinement de Mars.</strong> Le droit de sortir pour faire du jogging. En ville, à la campagne, à plus d'un kilomètre de chez soi, avec ou sans masque, et j'en oublie des arguments dont ceux qui corrélaient la politique sanitaire d'un pays et l'héritage de 1789 à la capacité de sudation de demi-gros quarantenaires en shorty, et d'autres qui faisaient des mêmes êtres luttant <a href="https://www.allocine.fr/film/fichefilm_gen_cfilm=1810.html" rel="noopener" target="_blank">contre l'inévitable avachissement de leur corps</a> autant de bombes sanitaires à fragmentation de gouttelettes à cette époque où le débat sur l'aérosolisation du virus oscillait encore majoritairement du côté du complotisme castrateur.</p>
  69. <p><strong>C'est aujourd'hui le débat du confinement d'Octobre.</strong> Le droit de lire des livres et de garder des librairies ouvertes pour aller les y acheter. Tout cela au nom d'une typologie, d'un classement des commerces dits "essentiels" ou "de première nécessité". Dans la ballade en absurdie qu'est devenue la régulation politique de ce monde, on apprend que lors du premier confinement les libraires (comme les autres) n'étaient pas prêts à ouvrir (faute de gel, de masques, etc) alors même qu'ils auraient été initialement placés dans la liste des commerces dérogatoires. Et qu'à l'occasion du second (confinement), l'arbitrage les faisant inessentiels aurait été rendu en souvenir du premier (confinement toujours) alors même qu'ils étaient cette fois prêts et demandeurs. Le maintien de l'ouverture des hypermarchés et autres FNAC et autres magasins de ... bricolage au nom d'un "essentiel" devenu aussi diffus que confus poussa le valeureux Syndicat de la Librairie Française (SLF) à réclamer l'ouverture des librairies <a href="https://twitter.com/SLF_Librairie/status/1322220623200923648" rel="noopener" target="_blank">tout en réclamant l'interdiction de vente des livres en grandes surfaces</a> et autres chaînes permettant, je cite leur communiqué, "<em><a href="https://drive.google.com/file/d/1B73tBZsbBlW4mjWRko6XoQ0pNzGvR0M9/view" rel="noopener" target="_blank">de rétablir une situation de concurrence plus équitable entre les librairies et les enseignes</a></em>". Et plaçant de facto leur ennemi commun, Amazon, en situation inédite de monopole absolu sur la vente de livres en France pour - au moins - les 15 prochains jours. Ces gens sont tout à fait stupéfiants, pour dire le moins.</p>
  70. <p> </p>
  71. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef0263e9731175200b-pi"><img alt="ElpZUZzXEAIWZoL" class="asset asset-image at-xid-6a00d8341c622e53ef0263e9731175200b img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef0263e9731175200b-500wi" title="ElpZUZzXEAIWZoL"/></a><em>France. 2020. </em><br/><em>Nouvelle campagne de promotion du Syndicat de la Librairie Française.</em></p>
  72. <p>L'occasion de revoir fleurir sur les réseaux cette Une de 2008 du New-Yorker : </p>
  73. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef026bdea0825c200c-pi"><img alt="123310794_1399352783593922_7822715350113296608_n" class="asset asset-image at-xid-6a00d8341c622e53ef026bdea0825c200c img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef026bdea0825c200c-500wi" title="123310794_1399352783593922_7822715350113296608_n"/></a></p>
  74. <h2>De tout cela on peut tirer plusieurs moralités.</h2>
  75. <p>Une saisonnière d'abord. A l'approche des beaux jours il est essentiel de pouvoir faire du jogging, comme à l'approche de l'hiver il est essentiel de pouvoir faire des provisions de livres. </p>
  76. <h2><strong>Ce qui est essentiel et ce qui ne l'est pas.</strong></h2>
  77. <p>Etablir des hiérarchies entre services publics et privés relève de la compétence d'un gouvernement en temps de crise. Nul ne conteste le caractère essentiel de la capacité de se nourrir. Mais pas de celle d'aller le faire dans un restaurant. Donc les commerces de bouche restent ouverts, et ceux de restauration ferment. Nul ne conteste le caractère essentiel du droit de se loger et de ne pas dormir à la rue. <em>A fortiori</em> quand les hôtels sont vides. Et pourtant <a href="https://www.droitaulogement.org/" rel="noopener" target="_blank">combien cet essentiel semble loin</a>, été comme hiver, confiné ou déconfiné. </p>
  78. <p>Mais la liberté de courir. Mais la liberté de lire. Qui ne sont ni celles de sortir de chez soi ni celle d'acheter des livres. Qu'en faire au niveau d'un état ? Comment les réglementer ? Qu'en faire au niveau d'un état se trouvant aussi incapable d'assurer la liberté de disposer de masques gratuits pour l'ensemble des soignants et des enseignants (pour ne citer que ces 2 exemples) ? Qu'en faire au niveau d'un état incapable de garantir sa propre doctrine, c'est à dire la "liberté" de se faire <em>tester, tracer et isoler</em> dans des temporalités et des approches prophylaxiques qui soient autre chose que foutraques et si extensibles qu'elles deviennent inopérantes ? </p>
  79. <p>On pourra donc lire mais pas acheter des livres ailleurs que sur Amazon. On pourra donc courir mais dans un rayon d'un kilomètre autour de chez soi. On pourra toujours <a href="https://www.droitaulogement.org/" rel="noopener" target="_blank">continuer de dormir dehors sans avoir de livres ou d'envie de courir</a>. Ce sont les êtres qui sont essentiels, et non ce qu'ils font, les pages qu'ils tournent ou les kilomètres qu'ils courent. Mais cela, mais <a href="https://www.droitaulogement.org/" rel="noopener" target="_blank">ceux-là, de tout temps, restent inessentiels</a>. </p>
  80. <p><strong>Ce qui est essentiel et ce qui ne l'est pas.</strong> Après le jogging du confinement 1, après les livres du confinement 2, quelle sera l'exigence du confinement 3 qui se produira vraisemblablement fin Janvier ? La liberté de skier ? Celle d'étendre la bulle sociale des soirées raclette ? </p>
  81. <p><strong>Alors bien sûr chacun cherche son essentiel.</strong> Les chasseurs <a href="https://www.sudouest.fr/2020/10/30/chasse-limitee-a-une-heure-a-moins-d-un-kilometre-de-son-domicile-8024021-5243.php" rel="noopener" target="_blank">cherchent à chasser</a>, les magasins de jouets <a href="https://www.ouest-france.fr/economie/commerce/reconfinement-les-magasins-de-jouet-denoncent-l-inegalite-frustrante-avec-amazon-et-les-hypers-7035170" rel="noopener" target="_blank">cherchent à vendre des jouets</a>, chacun son essentiel. Chacun ses moyens d'y parvenir. <a href="https://twitter.com/LPOFrance/status/1322503533862752256" rel="noopener" target="_blank">Lobbying pour les chasseurs</a>, action en justice pour les magasins de jouets. Le résultat d'une politique des "premières lignes" qui donne aujourd'hui lieu à un gigantesque Mikado. Chacun sa ligne, qui doit pouvoir bouger à sa guise en prétendant ne pas toucher à l'équilibre d'ensemble. </p>
  82. <h2>Première nécessité ne fait pas loi.</h2>
  83. <p>Après les personnels en "première ligne" du premier confinement, voici donc désormais les commerces de "première nécessité" du second confinement. Se souvenir de ce que premier confinement nous avait appris : on ne tient pas un front avec une seule "ligne". Se souvenir qu'après les soignants en "première ligne" étaient venus les caissières et caissiers, femmes de ménage, les "deuxièmes lignes", et puis les enseignants, les "troisièmes lignes". Et ainsi de suite. Et nous avions tenu. Voici donc aujourd'hui les commerces de première nécessité. Là aussi immanquablement suivis des commerces de deuxième nécessité, et de troisième nécessité. <em>Ad Libitum</em>. Chacun cherche sa ligne. Et sa nécessité. </p>
  84. <p>Je ne m'exonère pas, comme citoyen et comme universitaire, de cette quête de mes essentiels. J'en ai également. Mon essentiel d'enseignant-chercheur à cette heure c'est <a href="https://www.affordance.info/mon_weblog/2020/10/nos-bu-sont-nos-bastilles.html" rel="noopener" target="_blank">que les bibliothèques universitaires restent ouvertes</a>. Par exemple. Il n'y a, nécessairement, que des essentiels subjectifs. D'où le rôle et la place d'un état. Pour autant que ce dernier soit déjà en capacité, je l'évoquais plus haut, d'assurer son essentiel régalien dans les hôpitaux, les écoles ... ce qui n'est ... pas le cas. </p>
  85. <h2><strong>La bourgeoisie confinée</strong>.</h2>
  86. <p>La bataille des livres, celle du confinement 2, est aussi intéressante car après la bataille de la libération du corps dans une capacité de transgression ramenée à l'aune de sa seule sudation (ce qu'est fondamentalement la pratique du jogging), vient donc maintenant la bataille de la libération de l'esprit, dans la capacité d'évasion et de transgression (ou parfois aussi de régression) qu'offre l'activité de lire. </p>
  87. <p><strong>Ces approches (joggeurs comme lecteurs) sont des activités de classe. De classe bourgeoise.</strong> Il y a toujours, toujours, dans nos postures, une dimension de classe. Qui n'est pas la seule perspective d'analyse et de compréhension possible mais qui ne doit pas pour autant être ignorée. Ceux qui courent sont des bourgeois. <a href="https://www.cairn.info/les-enfants-d-achille-et-de-nike--9782864241812-page-83.htm" rel="noopener" target="_blank">Ils l'ont toujours majoritairement été</a> et <a href="https://www.cairn.info/revue-etudes-2017-7-page-41.htm" rel="noopener" target="_blank">le sont encore</a>. Ceux qui lisent sont des bourgeois. Ils l'ont toujours majoritairement été. <a href="https://www.actualitte.com/article/monde-edition/la-lecture-recule-encore-au-sein-des-pratiques-culturelles-des-francais/101821" rel="noopener" target="_blank">Et le sont encore</a>. Il n'est essentiel de courir et de lire que quand tant d'autres essentiels ont été épuisés et comblés. </p>
  88. <p>La bataille des livres, la bataille du jogging, la bataille des restaurants aussi, sont des batailles bourgeoises. L'essentiel des batailles médiatiques des confinements sont l'écho d'une société bourgeoise qui se regarde courant, se restaurant et lisant. Qui se fantasme aussi beaucoup en train de courir et de lire. Les légions de joggers qui s'étaient levées lors du premier confinement n'ont rien à envier aux légions de lecteurs qui se lèvent actuellement. Elles sont pour une large part suspectes autant qu'insincères et traduisent surtout le besoin d'appartenance à une conscience de classe. Pour être reconnu bourgeois parmi les miens, je dois me dire courant, je dois me dire lisant. <a href="https://twitter.com/FacheeLa/status/1322590249055326212" rel="noopener" target="_blank">Notre désir de voir les librairies ouvertes est aussi le désir du spectacle de notre plaisir bourgeois</a>. </p>
  89. <p>Entendons-nous. Les classes populaires lisent aussi, elles vont aussi au restaurant et elles courent aussi. Bien sûr. Mais la sociologie des luttes est aussi déterministe que les faits en rendant compte sont têtus. Ces luttes pour la librairie, le jogging et le restaurant sont avant tout des luttes bourgeoises. Les autres mettent des pulls pour ne pas augmenter le chauffage cet hiver et tentent de faire des courses alimentaires (vraiment) essentielles en grandes surfaces à la fin de leur journée de travail non confinée. </p>
  90. <h2>Les confinements de Maslow et de Borges.</h2>
  91. <p>Maslow d'abord. <a href="https://fr.wikipedia.org/wiki/Pyramide_des_besoins" rel="noopener" target="_blank">Avec sa pyramide des besoins</a>. Si simple, si décriée également mais dans le champ social si opérante pourvu qu'elle ne soit pas lue de manière trop uniquement pyramidale et linéaire comme ont amené à le faire ses innombrables récupérations dans le champ du "management".</p>
  92. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef026be41f6572200d-pi"><img alt="1920px-Pyramide_des_besoins_de_Maslow.svg" class="asset asset-image at-xid-6a00d8341c622e53ef026be41f6572200d img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef026be41f6572200d-500wi" title="1920px-Pyramide_des_besoins_de_Maslow.svg"/></a><br/><em>(Source : <a href="https://fr.wikipedia.org/wiki/Pyramide_des_besoins#/media/Fichier:Pyramide_des_besoins_de_Maslow.svg" rel="noopener" target="_blank">Wikipédia</a>)</em></p>
  93. <p>Et ses déclinaisons. Nombreuses. Dont celle de <a href="https://www.cairn.info/la-resilience--9782130792581-page-42.htm" rel="noopener" target="_blank">la "Casita" de S. Vanistendael</a>, qui renvoie à nos confinements "habités". </p>
  94. <p><a class="asset-img-link" href="https://www.affordance.info/.a/6a00d8341c622e53ef026bdea07ec7200c-pi"><img alt="Casita" class="asset asset-image at-xid-6a00d8341c622e53ef026bdea07ec7200c img-responsive" src="https://www.affordance.info/.a/6a00d8341c622e53ef026bdea07ec7200c-500wi" title="Casita"/></a></p>
  95. <p> </p>
  96. <p><strong>Confinement de Maslow donc.</strong> Puisque chacun considère comme essentiel le premier de ses "besoins" non pourvus, quelque soit sa nature. Et qu'il est en cela encouragé par la doctrine d'un confinement qui n'en est pas vraiment un, qui prétend obliger sans contraindre le télétravail, qui autorise des exceptions qui deviennent autant de règles, un état qui surtout est incapable de "prévoir" lors même qu'il dispose à la fois d'outils et d'avis qu'il préfère laisser consultatifs pour ensuite nier leur consultation, comme lorsqu'à l'unisson du discours d'Emmanuel Macron l'ensemble du personnel politique explique avoir été "<em>surpris</em>" quand, une fois de plus, <a href="https://www.arretsurimages.net/articles/conseil-scientifique-pendant-lete-des-alertes-incomprises" rel="noopener" target="_blank">les alertes avaient été données, documentées, et circonstanciées par le conseil scientifique</a> depuis plusieurs mois, conseil scientifique pourtant nommé et constitué par le président lui-même, "<em>ex abrupto</em>".</p>
  97. <p>Qu'elle me pardonne cette intrusion mais je voudrais ici citer l'échange que j'ai eu avec Antoinette Rouvroy sur son compte Facebook. Voici ce qu'elle disait : </p>
  98. <blockquote>
  99. <p>"<em>On n'a peut-être jamais eu autant de capacités techniques de modélisation de l'avenir, mais la maxime " gouverner, c'est prévoir" semble avoir été complètement oubliée au profit de ... de quoi, déjà ?</em>"</p>
  100. </blockquote>
  101. <p>De fait, c'est peut-être précisément parce que les gouvernements sont noyés par les (en partie) fausses capacitations à prévoir "<em>le</em>" futur qu'ils se retrouvent aussi incapables de dessiner "<em>un</em>" futur. La quasi-certitude de pouvoir juguler la part d'incertitude du monde, diminue plus qu'elle n'augmente la capacité d'agir en situation d'incertitude. </p>
  102. <p>Voici ce qu'ajoutait encore Antoinette Rouvroy : </p>
  103. <blockquote>
  104. <p><em>"L'illusion immunitaire de la préemption et de l'optimisation au détriment de la prévention, de la planification, de la prise en considération des besoins matériels, de la (re)constitution des stocks stratégiques (...) on en est là : des gens commencent à mourir car le matériel médical manque ... malgré les demandes répétées adressées par le personnel hospitalier aux "gouvernants", demandes restées lettres mortes."</em></p>
  105. </blockquote>
  106. <p>Le résultat au-delà de la fronde des maires et de ce que cela dit du déchirement du tissu de l'échelon républicain de la décision, le résultat c'est que la bourgeoisie se parlant à elle-même n'est capable de produire que des errements dont l'interdiction totale de vente de livres à l'initiative du syndicat des libraires n'est qu'un symptôme parmi d'autres. Qu'elle efface aussi du champ social les besoins des confinés des milieux populaires, qui continuent d'aller faire le ménage dans des bureaux, d'aller changer des draps dans des hôpitaux, qui continuent de nous servir derrière leurs vitres, <a href="https://twitter.com/FacheeLa/status/1322590249055326212" rel="noopener" target="_blank">et qui n'ont pas forcément envie d'ouvrir les librairies qui les emploient</a>. Les premières lignes souvenez-vous. Leurs besoins. En masque. En gel. Leurs besoins en blouses. Leurs besoins en personnel. Leurs besoins en salaire. Leurs besoins en temps de repos. Leur besoin en reconnaissance. Tous les étages de la pyramide et de la "casita", d'un seul coup. </p>
  107. <p><strong>Confinement de Borges, enfin.</strong> Parce que dans l'incertitude c'est vers un maître incontestable de la fiction qu'il faut cette fois se tourner. Jorge Luis Borges, qui dans sa nouvelle, "La langue analytique de John Wilkins" à propos de la classification des animaux, nous donnait la preuve qu'une langue, quand elle entend hiérarchiser et choisir pour organiser la complexité d'un monde, est d'abord faite pour épouser la réalité des besoins politiques de ceux qui y règnent et l'administrent. Ainsi : </p>
  108. <blockquote>
  109. <p><em>"Dans les pages lointaines de ce livre, il est écrit que les animaux se divisent en a) appartenant à l'Empereur, b) embaumés, c) apprivoisés, d) cochons de lait, e) sirènes, f) fabuleux, g) chiens en liberté, h) inclus dans la présente classification, i) qui s'agitent comme des fous, j) innombrables, k) dessinés avec un très fin pinceau de poils de chameau, l) et caetera, m) qui viennent de casser la cruche, n) qui de loin semblent des mouches."</em></p>
  110. </blockquote>
  111. <p>Et, pourrait-on dire, dans l'histoire si proche du confinement, il est écrit que les services et biens essentiels non-confinés se divisent en a) de première nécessité b) appartenant au lobby de ce ceci ou de cela c) de nécessité bourgeoise d) les livres mais seulement si on les achète en librairie sinon ça ne compte pas e) le jogging mais seulement dans un rayon d'un kilomètre f) inclus dans la présente classification g) je vous laisse écrire la suite. </p>
  112. <p><strong><span>[Mise à jour du 3 Novembre]</span></strong> <a href="https://www.slate.fr/story/196738/librairiesouvertes-combat-fantasme-livres-librairies-centre-villes-zones-commerciales-inegalites-culture-lecture" rel="noopener" target="_blank">Un article de Slate.fr qui revient sur les chiffres et la géographie des librairies</a> et qui ajoute au côté bourgeois, le côté ... très parisien de tout cela.</p>
  113. <p> </p>
  114. <p> </p>
  115. <h2>[Bonus Track 1]</h2>
  116. <p>Je vous propose une <a href="https://soundcloud.com/olivierertzscheid/ju-jogging-et-des-livres-le-confinement-de-maslow" rel="noopener" target="_blank">"lecture" de cet article sur SoundCloud</a>. </p>
  117. <h2>[Bonus Track 2]</h2>
  118. <p>Pour rappel, tous mes articles sur et autour de la pandémie sont regroupés <a href="https://www.affordance.info/mon_weblog/coronavirus/" rel="noopener" target="_blank">dans la rubrique éponyme de ce blog</a>. </p>
  119. <h2>[Cet article vous a plu ?]</h2>
  120. <p>Et vous êtes tombé ici un peu par hasard sans connaître ni mon blog ni mes travaux ? Alors sachez que je viens d'écrire un [petit et pas trop cher] livre, <a href="https://cfeditions.com/lmsz/" rel="noopener" target="_blank"><em>Le monde selon Zuckerberg : portraits et préjudices</em></a>, qui traite de questions numériques et de démocratie. Et que je profite donc de votre passage pour vous en recommander <a href="https://cfeditions.com/lmsz/" rel="noopener" target="_blank">la lecture et l'achat</a>.</p>
  121. </main>
  122. </article>
  123. <hr>
  124. <footer>
  125. <p>
  126. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  127. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  128. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  129. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  130. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  131. </p>
  132. <template id="theme-selector">
  133. <form>
  134. <fieldset>
  135. <legend>Thème</legend>
  136. <label>
  137. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  138. </label>
  139. <label>
  140. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  141. </label>
  142. <label>
  143. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  144. </label>
  145. </fieldset>
  146. </form>
  147. </template>
  148. </footer>
  149. <script type="text/javascript">
  150. function loadThemeForm(templateName) {
  151. const themeSelectorTemplate = document.querySelector(templateName)
  152. const form = themeSelectorTemplate.content.firstElementChild
  153. themeSelectorTemplate.replaceWith(form)
  154. form.addEventListener('change', (e) => {
  155. const chosenColorScheme = e.target.value
  156. localStorage.setItem('theme', chosenColorScheme)
  157. toggleTheme(chosenColorScheme)
  158. })
  159. const selectedTheme = localStorage.getItem('theme')
  160. if (selectedTheme && selectedTheme !== 'undefined') {
  161. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  162. }
  163. }
  164. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  165. window.addEventListener('load', () => {
  166. let hasDarkRules = false
  167. for (const styleSheet of Array.from(document.styleSheets)) {
  168. let mediaRules = []
  169. for (const cssRule of styleSheet.cssRules) {
  170. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  171. continue
  172. }
  173. // WARNING: Safari does not have/supports `conditionText`.
  174. if (cssRule.conditionText) {
  175. if (cssRule.conditionText !== prefersColorSchemeDark) {
  176. continue
  177. }
  178. } else {
  179. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  180. continue
  181. }
  182. }
  183. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  184. }
  185. // WARNING: do not try to insert a Rule to a styleSheet you are
  186. // currently iterating on, otherwise the browser will be stuck
  187. // in a infinite loop…
  188. for (const mediaRule of mediaRules) {
  189. styleSheet.insertRule(mediaRule.cssText)
  190. hasDarkRules = true
  191. }
  192. }
  193. if (hasDarkRules) {
  194. loadThemeForm('#theme-selector')
  195. }
  196. })
  197. </script>
  198. </body>
  199. </html>