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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  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>Vivre dans la peur (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="http://www.lisez-veloce.fr/tracts-2020/vivre-dans-la-peur/">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Vivre dans la peur</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="http://www.lisez-veloce.fr/tracts-2020/vivre-dans-la-peur/" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p>Nous vivons dans la peur comme des poissons dans l’eau. Pas une heure qui n’ait ses angoisses et ses terreurs, et, ces derniers mois, la crainte de se faire égorger s’ajoute à celle de tomber malade. Tous les cinq ans, c’est encore la peur de la dictature qui mène l’électeur à l’abattoir.</p>
  69. <p>Le pouvoir dit qu’il faut s’habituer à vivre avec le virus comme avec le terrorisme, et que le fascisme est un parti comme un autre. C’est un étrange aveu d’impuissance, surtout de la part de l’État – qui promet pourtant de défendre la population contre la pandémie, l’islamisme et les tentations fascistes de la classe ouvrière.</p>
  70. <p>La confiance du peuple en son défenseur est toujours déçue mais toujours renouvelée. Peu importe les échecs manifestes du pouvoir : le problème, c’est que la population est encore trop libre, et l’État pas assez fort. Alors, comme le mal se cache dans ses rangs, elle se retourne contre elle-même, se soumet dignement et endure de bonne grâce les nouvelles restrictions qui accompagnent chaque défaite de son protecteur. Mais les états d’urgence n’y font rien. L’ennemi revient toujours.</p>
  71. <p>Pourquoi ? Parce que prendre parti pour la république contre l’islamisme, pour le gouvernement contre la pandémie ou pour la démocratie contre le fascisme, c’est prendre parti <em><em>pour la cause</em></em> du mal que l’on prétend combattre. C’est la <em><em>république</em></em> qui exploite et persécute ses anciens colonisés venus vivre sur son sol, parqués dans des quartiers-prisons ou des prisons tout court, poussant les plus désarmés à une « radicalisation » utile à l’État et à sa police. C’est le <em><em>gouvernement</em></em> qui défend l’ordre économique responsable de la pandémie, aussi bien par sa destruction de la nature que par l’environnement toxique qu’il reproduit sans cesse. Et c’est la <em><em>démocratie</em></em> qui opère par voie légale, de décret en décret et d’état d’urgence en état d’urgence, la mue fasciste qu’elle est censée empêcher. Nous ne dirons rien de sa police.</p>
  72. <p>Les vrais responsables, ceux qui chaque jour mènent le monde au désastre, veulent nous faire croire que ce sont les étudiants qui propagent le virus, les musulmans qui ont le gène du terrorisme, les Gilets Jaunes qui espèrent le retour du fascisme. C’est à chaque fois le même chantage, la même diversion pour maintenir la société dans sa voie, la même façon de mettre sur le dos des individus les plus pauvres et les plus fragiles les torts de l’ordre social tout entier.</p>
  73. <p>«<em><em>Cette démocratie si parfaite</em></em>», écrivait déjà Debord en 1988, «<em><em>fabrique elle-même son inconcevable ennemi, le terrorisme. Elle veut, en effet, être jugée sur ses ennemis plutôt que sur ses résultats.</em></em>» Ce qui est vrai pour le terrorisme l’est aussi pour le fascisme et la pandémie. Ce sont autant de résultats de l’ordre régnant que l’on fait passer pour ses ennemis. C’est une guerre fantôme, où le capitalisme fait mine de chasser son ombre. Mais les morts s’accumulent et le monde crève de cette confusion. L’équation est fausse. Il faut l’inverser: en détruisant l’État, on se débarrasse du terrorisme; en abolissant la démocratie bourgeoise, on combat le fascisme; en renversant la société marchande, on prévient les pandémies. Nous devons lâcher l’ombre pour la proie, et ne plus vivre dans la peur.</p>
  74. <p>— 27.11.2020</p>
  75. </main>
  76. </article>
  77. <hr>
  78. <footer>
  79. <p>
  80. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  81. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  82. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  83. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  84. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  85. </p>
  86. <template id="theme-selector">
  87. <form>
  88. <fieldset>
  89. <legend>Thème</legend>
  90. <label>
  91. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  92. </label>
  93. <label>
  94. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  95. </label>
  96. <label>
  97. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  98. </label>
  99. </fieldset>
  100. </form>
  101. </template>
  102. </footer>
  103. <script type="text/javascript">
  104. function loadThemeForm(templateName) {
  105. const themeSelectorTemplate = document.querySelector(templateName)
  106. const form = themeSelectorTemplate.content.firstElementChild
  107. themeSelectorTemplate.replaceWith(form)
  108. form.addEventListener('change', (e) => {
  109. const chosenColorScheme = e.target.value
  110. localStorage.setItem('theme', chosenColorScheme)
  111. toggleTheme(chosenColorScheme)
  112. })
  113. const selectedTheme = localStorage.getItem('theme')
  114. if (selectedTheme && selectedTheme !== 'undefined') {
  115. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  116. }
  117. }
  118. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  119. window.addEventListener('load', () => {
  120. let hasDarkRules = false
  121. for (const styleSheet of Array.from(document.styleSheets)) {
  122. let mediaRules = []
  123. for (const cssRule of styleSheet.cssRules) {
  124. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  125. continue
  126. }
  127. // WARNING: Safari does not have/supports `conditionText`.
  128. if (cssRule.conditionText) {
  129. if (cssRule.conditionText !== prefersColorSchemeDark) {
  130. continue
  131. }
  132. } else {
  133. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  134. continue
  135. }
  136. }
  137. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  138. }
  139. // WARNING: do not try to insert a Rule to a styleSheet you are
  140. // currently iterating on, otherwise the browser will be stuck
  141. // in a infinite loop…
  142. for (const mediaRule of mediaRules) {
  143. styleSheet.insertRule(mediaRule.cssText)
  144. hasDarkRules = true
  145. }
  146. }
  147. if (hasDarkRules) {
  148. loadThemeForm('#theme-selector')
  149. }
  150. })
  151. </script>
  152. </body>
  153. </html>