Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 21KB

před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
před 4 roky
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
  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>Espoirs — David Larlet</title>
  13. <!-- That good ol' feed, subscribe :). -->
  14. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  15. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  16. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  17. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  18. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  19. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  20. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  21. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  22. <meta name="msapplication-TileColor" content="#f0f0ea">
  23. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- Documented, feel free to shoot an email. -->
  26. <link rel="stylesheet" href="/static/david/css/style_2020-04-25.css">
  27. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  28. <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>
  29. <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>
  30. <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>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  35. <article>
  36. <h1>Espoirs</h1>
  37. <nav>
  38. <p class="center">
  39. <a rel="prev" href="/david/2020/02/07/" title="Publication précédente : GAFAM+">←</a> •
  40. <a href="/david/" title="Aller à l’accueil" tabindex="1">🏠</a>
  41. • <a rel="next" href="/david/2020/02/21/" title="Publication suivante : Service">→</a>
  42. </p>
  43. </nav>
  44. <hr>
  45. <p><em>Quelques pistes pour un monde qui (me) serait meilleur.</em></p>
  46. <h2 id="ambivalence">Ambivalence <a href="#ambivalence" title="Ancre vers cette partie" aria-hidden="true">#</a></h2>
  47. <blockquote>
  48. <p>Comme l’a montré Gramsci, les crises sont toujours des moments ambivalents pour le capitalisme. D’un côté, elles représentent un risque pour la survie du système. Mais, de l’autre, elles sont aussi des occasions de générer de nouvelles opportunités de profits. La crise environnementale n’échappe pas à cette ambivalence. L’ouragan Katrina a par exemple détruit des volumes colossaux de capital. Mais il a aussi permis l’expulsion et la rentabilisation de quartiers jusque-là populaires et donc peu rentables, ainsi que la privatisation massive des services publics, notamment les écoles. Il en va de même du tsunami de 2004 en Asie, qui a conduit à l’enclosure de nombreuses régions côtières et suscité l’installation de chaînes internationales d’hôtellerie et de restauration.</p>
  49. <p><cite><em><a href="/david/2020/12/21/#la-nature-est-un-champ-de-bataille">La nature est un champ de bataille</a></em>, Razmig Keucheyan</cite></p>
  50. </blockquote>
  51. <p>Après avoir dépeint un <a href="/david/2020/02/07/">univers numérique</a> relativement triste, j’aimerais rappeler que des technologies sont porteuses d’espoirs. Le choix dépend de nous, de nos usages, de ce que l’on promeut à nos proches, des possibilités que l’on est capable de montrer.</p>
  52. <h2 id="neutral-data">Neutral data <a href="#neutral-data" title="Ancre vers cette partie" aria-hidden="true">#</a></h2>
  53. <blockquote lang="en">
  54. <p>“‘The map is not the territory ... but another version of reality,’ Wreckert said, quoting semanticist Alfred Korzybski, one of William S. Burroughs’ biggest influences. “<mark>Data is always translated to what they might be presented.</mark> The images, lists, graphs, and maps that represent those data are all interpretations, and there is no such thing as neutral data. Data is always collected for a specific purpose, by a combination of people, technology, money, commerce, and government.”</p>
  55. <p><cite><em><a href="https://www.vice.com/en_us/article/9393w7/this-man-created-traffic-jams-on-google-maps-using-a-red-wagon-full-of-phones">How to Fake a Traffic Jam on Google Maps</a></em> (<a href="/david/cache/2020/42b02cc81a7fface539dfb3397f0a464/">cache</a>)</cite></p>
  56. </blockquote>
  57. <p>Rien n’est neutre mais tout est relativement <em>hackable</em>. Le manque de résilience d’un système fortement couplé a cette défaillance qu’il suffit d’un petit grain de sable pour que la machine ne sache quoi en faire.</p>
  58. <p>J’imagine un <em>business</em> qui créerait un faux embouteillage le matin pour faire passer plus rapidement les personnes à l’origine de celui-ci par ce même endroit. Puis un concurrent qui rendrait inopérant le raccourci. Quitte à marcher sur la tête, autant que ça soit avec du fun !</p>
  59. <h2 id="rss">RSS <a href="#rss" title="Ancre vers cette partie" aria-hidden="true">#</a></h2><p>J’ai posé la <a href="https://mastodon.social/@dav/103524352995568684">question suivante sur Mastodon</a> :</p>
  60. <blockquote>
  61. <p>Si vous n’utilisez pas de lecteur de flux <abbr title="Really Simple Syndication">RSS</abbr>, pourquoi ?</p>
  62. </blockquote>
  63. <p>Et j’ai eu pas mal de réponses que je souhaite consigner ici, si vous voulez connaître les auteur·ice·s, il·le·s sont lié·e·s sur la page originale.</p>
  64. <blockquote>
  65. <p>J’utilisais miniflux, mais j’ai arrêté, trop de flux, je n’arrivais pas à tout lire, je trouvais que je tombais en pleine <abbr title="Fear Of Missing Out">FOMO</abbr> :p</p>
  66. </blockquote>
  67. <blockquote>
  68. <p>J’en utilisais vers 2010 puis j’ai progressivement arrêté, Twitter et la gestion des listes fait le taff pour moi. Sinon j’ai l’impression d’avoir une boîte mail à devoir vider et je prends pas plaisir à lire les derniers articles</p>
  69. </blockquote>
  70. <blockquote>
  71. <p>Parce que j’ai trop de trucs à suivre, et du coup j’en perd.
  72. Et heureusement, sinon je ne ferais que ça ^^.
  73. Donc ne pas utiliser de flux RSS est une technique de tri simple et efficace…</p>
  74. <p>Une professionnelle m’a assuré que je n’étais pas cliniquement dangereux pour les autres.</p>
  75. </blockquote>
  76. <blockquote>
  77. <p>Je peux répondre à la place de mon collègue avec qui j’en parlais il y a peu : « Parce que les réseaux sociaux me fournissent toute l’actu que je veux »</p>
  78. <p>Ignorance, quand tu nous tiens</p>
  79. </blockquote>
  80. <blockquote>
  81. <p>J’ai l’impression que je vais devoir bidouiller un truc perso pour en profiter. je me trompe sûrement mais je ne connais pas les services qui permettent d’utiliser le rss. Et comme de toutes façons j’ai pas le temps de lire ce que je suis déjà, je ne cherche pas plus loin que ça.</p>
  82. </blockquote>
  83. <blockquote>
  84. <p>J’avais arrêté au profit de twitter (sélection de compte suivi)
  85. J’ai récemment remis en place FreshRSS car je trouve qu’il y a trop de bruit parasites sur TW.
  86. Et j’ai arrêté les flux RSS généralistes qui polluent trop pour me concentrer sur quelques flux intéressant : l’idée étant de ne pas être submergé d’articles
  87. Ensuite je survole régulièrement et je marque &quot;comme lu&quot; (sans les lire) ceux qui ne m’intéressent pas; je lis ceux qui m’intéressent quand j’ai le temps; j’en enregistre certain dans Wallabag/Shaarli pour ne pas les perdre</p>
  88. </blockquote>
  89. <blockquote>
  90. <p>J’ai toujours utilisé les flux RSS, mais mon usage s’est intensifié dans le cadre de ma dégafamisation. On croise les doigts que les flux RSS des chaînes Youtube restent en place :)</p>
  91. </blockquote>
  92. <blockquote>
  93. <p>Je m’en sers, mais ça demande un peu de discipline : t’as tendances à ajouter tout et n’importe quoi jusqu’à le rendre illisible/inutilisable. Je comprends que ça puisse décourager ou fatiguer certains/certaines : ça demande un peu de rigueur !</p>
  94. </blockquote>
  95. <blockquote>
  96. <p>J’utilise mais probablement mal. Principalement probablement par méconnaissance des outils. Je ne trouve pas notamment de clients qui me satisfasse pleinement que ce soit sur Debian ou Android. Mais j’utilise de plus en plus oui !</p>
  97. </blockquote>
  98. <p>Merci pour toutes ces réponses, ça me donne du grain à moudre pour un <em>vaporware</em> qui a au moins 15 ans.</p>
  99. <h2 id="confuse-trackers">Confuse trackers <a href="#confuse-trackers" title="Ancre vers cette partie" aria-hidden="true">#</a></h2>
  100. <blockquote lang="en">
  101. <p>Each time she refreshed the Explore tab, it was a completely different topic, none of which she was interested in. That’s because Mosley wasn’t the only person using this account -- it belonged to a group of her friends, at least five of whom could be on at any given time. <mark>Maybe they couldn’t hide their data footprints, but they could at least leave hundreds behind to confuse trackers.</mark></p>
  102. <p>These teenagers are relying on a sophisticated network of trusted Instagram users to post content from multiple different devices, from multiple different locations.</p>
  103. <p>If you wanted to confuse Instagram, here’s how.</p>
  104. <p><cite><em><a href="https://www.cnet.com/news/teens-have-figured-out-how-to-mess-with-instagrams-tracking-algorithm/">Teens have figured out how to mess with Instagram’s tracking algorithm</a></em> (<a href="/david/cache/2020/dd11327ac0ac5bf42163e3a6315012b8/">cache</a>)</cite></p>
  105. </blockquote>
  106. <p>C’est une somme de petits actes de résistance qui donnent de l’espoir, en particulier venant des jeunes générations. Je suis encore trop dans l’exclusion élitiste (ne pas aller sur Facebook) et pas assez dans le <em>hack</em> collectif (y aller et participer au bruit alternatif pour se protéger… et protéger les autres ?).</p>
  107. <p><em>Note: le contenu de l’article est plein de liens avec des attributs du type <code>data-link-tracker-options=&quot;{&amp;quot;action&amp;quot;:&amp;quot;inline-annotation|Mobile Apps|CNET_CAT_TOPIC|450&amp;quot;}&quot;</code>, c’est assez succulent vu le contenu…</em></p>
  108. <h2 id="ecologie-sociale">Écologie sociale <a href="#ecologie-sociale" title="Ancre vers cette partie" aria-hidden="true">#</a></h2>
  109. <blockquote>
  110. <p>Dans mon esprit, écologie a toujours signifié écologie sociale : la conviction que l’idée même de dominer la nature découle de la domination de l’humain par l’humain, que ces soit des femmes par les hommes, des jeunes par leurs aînés, d’un groupe ethnique par un autre, de la société par l’État, de l’individu par la bureaucratie, aussi bien que d’une classe économique par une autre ou d’un peuple colonisé par une puissance coloniale.</p>
  111. <p>[…]</p>
  112. <p>Aussi longtemps que persistera la hiérarchie, aussi longtemps que la domination imposera un système d’organisation élitiste à l’humanité, le projet de dominer la nature se perpétuera et conduira inévitablement notre planète vers l’extinction écologique.</p>
  113. <p><cite><em>Lettre ouverte au mouvement écologiste</em>, février 1980, extrait de <em><a href="/david/2020/12/21/#pouvoir-de-detruire-pouvoir-de-creer">Pouvoir de détruire, pouvoir de créer</a></em>, Murray Bookchin</cite></p>
  114. </blockquote>
  115. <p>Ce que je trouve intéressant dans cette réflexion, c’est qu’il existe de très nombreuses formes de luttes qui permettraient d’aboutir (?) à un résultat proche et enthousiasmant. Chacun·e peut avoir son propre cheval de bataille plus ou moins léger s’ils finissent par converger, voire s’émuler. En ayant l’esprit souple, on peut potentiellement imaginer être sur plusieurs chevaux à la fois. Ou séquentiellement.</p>
  116. <p>Quel cirque.</p>
  117. <h2 id="alternumerisme">Alternumérisme <a href="#alternumerisme" title="Ancre vers cette partie" aria-hidden="true">#</a></h2>
  118. <blockquote>
  119. <p>Il me semble que nous pouvons peut-être encore être pour l’alternumérisme. Mais ce qui tenait de l’affirmation devient chaque jour un peu plus une interrogation, tant ce que nous prônons, finalement n’arrive pas à devenir autre chose qu’un instrument, un argument même pour permettre aux excès du numérisme de devenir toujours plus excessifs.</p>
  120. <p><cite><em><a href="http://www.internetactu.net/2020/02/13/de-lalternumerisme-dautres-numeriques-sont-ils-possibles/">De l’alternumérisme : d’autres numériques sont-ils possibles ?</a></em> (<a href="/david/cache/2020/ad8fd9818243ad950a794021d3dc794c/">cache</a>)</cite></p>
  121. </blockquote>
  122. <p><em>Pour un autre numérique.</em></p>
  123. <p>J’aime ce double sens. À quel point est-ce qu’un autre numérique passe par une dé-numérisation de l’autre ? Ne plus communiquer par un biais numérique, ne plus partager des photos par un biais numérique, ne plus transmettre une émotion par un émoji, ne plus être informé que par des personnes physiquement proches.</p>
  124. <p>Je doute que ce soit <em>via</em> le numérique que l’on réussira à inventer un autre numérique.</p>
  125. <p>🤖</p>
  126. <h2 id="sagesse">Sagesse <a href="#sagesse" title="Ancre vers cette partie" aria-hidden="true">#</a></h2>
  127. <blockquote>
  128. <p>Il n’est pas nécessaire de faire un effort pour penser d’une manière particulière. Votre pensée ne devrait pas être partiale. Nous pensons simplement avec notre esprit intégral, et voyons sans un effort les choses telles qu’elles sont. Simplement voir, et être prêt à voir les choses avec notre esprit intégral, c’est cela la pratique de zazen. Si nous sommes prêts à penser, nous n’avons pas besoin de faire un effort pour penser. C’est ce qu’on appelle la conscience présente. La conscience présente est en même temps la sagesse. Par sagesse, nous n’entendons pas une faculté ou une philosophie particulières. <mark>Avoir l’esprit prêt, cette qualité est la sagesse.</mark> Divers enseignements et philosophies, diverses formes d’études et de recherche, pourraient donc être la sagesse. Mais nous ne devrions pas nous attacher à une sagesse particulière, telle celle enseignée par Bouddha. La sagesse n’est pas quelque chose qui s’apprend. La sagesse viendra de votre conscience présente. Il s’agit donc d’être prêt à voir, et d’être prêt à penser. C’est ce qu’on appelle la vacuité de votre esprit. La vacuité n’est autre que la pratique de zazen.</p>
  129. <p><cite><em><a href="/david/2020/12/21/#esprit-zen-esprit-neuf">Esprit zen, esprit neuf</a></em>, Shunryu Suzuki</cite></p>
  130. </blockquote>
  131. <p>Et si l’espoir était une pratique ? Un petit feu à alimenter régulièrement pour réchauffer notre cœur. Et pour éclairer les sourires des autres.</p>
  132. <p><em>Une même flamme peut se partager à l’infini.</em></p>
  133. <p>(Il y a des chances de finir sur un tas de cendres par contre.)</p>
  134. <h2 id="empathie">Empathie <a href="#empathie" title="Ancre vers cette partie" aria-hidden="true">#</a></h2>
  135. <blockquote>
  136. <p>— Tu vois si tu m’expliques ça me permet d’avoir de l’empathie pour toi.<br />
  137. — C’est quoi l’empathie ?<br />
  138. — C’est essayer de ressentir ce que ressentent les autres.<br />
  139. <em>[Lâche un gros pet.]</em><br />
  140. — Mais c’est pour t’aider papa !</p>
  141. </blockquote>
  142. <p>:facepalm:</p>
  143. <nav>
  144. <p class="center">
  145. <a rel="prev" href="/david/2020/02/07/" title="Publication précédente : GAFAM+">←</a> •
  146. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  147. • <a rel="next" href="/david/2020/02/21/" title="Publication suivante : Service">→</a>
  148. </p>
  149. </nav>
  150. </article>
  151. <hr>
  152. <footer>
  153. <p>
  154. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  155. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  156. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  157. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  158. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  159. </p>
  160. <template id="theme-selector">
  161. <form>
  162. <fieldset>
  163. <legend>Thème</legend>
  164. <label>
  165. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  166. </label>
  167. <label>
  168. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  169. </label>
  170. <label>
  171. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  172. </label>
  173. </fieldset>
  174. </form>
  175. </template>
  176. </footer>
  177. <script src="/static/david/js/instantpage-3.0.0.min.js" type="module" defer></script>
  178. <script type="text/javascript">
  179. /* This is a work in progress with Anthony https://ricaud.me */
  180. // TODISCUSS:
  181. // 1. give a way for the user to close that chooser?
  182. // 2. store preferences? Done using localStorage
  183. // 3. create the template from scratch in JS?
  184. // 4. how to make it generic? (no need for forced-dark/light existing rules)
  185. // Results from a Poll: https://mastodon.social/@dav/104093540923157521
  186. // Avoir un moyen de changer de thème d'un site à la main :
  187. // 49% => Utile
  188. // 23% => Pas utile
  189. // 9% => So 2000
  190. // 19% => Je veux le même
  191. // After 24 hours and 43 votes
  192. // A bit hard to interpret, I guess people wanting it found it useful too!
  193. function toggleTheme(themeName) {
  194. document.body.classList.toggle('forced-dark', themeName === 'dark')
  195. document.body.classList.toggle('forced-light', themeName === 'light')
  196. }
  197. function loadThemeForm(templateName) {
  198. const themeSelectorTemplate = document.querySelector(templateName)
  199. const form = themeSelectorTemplate.content.firstElementChild
  200. themeSelectorTemplate.replaceWith(form)
  201. form.addEventListener('change', (e) => {
  202. const chosenColorScheme = e.target.value
  203. localStorage.setItem('theme', chosenColorScheme)
  204. toggleTheme(chosenColorScheme)
  205. })
  206. const themeSelected = localStorage.getItem('theme')
  207. if (themeSelected !== 'undefined') {
  208. form.querySelector(`[value="${themeSelected}"]`).checked = true
  209. toggleTheme(themeSelected)
  210. }
  211. }
  212. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  213. window.addEventListener('load', () => {
  214. let hasDarkRules = false
  215. for (const styleSheet of Array.from(document.styleSheets)) {
  216. let mediaRules = []
  217. for (const cssRule of styleSheet.cssRules) {
  218. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  219. continue
  220. }
  221. // WARNING: Safari does not have/supports `conditionText`.
  222. if (cssRule.conditionText) {
  223. if (cssRule.conditionText !== prefersColorSchemeDark) {
  224. continue
  225. }
  226. } else {
  227. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  228. continue
  229. }
  230. }
  231. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  232. }
  233. // WARNING: do not try to insert a Rule to a styleSheet you are
  234. // currently iterating on, otherwise the browser will be stuck
  235. // in a infinite loop…
  236. for (const mediaRule of mediaRules) {
  237. styleSheet.insertRule(mediaRule.cssText)
  238. hasDarkRules = true
  239. }
  240. }
  241. if (hasDarkRules) {
  242. loadThemeForm('#theme-selector')
  243. }
  244. })
  245. </script>
  246. </body>
  247. </html>