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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  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>Coupable — David Larlet</title>
  13. <meta name="description" content="Lorsque la coupe est pleine.">
  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. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  52. <article>
  53. <header>
  54. <h1>Coupable</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2020/09/07/" title="Publication précédente : Rappels">←</a> •
  59. <a href="/david/" title="Aller à l’accueil">🏠</a>
  60. • <a rel="next" href="/david/2020/10/08/" title="Publication suivante : Parvenir">→</a>
  61. </p>
  62. </nav>
  63. <hr>
  64. <main>
  65. <p><em>Lorsque la coupe est pleine.</em></p>
  66. <h2 id="anarchiste">Anarchiste <a href="#anarchiste" title="Ancre vers cette partie">#</a></h2>
  67. <blockquote>
  68. <p>Il n’y a pas de honte à défendre l’anarchie et à en défendre les principes car ses valeurs sont belles. Elles pourraient même se résumer en « Liberté, Égalité, Fraternité ». Mais « pour de vrai », comme disent les enfants. Les anarchistes se sont battus pour ces valeurs avec tellement d’acharnement que cela a toujours fait peur à la caste dirigeante, qu’elle se nomme noblesse, bourgeoisie, oligarchie ou soviet suprême. Alors, pour éviter à tout prix de partager les richesses à égalité entre des femmes et des hommes libres, <mark>il fallait empêcher que l’anarchie prenne racine, que ce mot fasse envie et redonne de l’espoir aux plus pauvres</mark>. Éviter que ces pauvres prennent conscience qu’avec leur nombre ils auraient pu la faire, la révolution, et la réussir. C’était d’ailleurs la devise de John David Rockfeller : « Ne pas leur laisser croire que la révolte ça peut marcher. »</p>
  69. <p><cite><em><a href="/david/2020/12/21/#comment-je-suis-devenue-anarchiste">Comment je suis devenue anarchiste</a></em>, Isabelle Attard</cite></p>
  70. </blockquote>
  71. <p>C’est peu de dire que je me suis beaucoup retrouvé dans ce livre, autant dans mes propres expériences que dans mes lectures et mes espoirs. Je partage les <a href="/david/2020/04/18/#regrets">désillusions</a> du processus parlementaire, les frustrations d’une <a href="/david/2020/09/07/#justice">culture de la domination</a>, les inspirations — de <a href="/david/2020/12/21/#pouvoir-de-detruire-pouvoir-de-creer">Murray Bookchin</a> à <a href="/david/stream/2018/11/13/">Daniel Quinn</a>, en passant par Kropotkine —, l’inévitable chemin sensé vers le véganisme, le constat d’une Histoire constamment <a href="/david/2020/09/07/#anarchisme">réécrite</a>, les prises de recul en <a href="/david/2020/09/01/#rythme">parcourant la forêt</a>. Je me sentais en terrain connu mais non conquis.</p>
  72. <p>Et pourtant, j’ai toujours eu du mal à me revendiquer comme étant anarchiste, probablement par une méconnaissance du terme (maintenant comblée) mais aussi par l’image que cela pouvait donner pour les personnes n’ayant pas le même niveau de conscience du mot que moi. C’est peut-être ce que cet ouvrage va changer : prendre le temps de <em>me</em> ré-accaparer le mot et de transmettre mon interprétation aux <em>autres</em>.</p>
  73. <p>Il me reste à accepter de faire partie d’une coopérative principalement financée par l’État. Ce qui est à la fois <a href="https://mastodon.social/@dav/104566174827679082">dissonant</a> <em>et</em> la moins pire des solutions : piocher dans le gros pot commun pour alimenter un plus petit pot, commun aussi.</p>
  74. <blockquote>
  75. <p>Je n’ai pas envie de capituler devant les préjugés d’un autre temps. Toutes celles et tous ceux qui se revendiquent anarchistes ne devraient plus jamais avoir besoin de taire leurs convictions.</p>
  76. <p><cite><em>Ibid.</em></cite></p>
  77. </blockquote>
  78. <h2 id="voyager">Voyager <a href="#voyager" title="Ancre vers cette partie">#</a></h2>
  79. <blockquote>
  80. <p>« voyager de nouveau un jour » est une incertitude. On and on. Ni défaitisme, juste de la prudence. Les conditions sanitaires, politiques et écologiques ne sont pas les plus favorables pour la catégorie de pays riches dont nous faisons partie. C’est bien pour cela que je ne veux pas arrêter en attendant l’après. <mark>Un après de quoi.</mark> Vivre chaque instant avec intensité et plénitude. On and on. Constant.</p>
  81. <p><cite><em><a href="https://www.la-grange.net/2020/09/14/voyager">voyager</a></em> (<a href="/david/cache/2020/c69ff36d83073945d118afba126d5d7e/">cache</a>)</cite></p>
  82. </blockquote>
  83. <p>L’expatriation vient ajouter un nouvel élément au cocktail économico-climatique des allers-retours trans-atlantique : comment gérer l’éventuelle culpabilité de devenir le patient zéro de sa propre famille ?</p>
  84. <blockquote lang="en">
  85. <p>Those who survived the peak of the outbreak in March and April are now negative. The virus is officially gone from their systems.</p>
  86. <p>“But we are asking: Are you feeling cured? Almost half the patients say no,” said Serena Venturelli, an infectious-disease specialist at the hospital.</p>
  87. <p><cite><em><a href="https://www.washingtonpost.com/world/2020/09/08/bergamo-italy-covid-longterm/">Italy’s Bergamo finds covid-19 leaves long-term effects for some</a></em> (<a href="/david/cache/2020/dd5f3b7bc94e0bbe28dedec164ff6a37/">cache</a>)</cite></p>
  88. </blockquote>
  89. <h2 id="culpabilite">Culpabilité <a href="#culpabilite" title="Ancre vers cette partie">#</a></h2>
  90. <blockquote lang="en">
  91. <p>I have made countless decisions in this vein – from Iraq to Indonesia, from Italy to El Salvador. Individually, the impact was likely small in each case, but the world is a vast place. Although I made the best decision I could based on the knowledge available at the time, ultimately <mark>I was the one who made the decision</mark> not to push more or prioritize further in each case, and I know that I have blood on my hands by now.</p>
  92. <p><cite><em><a href="https://www.buzzfeednews.com/article/craigsilverman/facebook-ignore-political-manipulation-whistleblower-memo">Whistleblower Says Facebook Ignored Global Political Manipulation</a></em> (<a href="/david/cache/2020/ab9f293c34ce421ab41465fcda8893fe/">cache</a>)</cite></p>
  93. </blockquote>
  94. <p>Une suite à mes interrogations sur la <a href="/david/2020/09/01/#conscience">conscience</a> des personnes en charge de ces choses là. C’est tout un pan de la pyramide qui est concerné mais une seule qui se retrouve avec les mains sales. Il est plus que temps d’éclabousser tout ce beau monde de leurs immondices calculatoires et calculées.</p>
  95. <p>Dans un tout autre domaine mais finalement pas tant — car il faudra que l’on arrive à mettre des bâtons légaux dans les roues des <a href="/david/2020/02/07/">GAFAM+</a> qui tournent à l’<em>open-source</em> — je tombe aussi sur :</p>
  96. <blockquote lang="en">
  97. <p>Climate Strike Software is software that uses the Climate Strike License, a software license that developers can use to prohibit the use of their code by applications or companies that threaten to accelerate climate change through fossil fuel extraction.</p>
  98. <p><cite><em><a href="https://climatestrike.software/">Climate Strike License</a></em></cite></p>
  99. </blockquote>
  100. <p>Qui ajoute ces lignes <a href="https://github.com/climate-strike/license/blob/master/licenses/MIT">pour la licence MIT</a> par exemple :</p>
  101. <blockquote lang="en">
  102. <p>The Software may not be used in applications and services that are used for or aid in the exploration, extraction, refinement, processing, or transportation of fossil fuels.</p>
  103. <p>The Software may not be used by companies that <mark>rely on fossil fuel extraction as their primary means of revenue</mark>. This includes but is not limited to the companies listed at https://climatestrike.software/blocklist</p>
  104. </blockquote>
  105. <p>Je salue l’initiative <em>et</em> je me demande à quel point cela reste extrêmement interprétable. Si je suis constructeur de voitures, puis-je utiliser un outil protégé par cette licence ?</p>
  106. <h2 id="peche">Péché <a href="#peche" title="Ancre vers cette partie">#</a></h2>
  107. <blockquote>
  108. <p>Que les lois soient oppressives ou libérales n’a que peu d’importance, pas plus que les moyens qui sont utilisés pour les faire appliquer, si on tient compte du point principal : le peuple doit apprendre à craindre l’autorité et pas seulement en la personne des « représentants de l’ordre » parce qu’ils portent des armes. Pour que l’État fonctionne convenablement, cette peur n’est pas une sauvegarde suffisante ; <mark>le citoyen doit encore intérioriser cette peur et transformer l’obéissance en une catégorie morale et religieuse : le péché.</mark></p>
  109. <p>Les gens respectent la loi non seulement parce qu’ils ont peur mais aussi parce qu’ils se sentent coupables de désobéir. Ce sentiment de culpabilité peut être surmonté grâce au pardon que seule l’autorité peut accorder. Les conditions d’un tel pardon sont les suivantes : le pécheur se repent, il est puni et, en acceptant la punition, il se soumet à nouveau.</p>
  110. <p><cite><em><a href="/david/2020/12/21/#avoir-ou-etre">Avoir ou être</a></em>, Erich Fromm</cite></p>
  111. </blockquote>
  112. <p>Au-dessus du péché, la conscience ? Cette petite voix que l’on ne peut faire taire ni combattre. Celle qui nous pousse à l’action tout en nous tétanisant. Celle qui prend soin de nous et nous ronge de l’intérieur.</p>
  113. <p>Citation de la semaine potentiellement liée :</p>
  114. <blockquote>
  115. <p>Le fascisme n’est pas le contraire de la démocratie mais son évolution par temps de crise.</p>
  116. <p><cite><em>Brecht</em></cite></p>
  117. </blockquote>
  118. <h2 id="masques">Masques <a href="#masques" title="Ancre vers cette partie">#</a></h2>
  119. <blockquote lang="en">
  120. <p>Officially, we may be wearing our masks to protect others, but it sure does feel appropriate to hide our faces when we’re engaging in so many self-interested, survivalist activities in the light of day — <mark>leveraging whatever privilege we may enjoy</mark> to stock and equip our homes so they can serve as makeshift bunkers, workplaces, private schools, and hermetically sealed entertainment centers.</p>
  121. <p><cite><em><a href="https://onezero.medium.com/the-privileged-have-entered-their-escape-pods-4706b4893af7">The Privileged Have Entered Their Escape Pods</a></em> (<a href="/david/cache/2020/7fbde2965b6247def36184b7c0078de5/">cache</a>)</cite></p>
  122. </blockquote>
  123. <p>Douglas Rushkoff tape juste, là où ça fait mal. <a href="/david/stream/2018/07/13/">Encore une fois</a>. Le positionnement du masque est lié au niveau de richesse de son porteur : le prolétaire le porte sous le menton, le privilégié sur les yeux et le richissime s’en fait un parachute… doré.</p>
  124. <h2 id="lego">Lego <a href="#lego" title="Ancre vers cette partie">#</a></h2>
  125. <blockquote lang="en">
  126. <p>So my little mashup, which was supposed to be just 3 technologies ended up exposing me to ~20 different technologies and had me digging into nth-level dependency source code after midnight. If there’s an allegory for <mark>what I don’t like about modern day web development</mark>, this is it. You want to use three tools, but you have to know how to use twenty tools instead.</p>
  127. <p><cite><em><a href="https://daverupert.com/2020/09/tangled-webs/">The tangled webs we weave</a></em> (<a href="/david/cache/2020/fc3558fb276cdc30844d1abfe095631d/">cache</a>)</cite></p>
  128. </blockquote>
  129. <p>Si vous pensez que cela est caricatural, ça n’est malheureusement pas le cas. J’aurais du mal à faire une métaphore pour voir ce que ça pourrait donner dans une autre profession tellement cette situation est follement intenable. J’arrive à relativement m’en <a href="/david/2020/07/13/#implication">protéger</a> mais alors bon courage aux prochaines générations…</p>
  130. <h2 id="jumelles">Jumelles <a href="#jumelles" title="Ancre vers cette partie">#</a></h2>
  131. <blockquote>
  132. <p>Je peux me balader rien qu’avec mes jumelles et là je suis heureux. Je me sens tout nu sans ça. Un appareil photo ce n’est pas nécessaire, pas tout le temps.</p>
  133. <p>[…]</p>
  134. <p>Parfois la photographie peut m’ennuyer, le fait de photographier, parce que ça peut te casser ton émotion. C’est de la technologie qui vient comme une barrière entre l’animal et toi et ça peut te gâcher l’émotion. Faut rien louper c’est tellement rare.</p>
  135. <p><cite><em><a href="https://www.youtube.com/watch?v=lUJQRMeYFqM">L’extraordinaire photographe animalier Vincent Munier</a></em></cite></p>
  136. </blockquote>
  137. <p>Merci à Vincent Munier (et indirectement Maïa) de m’avoir motivé à acheter des jumelles. Se promener avec un 400mm autour du coup pour moins d’un kilogramme va probablement m’aider à <a href="/david/2020/09/01/#rythme">ralentir</a> encore davantage tout en restant à l’affut. Non pas du <a href="/david/blog/2013/photographie-exclusion/">cliché à ramener</a> mais de la situation à vivre.</p>
  138. <p><em>Observer pour comprendre, comprendre pour faire partie.</em></p>
  139. <h2 id="modestie">Modestie <a href="#modestie" title="Ancre vers cette partie">#</a></h2>
  140. <blockquote>
  141. <p>— Pourquoi tu veux tout savoir tout le temps ?<br />
  142. — Parce que je veux être le maître du monde et pour ça il faut tout savoir.</p>
  143. </blockquote>
  144. <p>C’est beau l’enfance. #EnTouteModestie</p>
  145. </main>
  146. <nav>
  147. <p class="center">
  148. <a rel="prev" href="/david/2020/09/07/" title="Publication précédente : Rappels">←</a> •
  149. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  150. • <a rel="next" href="/david/2020/10/08/" title="Publication suivante : Parvenir">→</a>
  151. </p>
  152. </nav>
  153. </article>
  154. <hr>
  155. <footer>
  156. <p>
  157. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  158. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  159. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  160. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  161. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  162. </p>
  163. <template id="theme-selector">
  164. <form>
  165. <fieldset>
  166. <legend>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" defer></script>
  181. <script type="text/javascript">
  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>