Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284
  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>Bifurquer — David Larlet</title>
  13. <meta name="description" content="Par ailleurs, certains agronomes sont devenus « scientocrates ». Ils se sont vus comme une élite chargée de faire la promotion des techniques testées par l’Inra, un peu comme des missionnaires répandent la bonne nouvelle. Regardez, le mot « agronomie » se termine par « nomie », du grec nomos, qui veut dire « loi ». Comme dans « économie » — disciplines qui sont devenues norminatives, au risque de déraper.">
  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>Bifurquer</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2022/08/24/" title="Publication précédente : Silence">← 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/10/18/" title="Publication suivante : Esclavage">Suivant →</a>
  81. </p>
  82. </nav>
  83. <hr>
  84. <blockquote>
  85. <p>Par ailleurs, certains agronomes sont devenus «&nbsp;scientocrates&nbsp;». Ils se sont vus comme une élite chargée de faire la promotion des techniques testées par l’Inra, un peu comme des missionnaires répandent la bonne nouvelle. Regardez, le mot «&nbsp;agronomie&nbsp;» se termine par «&nbsp;nomie&nbsp;», du grec <em>nomos</em>, qui veut dire «&nbsp;loi&nbsp;». Comme dans «&nbsp;économie&nbsp;» —&nbsp;disciplines qui sont devenues norminatives, au risque de&nbsp;déraper.</p>
  86. <p>Il y a enfin une dimension sociale&nbsp;: les châtelains envoyaient leurs enfants dans les grandes écoles d’agronomie dont les petits paysans étaient exclus. On nous enseignait la certitude d’avoir établi le vrai, avec une sorte de mépris pour les autres formes de savoir agricole. Inconsciemment, on nous enseignait à devenir&nbsp;méprisants.</p>
  87. <p><cite>Marc Dufumier, L’agronomie doit revenir sur terre, Penser le&nbsp;vivant</cite></p>
  88. </blockquote>
  89. <p>Au début de l’été, je voulais écrire un truc au sujet de ces <a href="https://www.youtube-nocookie.com/embed/3LvTgiWSAAE">bifurcations</a> <strong>post</strong>-diplômes qui se sont <a href="https://www.youtube-nocookie.com/embed/SUOVOC2Kd50">enchaînées</a> dans les <a href="https://www.youtube-nocookie.com/embed/BY7zclxtOLU">grandes</a> <a href="https://www.youtube-nocookie.com/embed/lmgIpum4QOc">écoles</a>. Et puis le temps à passé, mon aigreur aussi, peut-être. Il est tellement plus facile de déclamer son «&nbsp;anti-systèmisme&nbsp;» juste après avoir reçu un tampon de ce même système. En utilisant un espace de parole qui a été aménagé. Devant un parterre de camarades qui sentent bon la reproduction sociale. Avec la garantie de retrouver un emploi dans le secteur en un claquement de doigts. Bref, finalement l’aigreur est toujours&nbsp;là.</p>
  90. <p>Et pourtant, il faut bien trouver <a href="https://framablog.org/2022/08/29/bifurquer-avant-limpact-limpasse-du-capitalisme-de-surveillance/">une voie alternative</a>&nbsp;(<a href="/david/cache/2022/a6889f5458d738fa7e88825c39292d4c/">cache</a>), un nouvel espoir. En ayant bien conscience que cell·eux qui <em>pensent</em> mal la situation actuelle sont démuni·es. Que cell·eux qui la <em>vivent</em> mal sont encore bien trop loin. On s’approche du gouffre mais il y a pas mal de monde devant nous. Ça amortira. Peut-être.</p>
  91. <hr />
  92. <p>De manière plus réjouissante, j’ai commencé à publier des trucs <a href="https://nature.larlet.fr/">autour de la nature et de la forêt</a>. Parfois, l’outil devient suffisamment stimulant pour avoir envie de l’alimenter. Il me reste pas mal de contenus à ajouter mais vous pouvez aussi sculpter un peu cet espace avec moi en me proposant des sujets pas encore abordés. Ils s’agit du troisième sous-domaine de l’année, je me demande ce que ça signifie en terme de&nbsp;bifurcation.</p>
  93. <p>Aussi, contre toute attente, la rentrée s’est bien passée. Je crois que l’on va avoir une vraie enseignante cette année. <a href="/david/2021/09/01/">Ça&nbsp;change.</a></p>
  94. <hr />
  95. <p>Toute cette histoire à base de barbecue et de virilité en France me fait réaliser à quel point nous sommes loins d’être prêt·es (OK, surtout prêts) à ce qui nous attend. Ça pourrait être risible si ça n’était pas aussi engageant. Enrageant&nbsp;aussi.</p>
  96. <p>Il faudrait au moins un 1000% sur les prix de l’essence et de la viande pour que ça fasse bouger les choses. Ça s’en vient, trop&nbsp;doucement.</p>
  97. <p>Et <a href="https://shouldibake.com/">pendant ce temps-là</a>.</p>
  98. <h2 id="la-barre-a-droite-toute">La barre à droite toute <a href="#la-barre-a-droite-toute" title="Ancre vers cette partie">#</a></h2>
  99. <blockquote lang="en">
  100. <p>🤸 The digital theorist Ian Bogost argues that this move-fast-and-break-things approach is precisely why software developers should stop calling themselves “engineers”: engineering, he points out, is a set of disciplines with codes of ethics and recognized commitments to civil society. Agile promises no such loyalty, except to the product under&nbsp;construction.</p>
  101. <p>Agile is good at compartmentalizing features, neatly packaging them into sprints and deliverables. Really, that’s a tendency of software engineering at large—modularity, or “information hiding,” is a critical way for humans to manage systems that are too complex for any one person to grasp. But by turning features into “user stories” on a whiteboard, Agile has the potential to create what Yvonne Lam calls a “chain of deniability”: <mark>an assembly line in which no one, at any point, takes full responsibility for what the team has&nbsp;created.</mark></p>
  102. <p><cite><em><a href="https://logicmag.io/clouds/agile-and-the-long-crisis-of-software/">Agile and the Long Crisis of Software</a></em>&nbsp;(<a href="/david/cache/2022/1236188b3f1c5da5282d20951c339338/">cache</a>)</cite></p>
  103. </blockquote>
  104. <blockquote lang="en">
  105. <p>🛠 If you are just starting off and I tell you <em>exactly</em> how I work, right down to the brand of pen and notebook, I am, in a some small sense, <mark>robbing you of the experience</mark> of finding your own materials and your own way of&nbsp;working.</p>
  106. <p>Trying to approximate someone else’s work with your own tools can lead to wonderful&nbsp;discoveries.</p>
  107. <p><cite><em><a href="https://austinkleon.com/2018/02/24/the-tools-matter-and-the-tools-dont-matter/">The tools matter and the tools don’t matter</a></em>&nbsp;(<a href="/david/cache/2022/d2116522ee6de8693c08cbd3c4fe147f/">cache</a>)</cite></p>
  108. </blockquote>
  109. <blockquote lang="en">
  110. <p>🎵 But we already know the answer to that. There have been other periods of artistic stagnation in the past, and <mark>they usually signaled a collapse</mark> in other spheres of society too. You can’t lose creativity in the arts—its natural home—without seeing a rise of close-mindedness in other fields as&nbsp;well.</p>
  111. <p>But I don’t expect this trend to reverse anytime soon. Even scarier, at a certain juncture, we lose the key skills we need to support and nurture fresh perspectives and new creative&nbsp;endeavors.</p>
  112. <p><cite><em><a href="https://tedgioia.substack.com/p/the-new-numbers-on-music-consumption">The New Numbers on Music Consumption Are Very Ugly</a></em>&nbsp;(<a href="/david/cache/2022/4bdaa4b32abeb8b0c9c682893b22da82/">cache</a>)</cite></p>
  113. </blockquote>
  114. <blockquote lang="en">
  115. <p>😡 <strong>Can in-app browsers read everything I do online?</strong> Yes, if you are browsing <mark>through their in-app browser</mark> they technically&nbsp;can.</p>
  116. <p><cite><em><a href="https://krausefx.com/blog/announcing-inappbrowsercom-see-what-javascript-commands-get-executed-in-an-in-app-browser">iOS Privacy: Announcing InAppBrowser.com - see what JavaScript commands get injected through an in-app browser</a></em>&nbsp;(<a href="/david/cache/2022/8e934525d3694413fe73a9af99cdf99d/">cache</a>)</cite></p>
  117. </blockquote>
  118. <blockquote>
  119. <p>🧑‍💼 Avant de poursuivre, on pourrait souligner que, à bien des égards, l’hostilité véhémente des États et la réaction quasi hystérique des gouvernants à WikiLeaks s’expliquent par la blessure narcissique que l’activité de cette organisation inflige aux hommes et aux femmes&nbsp;d’État.</p>
  120. <p>On ne mesure sans doute pas à quel point découle, pour ces derniers, une sorte de jouissance du fait d’avoir accès à des informations dont le public, ainsi constitué en masse ignorante, est privé&nbsp;: c’est toute une image de soi comme être privilégié, lucide, qui a accès à ce qui est rare, à ce dont les citoyens ordinaires sont exclus, qui structure le rapport à eux-mêmes de celles et ceux qui sont intégrés dans l’appareil d’État. <mark>C’est l’une des rémunérations symboliques les plus fortes que l’État procure à celles et ceux qui le&nbsp;servent.</mark></p>
  121. <p>Or l’action de WikiLeaks a pour conséquence de ruiner ce privilège de classe. Toute la doctrine de ce site vise à déposséder les membres de l’État de ce qui est peut-être le plus précieux pour eux socialement&nbsp;: la capacité de regarder les autres comme ignorants. Aussi est-ce à leurs yeux une agression insupportable qui est ici accomplie, d’où la violence de leurs&nbsp;réactions.</p>
  122. <p><cite><em>L’art de la révolte</em>, Geoffroy de&nbsp;Lagasnerie</cite></p>
  123. </blockquote>
  124. <blockquote lang="en">
  125. <p>💨 Behind the scenes, developers could look to use CO2.js as part of their deployment workflow. In the same way that web developers might set a <em>performance budget</em> for their site, <a href="https://css-tricks.com/reduce-your-websites-environmental-impact-with-a-carbon-budget/">a carbon budget could also be used</a>. If a website or app exceeds a threshold for carbon intensity, then an alert can be raised or a new deployment can be blocked. The data from CO2.js can also be used as part of internal monitoring tools and&nbsp;dashboards.</p>
  126. <p><cite><em><a href="https://branch.climateaction.tech/issues/issue-4/normalising-digital-carbon-reporting/">CO2.js: An Open Library for Digital Carbon Reporting</a></em>&nbsp;(<a href="/david/cache/2022/dbdfbdab3a63c31e36fcb412f3b4b0e0/">cache</a>)</cite></p>
  127. </blockquote>
  128. <blockquote>
  129. <p>🏦 Le sens littéral du mot d’origine grecque «&nbsp;parasite&nbsp;» est «&nbsp;à côté du&nbsp;grain&nbsp;».</p>
  130. <p><cite><em>Homo Domesticus</em>, James C. Scott</cite></p>
  131. </blockquote>
  132. <nav>
  133. <p class="center">
  134. <a rel="prev" href="/david/2022/08/24/" title="Publication précédente : Silence">← Précédent</a> •
  135. <a href="/david/2022/" title="Liste des publications récentes">↑ En 2022</a>
  136. • <a rel="next" href="/david/2022/10/18/" title="Publication suivante : Esclavage">Suivant →</a>
  137. </p>
  138. </nav>
  139. </article>
  140. <hr>
  141. <footer>
  142. <p>
  143. <nobr>
  144. <a href="/david/" title="Aller à l’accueil"
  145. ><svg class="icon icon-home">
  146. <use
  147. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  148. ></use>
  149. </svg>
  150. Accueil</a
  151. >
  152. </nobr>
  153. <nobr>
  154. <a href="/david/log/" title="Accès au flux RSS"
  155. ><svg class="icon icon-rss2">
  156. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  157. </svg>
  158. Suivre</a
  159. >
  160. </nobr>
  161. <nobr>
  162. <a href="http://larlet.com" title="Go to my English profile" data-instant
  163. ><svg class="icon icon-user-tie">
  164. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  165. </svg>
  166. Pro</a
  167. >
  168. </nobr>
  169. <nobr>
  170. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  171. ><svg class="icon icon-mail">
  172. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  173. </svg>
  174. Email</a
  175. >
  176. </nobr>
  177. <nobr>
  178. <abbr
  179. class="nowrap"
  180. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  181. ><svg class="icon icon-hammer2">
  182. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  183. </svg>
  184. Légal</abbr
  185. >
  186. </nobr>
  187. </p>
  188. <template id="theme-selector">
  189. <form>
  190. <fieldset>
  191. <legend><svg class="icon icon-brightness-contrast">
  192. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  193. </svg> Thème</legend>
  194. <label>
  195. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  196. </label>
  197. <label>
  198. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  199. </label>
  200. <label>
  201. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  202. </label>
  203. </fieldset>
  204. </form>
  205. </template>
  206. </footer>
  207. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  208. <script>
  209. function loadThemeForm(templateName) {
  210. const themeSelectorTemplate = document.querySelector(templateName)
  211. const form = themeSelectorTemplate.content.firstElementChild
  212. themeSelectorTemplate.replaceWith(form)
  213. form.addEventListener('change', (e) => {
  214. const chosenColorScheme = e.target.value
  215. localStorage.setItem('theme', chosenColorScheme)
  216. toggleTheme(chosenColorScheme)
  217. })
  218. const selectedTheme = localStorage.getItem('theme')
  219. if (selectedTheme && selectedTheme !== 'undefined') {
  220. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  221. }
  222. }
  223. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  224. window.addEventListener('load', () => {
  225. let hasDarkRules = false
  226. for (const styleSheet of Array.from(document.styleSheets)) {
  227. let mediaRules = []
  228. for (const cssRule of styleSheet.cssRules) {
  229. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  230. continue
  231. }
  232. // WARNING: Safari does not have/supports `conditionText`.
  233. if (cssRule.conditionText) {
  234. if (cssRule.conditionText !== prefersColorSchemeDark) {
  235. continue
  236. }
  237. } else {
  238. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  239. continue
  240. }
  241. }
  242. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  243. }
  244. // WARNING: do not try to insert a Rule to a styleSheet you are
  245. // currently iterating on, otherwise the browser will be stuck
  246. // in a infinite loop…
  247. for (const mediaRule of mediaRules) {
  248. styleSheet.insertRule(mediaRule.cssText)
  249. hasDarkRules = true
  250. }
  251. }
  252. if (hasDarkRules) {
  253. loadThemeForm('#theme-selector')
  254. }
  255. })
  256. </script>
  257. </body>
  258. </html>