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

2 yıl önce
2 yıl önce
2 yıl önce
2 yıl önce
2 yıl önce
2 yıl önce
2 yıl önce
2 yıl önce
2 yıl önce
2 yıl önce
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  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` element
  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>Régime — David Larlet</title>
  13. <meta name="description" content="J’ai eu le temps, durant toutes ces années d’errances convenues, de sentir à quel point plus c’est sauvage et plus c’est vrai. Je ne peux me défaire de ce que l’expérience de la nature a laissé : dans l’abandon du sauvage, on perd toute possibilité de liberté. J’ai toujours marché librement dans les forêts, fort de ce constat que la beauté est l’expression parfaite du sauvage pour la nature, et de la liberté pour l’homme.">
  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="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <article>
  54. <header>
  55. <h1>Régime</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2022/02/17/" title="Publication précédente : Envie">← Précédent</a> •
  60. <nobr>
  61. <a href="/david/" title="Aller à l’accueil"
  62. ><svg class="icon icon-home">
  63. <use
  64. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  65. ></use>
  66. </svg>
  67. Accueil</a
  68. >
  69. </nobr>
  70. <nobr>
  71. <a href="/david/recherche/" title="Aller à la page de recherche"
  72. ><svg class="icon icon-search">
  73. <use
  74. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"
  75. ></use>
  76. </svg>
  77. Recherche</a
  78. >
  79. </nobr>
  80. • <a rel="next" href="/david/2022/03/18/" title="Publication suivante : Temps">Suivant →</a>
  81. </p>
  82. </nav>
  83. <hr>
  84. <blockquote>
  85. <p>J’ai eu le temps, durant toutes ces années d’errances convenues, de sentir à quel point plus c’est sauvage et plus c’est vrai. Je ne peux me défaire de ce que l’expérience de la nature a laissé&nbsp;: dans l’abandon du sauvage, on perd toute possibilité de liberté. J’ai toujours marché librement dans les forêts, fort de ce constat que la beauté est l’expression parfaite du sauvage pour la nature, et de la liberté pour&nbsp;l’homme.</p>
  86. <p>L’ambition est peut-être énorme que de vouloir vivre derrière l’ours en naturaliste éperdu, mais rien ne peut m’interdire d’être libre sous les étoiles, nul ne peut m’empêcher d’être entier consacré à cette errance naturelle. Partout où je marche longtemps, partout où je m’attarde un peu, l’acte libérateur est toujours un acte de présence au chemin, pourvu qu’il me conduise là où d’autres ne vont pas. […]</p>
  87. <p>Cet exact moment de solitude n’est pas un retranchement, mais un&nbsp;rapprochement.</p>
  88. <p><cite><em>Dans les forêts de l’ours</em>, Rémi&nbsp;Huot</cite></p>
  89. </blockquote>
  90. <p>Perdre du poids <a href="/david/2021/12/06/">de manière saisonnière</a> est assez difficile, surtout lorsque l’hiver s’éternise (insérer ici un mème de Merry et Pippin qui demandent si vous êtes au courant du 3<sup>e</sup> hiver québécois…). Il s’agit principalement de combiner une hausse d’activité sportive à une réduction/adaptation de l’alimentation. <em>Facile en&nbsp;théorie.</em></p>
  91. <p>Je vous livre ma principale astuce avant d’en faire un TED&nbsp;talk ou un article pour Flow magazine&nbsp;: <strong>se brosser les dents après chaque ingestion d’aliment.</strong> Dans mon cas particulier, j’applique la règle pour <em>chaque</em> carreau de chocolat. Mine de rien lorsqu’il y a plusieurs minutes en jeu, à répétition, ça donne beaucoup moins envie de grignoter. <em>Facile en&nbsp;pratique.</em></p>
  92. <hr />
  93. <p>C’est la guerre. Alors je suis allé randonner à skis. Fort. Loin. Oublier. Accepter. Se perdre. Dans des pensées étranges, entre misanthropie et incompréhension. Je ne comprends pas cette idée de nation, encore moins de nationalisme. Et j’appréhende une telle déception si j’arrivais finalement à comprendre que je m’y refuse. Ce concept peut-il mourir avec suffisamment de personnes&#8239;? Combien&#8239;?</p>
  94. <hr />
  95. <p>Les cavaliers de l’apocalypse galopent, on ne sait plus s’ils courent après le capitalisme ou fuient la crise climatique qui s’en vient. Probablement un peu des deux, et on leur donne trop de foin, pas assez de soin. En attendant, <a href="https://www.bedetheque.com/serie-34387-BD-Cavaliers-de-l-apocadispe.html">on se marre bien</a> en famille. Et c’est déjà&nbsp;ça.</p>
  96. <hr />
  97. <p>Bientôt, la question se posera de savoir quel est le régime le moins inadapté à répondre à toutes ces crises. Les choix seront forcément surprenants car non pleinement conscients. Dans la panique, une main tendue. Vers qui, pour&nbsp;quoi&#8239;?</p>
  98. <hr />
  99. <p>J’ai une soif de (micro)typographie en ce moment que je ne m’explique pas vraiment. Comme un besoin de me concentrer sur du tout petit et futile pour ne pas voir un macro angoissant. Je me rends compte d’à quel point le web et l’automatisation sont démunis sur ces plans là. Mes tentatives d’éviter les veuves (typographiques) sur cet espace, n’endommagent-elles pas le gris (typographique) de la page&#8239;? L’hyphénation automatique des navigateurs étant ce qu’elle est, faut-il le faire à la main&#8239;? Jusqu’où&nbsp;aller&#8239;?</p>
  100. <h2 id="bananes">Bananes <a href="#bananes" title="Ancre vers cette partie">#</a></h2>
  101. <blockquote>
  102. <p>⏳ Pour retrouver l’abondance de temps, il faudrait arrêter de le contrôler. Notre attention ne peut pas se trouver à deux endroits en même temps&nbsp;: soit je fais l’expérience du temps, soit je le mesure. Mais je ne peux pas faire les deux en même&nbsp;temps.</p>
  103. <p><cite><em><a href="https://jazzettes.substack.com/p/les-jazzettes-20">Les Jazzettes #20</a></em>&nbsp;(<a href="/david/cache/2022/87b3d4be1d7a1e72be8d411a0eb59249/">cache</a>)</cite></p>
  104. </blockquote>
  105. <blockquote>
  106. <p>🤗 Selon André Gorz, la société capitaliste a pour devise&nbsp;: «&nbsp;Ce qui est bon pour tous ne vaut rien. Tu ne seras respectable que si tu as “mieux” que les autres.&nbsp;» On peut lui opposer une devise écologiste&nbsp;: «&nbsp;Seul est digne de toi ce qui est bon pour tous. Seul mérite d’être produit ce qui ne privilégie ni n’abaisse personne.&nbsp;» Aux yeux de Gorz, un besoin qualitatif a ceci de particulier qu’il ne donne pas prise à la «&nbsp;distinction&nbsp;». […]</p>
  107. <p>Établir une liste de besoins authentiques n’a rien d’évident et suppose <mark>une délibération collective continue</mark>. Il s’agit donc de mettre en place un mécanisme qui vienne d’en bas, d’où émane démocratiquement une identification des besoins&nbsp;raisonnables.</p>
  108. <p><cite><em><a href="https://www.monde-diplomatique.fr/2017/02/KEUCHEYAN/57134">Ce dont nous avons (vraiment) besoin</a></em>&nbsp;(<a href="/david/cache/2022/65e0c481f692260299c53e9713339f53/">cache</a>)</cite></p>
  109. </blockquote>
  110. <blockquote>
  111. <p>😔 Si la justice transformatrice nous a appris une chose, c’est bien que le changement systémique n’est pas suffisant. De nombreux changements doivent aussi se produire au niveau communautaire et&nbsp;individuel.</p>
  112. <p>Les vaccins ont mis en lumière le profond ancrage du validisme dans nos cultures politiques. […]</p>
  113. <p>Le privilège valide implique que vous n’avez pas à écouter les personnes handicapées ni à apprendre ce que sont le validisme et la suprématie validiste. Notre gouvernement se fiche des personnes handicapées qui existent déjà. Penser qu’il prendra soin de vous si vous devenez handicapé⋅es à cause du covid [long], comme des millions d’autres le deviendront, c’est le fruit de votre ignorance validiste. […]</p>
  114. <p>Les personnes handicapées ne sont pas jetables. <mark>Nous sommes votre présent redouté et votre inévitable futur.</mark> Nous sommes ce que l’âge et le temps promettent plus que tout, et c’est pourquoi vous avez peur de nous, et que vous nous avez continuellement repoussé·es et&nbsp;caché·es.</p>
  115. <p><cite><em><a href="https://www.jefklak.org/nos-morts-ne-vous-sont-pas-dues/">Nos morts ne vous sont pas dues</a></em>&nbsp;(<a href="/david/cache/2022/c4af28e3e148b7fd23ccb06e3a3f0358/">cache</a>)</cite></p>
  116. </blockquote>
  117. <blockquote lang="en">
  118. <p>☢️ Here is no honourable deed commemorated,<br />
  119. Nor ancient treasure buried<br />
  120. Nor high seat of honor nor festival ground.<br />
  121. We feared and hated what is&nbsp;here.</p>
  122. <p><cite><em><a href="http://futurefire.net/2021.58/fiction/until.html">2021.58&nbsp;fiction until</a></em>&nbsp;(<a href="/david/cache/2022/f3a292e38cc775f66adcd3e876baf082/">cache</a>)</cite></p>
  123. </blockquote>
  124. <blockquote>
  125. <p>🎶 Mais au bout d’une dizaine de lectures, le diamant d’une platine aura déjà raboté les infimes variations de matière correspondant aux fréquences supérieures à cette valeur sur un disque vinyle. Et de toutes façons, l’oreille humaine ne peut percevoir de fréquences au-delà de 20&nbsp;kHz environ. Et encore, au début de sa vie. Si vous êtes en âge de lire ce blog, vous n’êtes plus dans ce cas, désolé&nbsp;😬.</p>
  126. <p><cite><em><a href="https://blog.cybergrunge.dev/le-disque-vinyle-debunkage">Le disque vinyle&nbsp;: débunkage</a></em>&nbsp;(<a href="/david/cache/2022/69acddf6a1f953e130ab2b36960568b7/">cache</a>)</cite></p>
  127. </blockquote>
  128. <blockquote lang="en">
  129. <p>👻 On the web, there are no such restrictions: when a website dies, <mark>it leaves no sign of its past self behind.</mark> The closest you might come to seeing signs of this cycle is witnessing the birth of a new website. […]</p>
  130. <p>I’ve often thought about getting together with some friends to pay into a fund to house our websites after we die. […] Our ghosts could live forever, if we help each&nbsp;other.</p>
  131. <p><cite><em><a href="https://notebook.wesleyac.com/how-websites-die/">How Websites Die</a></em>&nbsp;(<a href="/david/cache/2022/91078de938da3b77cff57427da41dc11/">cache</a>)</cite></p>
  132. </blockquote>
  133. <blockquote>
  134. <p>🩹 Pour Illich et Gorz, l’institution de la médecine est globalement complice d’un système (capitaliste et technique) qui rend malade les gens (par le travail, la pollution, l’alimentation, etc). La médecine s’attache alors à soigner les malades pour faire tourner la machine qui sinon s’écroulerait. Le système crée des problèmes, mais d’une certaine manière, il tient parce que la médecine apporte des solutions. Sauf qu’en opérant ainsi, <mark>le système change le pansement au lieu de penser le&nbsp;changement.</mark></p>
  135. <p>Je trouve qu’il y a une analogie, lointaine certes, mais réelle avec l’institution qui se forme autour de l’éducation au numérique. Le système se numérise à grande vitesse, cela crée des cassures, des inégalités, des incompréhensions, des troubles. Alors une éducation au numérique s’institutionnalise pour réparer ce qui a été cassé, trouver des solutions aux problèmes. Mais à aucun moment, la question des causes n’est sérieusement diagnostiquée pour donner ensuite lieu à des politiques sociales.On dit que «&nbsp;13&nbsp;millions de Français subissent le numérique&nbsp;». Mais subissent-ils le numérique, ou la numérisation de la société, qui est un choix politique&nbsp;délibéré&#8239;?</p>
  136. <p><cite><em><a href="https://louisderrac.com/2021/11/03/eduquer-au-numerique-daccord-mais-pas-nimporte-lequel-et-pas-nimporte-comment/">Éduquer au numérique d’accord. Mais pas n’importe lequel et pas n’importe comment</a></em>&nbsp;(<a href="/david/cache/2022/099887889751a8432b4ab9ce7edc3bfa/">cache</a>)</cite></p>
  137. </blockquote>
  138. <blockquote lang="en">
  139. <p>🤗 Gemini is solutionism at its worst and is more about exclusion of the mainstream over bringing actual technological advancement, let alone fixing the issues it baselessly claims to be fixing. Gemini does not bring new ideas to the table, but instead uses decade old concepts from HTTP and Gopher, to implement a castrated and badly designed version of its own, just for the sake of it not being HTTP nor Gopher. […]</p>
  140. <p>Bottom line is, if you agree that the modern web has become an awful place, let’s work on changing that for everyone, instead of abandoning it <mark>like a bunch of billionaires trying to escape to a different place</mark>, before this one&nbsp;collapses.</p>
  141. <p><cite><em><a href="https://%E3%83%9E%E3%83%AA%E3%82%A6%E3%82%B9.com/gemini-is-solutionism-at-its-worst/">Gemini is Solutionism at its Worst</a></em>&nbsp;(<a href="/david/cache/2022/cb9e84580f4cb201995be13a7df2117b/">cache</a>)</cite></p>
  142. </blockquote>
  143. <blockquote lang="en">
  144. <p>➕ We’re capable of making this process easier for people. So much of what it takes to add content to a gemini capsule is things we can automate. So why don’t&nbsp;we?</p>
  145. <p><cite><em><a href="https://proxy.vulpes.one/gemini/tilde.team/~tomasino/journal/20211103-making-gemini-easy.gmi">Making Gemini Easy</a></em>&nbsp;(<a href="/david/cache/2022/053b5d423df20fa4e7978174d91d41bb/">cache</a>)</cite></p>
  146. </blockquote>
  147. <blockquote lang="en">
  148. <p>🙉 In that regards, I think one of best aspects of Gemini is that it actually has a bar to entry. If you want to do more than just reading, you need to invest some time into understanding what you are contributing to. <mark>It’s not incredibly difficult,</mark> but it does demand a modicum of technological&nbsp;understanding.</p>
  149. <p>That obstacle is a ultimately good thing. As much as it excludes those who are unwilling to invest in overcoming it, also it elevates those who&nbsp;do.</p>
  150. <p><cite><em><a href="https://memex.marginalia.nu/log/35-keeping-gemini-difficult.gmi">Keeping Gemini Difficult</a></em>&nbsp;(<a href="/david/cache/2022/d7aa31b1b2a781330df24fe71c19166c/">cache</a>)</cite></p>
  151. </blockquote>
  152. <blockquote>
  153. <p>🙌 Nous considérons l’entreprise comme une sorte de bien commun, plutôt que comme quelque chose qui appartient à certain⋅es&nbsp;: c’est tout simplement notre cadre de&nbsp;travail.</p>
  154. <p>Au lieu de de rémunérer la propriété de l’entreprise, nous cherchons à <mark>rémunérer le travail</mark>. Mesurer le temps passé à travailler est parfois complexe, mais cela nous semble plus équitable que de rémunérer la&nbsp;propriété.</p>
  155. <p><cite><em><a href="https://www.vieuxsinge.com/transformation-en-scop.html">Brasserie du Vieux Singe — Transformation en SCOP</a></em>&nbsp;(<a href="/david/cache/2022/63c624eb03143c963380f527b7b5ca0f/">cache</a>)</cite></p>
  156. </blockquote>
  157. <blockquote lang="en">
  158. <p>🎲 I made this game so I can improve my daughter’s ability to read and debug code. Each card has something interesting to teach. The game is simple, pick a card, read the code, throw a 20&nbsp;sided dice (wherever you see the ⚂ symbol) to get a value and evaluate the code together with your&nbsp;kid.</p>
  159. <p><cite><em><a href="https://punkjazz.org/programming-time/">Programming&nbsp;time</a></em></cite></p>
  160. </blockquote>
  161. <blockquote lang="en">
  162. <p>🎓 I think modern education treats programming as “career path”, I think of that to be wrong. <mark>I treat it as literacy.</mark> Being literate lets to experience a different world than those who aren’t. It is not about having a job, I can’t even explain it, being literate just allows you to see the fabric of what everything is made&nbsp;of.</p>
  163. <p><cite><em><a href="https://github.com/jackdoe/programming-for-kids">Programming for kids</a></em>&nbsp;(<a href="/david/cache/2022/62f9f5083de61124ed4d9fe1b458d505/">cache</a>)</cite></p>
  164. </blockquote>
  165. <blockquote>
  166. <p>🤫 Chacun a bien plus à gagner dans le bruit désordonné des conversations que dans le silence organisé des&nbsp;populations.</p>
  167. <p><cite><em><a href="https://www.affordance.info/mon_weblog/2022/02/guerre-ukraine-numerique.html">Ukraine. Para Bellum Numericum. Chronique du versant numérique d'une guerre au 21ème siècle.</a></em>&nbsp;(<a href="/david/cache/2022/31293aa75259e6e704ec714b5a4712cf/">cache</a>)</cite></p>
  168. </blockquote>
  169. <blockquote>
  170. <p>🇺🇦 Quelle que soit l’issue de la guerre, Poutine l’a déjà perdue. En plus de pousser vers l’Ouest ce qui restera de l’Ukraine, elle va renforcer voire agrandir l’OTAN, isoler et affaiblir la Russie qui deviendra paria, et menacer son propre pouvoir à Moscou. Le début de la&nbsp;fin.</p>
  171. <p><cite><em><a href="https://legrandcontinent.eu/fr/2022/02/27/pourquoi-poutine-a-deja-perdu-la-guerre/">Pourquoi Poutine a déjà perdu la guerre</a></em>&nbsp;(<a href="/david/cache/2022/7591561f82b6ec5b32ead9df89a11c15/">cache</a>)</cite></p>
  172. </blockquote>
  173. <blockquote lang="en">
  174. <p>🦴 The web has never been a place for perfectionism. Typesetting in particular has been a long-neglected facet of web design because we’ve lacked the tools to give long texts the editorial care they&nbsp;need.</p>
  175. <p><cite><em><a href="https://oak.is/thinking/mechanical-ragger/">Mechanical Ragger: Print typesetting for the web</a></em>&nbsp;(<a href="/david/cache/2022/c0e7ed5590b520f176aacfd76ae03188/">cache</a>)</cite></p>
  176. </blockquote>
  177. <blockquote lang="en">
  178. <p>💩 According to Farley, one song that contains only the word “poop” repeated over and over generates $500&nbsp;in streaming revenue every month as of 2018, likely in part because children request it from Alexa or other&nbsp;devices.</p>
  179. <p><cite><a href="https://en.wikipedia.org/wiki/Matt_Farley">Matt Farley</a>, sur&nbsp;Wikipedia</cite></p>
  180. </blockquote>
  181. <blockquote lang="en">
  182. <p>🎶 No monthly subscriptions. No ads. No corporation selling your data. No bots telling you what to&nbsp;like.</p>
  183. <p>To listen to music, buy credits for your account: 5, 10, 15&nbsp;etc. Each time you listen to a song, you spend a small fraction of your credit. With our model, <mark>the money you spend goes directly to the artists you listen to,</mark> and you only pay when you’re actually&nbsp;listening.</p>
  184. <p><cite><a href="https://resonate.is/pricing/">Pricing</a>, Resonate (<a href="https://resonate.is/manifesto/">Manifesto</a>)</cite></p>
  185. </blockquote>
  186. <blockquote lang="en">
  187. <p>🙃 I want to start by just pointing out that what we’re trying to do here is kind of crazy. We want&nbsp;to:</p>
  188. <ul>
  189. <li>Download&nbsp;code</li>
  190. <li>from the&nbsp;internet</li>
  191. <li>written by unknown&nbsp;individuals</li>
  192. <li>that we haven’t&nbsp;read</li>
  193. <li><mark>that we&nbsp;execute</mark></li>
  194. <li>with full&nbsp;permissions</li>
  195. <li>on our laptops and&nbsp;servers</li>
  196. <li>where we keep our most important&nbsp;data</li>
  197. </ul>
  198. <p>This is what we’re doing every day when we use <code>npm install</code>. It’s a <em>miracle</em> that this system works – and that it’s continued to <em>mostly</em> work for this&nbsp;long!</p>
  199. <p><cite><em><a href="https://socket.dev/blog/inside-node-modules">What’s Really Going On Inside Your node_modules Folder?</a></em>&nbsp;(<a href="/david/cache/2022/0d024905896d89f8bd499e2a6170b59e/">cache</a>)</cite></p>
  200. </blockquote>
  201. <blockquote lang="en">
  202. <p>❣️ Yet, we watch even more crippling measures being celebrated in the media as the appropriate reaction to one strongman’s decision. “Cripple Russia’s economy and there will soon be riots in Moscow to overthrow Putin” is a very simplistic logic to apply to people living under an oppressive regime. […]</p>
  203. <p>It is informed by <mark>our lived experiences under racism, imperialism, colonialism, apartheid, neo-colonialism and so-called Western military ‘solutions’</mark> – such as the “war on terror” – which invariably exacerbate conflicts and lead to more deaths. […]</p>
  204. <p>Any day should be a good day to call out hegemony. Today, as the “free world” of “civilised nations” face “unprecedented times” – as the media would have it – those who have paid dearly for the unquestioned “rightness of the West” are saying: let’s speak against Western hegemony&nbsp;too.</p>
  205. <p><cite><em><a href="https://www.opendemocracy.net/en/5050/an-african-view-of-whats-happening-in-europe/">An African view of what’s happening in Europe</a></em>&nbsp;(<a href="/david/cache/2022/86a502931562f5a88120be5ae903b67a/">cache</a>)</cite></p>
  206. </blockquote>
  207. <blockquote lang="en">
  208. <p>📻 When things are difficult – maybe there’s been a disaster, or an invasion (this page is being written in 2022&nbsp;just after Russia invaded Ukraine), or maybe you’re just backpacking off the grid – there are tools that can help you keep in touch, or move your data around. This page aims to survey some of them, roughly in order from easiest to more&nbsp;complex.</p>
  209. <p><cite><em><a href="https://www.complete.org/tools-for-communicating-offline-and-in-difficult-circumstances/">Tools for Communicating Offline and in Difficult Circumstances</a></em>&nbsp;(<a href="/david/cache/2022/4525ebd31ecd7bc978fbe0ad464824a3/">cache</a>)</cite></p>
  210. </blockquote>
  211. <blockquote lang="en">
  212. <p>🧑‍🔬 The simplest open protocol that is able to create a censorship-resistant global “social” network once and for&nbsp;all.</p>
  213. <p><cite><em><a href="https://github.com/fiatjaf/nostr">nostr - Notes and Other Stuff Transmitted by Relays</a></em>&nbsp;(<a href="/david/cache/2022/af26cb6361904f154ea71e2c5b2271cc/">cache</a>)</cite></p>
  214. </blockquote>
  215. <nav>
  216. <p class="center">
  217. <a rel="prev" href="/david/2022/02/17/" title="Publication précédente : Envie">← Précédent</a> •
  218. <a href="/david/2022/" title="Liste des publications récentes">↑ En 2022</a>
  219. • <a rel="next" href="/david/2022/03/18/" title="Publication suivante : Temps">Suivant →</a>
  220. </p>
  221. </nav>
  222. </article>
  223. <hr>
  224. <footer>
  225. <p>
  226. <nobr>
  227. <a href="/david/" title="Aller à l’accueil"
  228. ><svg class="icon icon-home">
  229. <use
  230. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  231. ></use>
  232. </svg>
  233. Accueil</a
  234. >
  235. </nobr>
  236. <nobr>
  237. <a href="/david/log/" title="Accès au flux RSS"
  238. ><svg class="icon icon-rss2">
  239. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  240. </svg>
  241. Suivre</a
  242. >
  243. </nobr>
  244. <nobr>
  245. <a href="http://larlet.com" title="Go to my English profile" data-instant
  246. ><svg class="icon icon-user-tie">
  247. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  248. </svg>
  249. Pro</a
  250. >
  251. </nobr>
  252. <nobr>
  253. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  254. ><svg class="icon icon-mail">
  255. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  256. </svg>
  257. Email</a
  258. >
  259. </nobr>
  260. <nobr>
  261. <abbr
  262. class="nowrap"
  263. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  264. ><svg class="icon icon-hammer2">
  265. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  266. </svg>
  267. Légal</abbr
  268. >
  269. </nobr>
  270. </p>
  271. <template id="theme-selector">
  272. <form>
  273. <fieldset>
  274. <legend><svg class="icon icon-brightness-contrast">
  275. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  276. </svg> Thème</legend>
  277. <label>
  278. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  279. </label>
  280. <label>
  281. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  282. </label>
  283. <label>
  284. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  285. </label>
  286. </fieldset>
  287. </form>
  288. </template>
  289. </footer>
  290. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  291. <script>
  292. function loadThemeForm(templateName) {
  293. const themeSelectorTemplate = document.querySelector(templateName)
  294. const form = themeSelectorTemplate.content.firstElementChild
  295. themeSelectorTemplate.replaceWith(form)
  296. form.addEventListener('change', (e) => {
  297. const chosenColorScheme = e.target.value
  298. localStorage.setItem('theme', chosenColorScheme)
  299. toggleTheme(chosenColorScheme)
  300. })
  301. const selectedTheme = localStorage.getItem('theme')
  302. if (selectedTheme && selectedTheme !== 'undefined') {
  303. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  304. }
  305. }
  306. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  307. window.addEventListener('load', () => {
  308. let hasDarkRules = false
  309. for (const styleSheet of Array.from(document.styleSheets)) {
  310. let mediaRules = []
  311. for (const cssRule of styleSheet.cssRules) {
  312. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  313. continue
  314. }
  315. // WARNING: Safari does not have/supports `conditionText`.
  316. if (cssRule.conditionText) {
  317. if (cssRule.conditionText !== prefersColorSchemeDark) {
  318. continue
  319. }
  320. } else {
  321. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  322. continue
  323. }
  324. }
  325. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  326. }
  327. // WARNING: do not try to insert a Rule to a styleSheet you are
  328. // currently iterating on, otherwise the browser will be stuck
  329. // in a infinite loop…
  330. for (const mediaRule of mediaRules) {
  331. styleSheet.insertRule(mediaRule.cssText)
  332. hasDarkRules = true
  333. }
  334. }
  335. if (hasDarkRules) {
  336. loadThemeForm('#theme-selector')
  337. }
  338. })
  339. </script>
  340. </body>
  341. </html>