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

4 years ago
4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  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>Réponses — David Larlet</title>
  13. <meta name="description" content="Les réactions du moment.">
  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>Réponses</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2020/01/17/" title="Publication précédente : Datagouv">←</a> •
  59. <a href="/david/" title="Aller à l’accueil">🏠</a>
  60. • <a rel="next" href="/david/2020/01/29/" title="Publication suivante : Sortie ski">→</a>
  61. </p>
  62. </nav>
  63. <hr>
  64. <main>
  65. <p><em>Les réactions du moment.</em></p>
  66. <h2 id="visa">Visa <a href="#visa" title="Ancre vers cette partie">#</a></h2>
  67. <blockquote>
  68. <p>Le régime de liberté de circulation reposant sur l’octroi de visas se révèle ainsi être un système extrêmement complexe doté de différentes « vitesses » et reposant sur des probabilités structurées. Dans ce système, les citoyens des centres démocratiques capitalistes sont pratiquement toujours autorisés à sortir de leur pays et à gagner les destinations de leur choix ; toutefois, parmi les habitants des périphéries du prétendu village global, seuls ceux qui répondent aux critères restrictifs et arbitraires fixés par les gardiens du Graal de la richesse capitaliste ont le droit de gagner le centre, et dans ces cas-là, le plus souvent seulement pour de brefs séjours.</p>
  69. <p><cite><em><a href="/david/2020/12/21/#a-cote-de-nous-le-deluge">À côté de nous le déluge</a></em>, Stephan Lessenich</cite></p>
  70. </blockquote>
  71. <p>Au moment où mon propre visa vient d’être renouvelé après quelques jours stressants de flottement, il est bon de <a href="/david/stream/2018/09/28/">se rappeler</a> que ce privilège est loin d’être une généralité.</p>
  72. <p>Ce livre appuie vraiment là où ça <em>me</em> gratte. La libre circulation des personnes riches qui consomment la libre circulation des marchandises issues des personnes pauvres.</p>
  73. <blockquote>
  74. <p>On encourage ceux qui voyagent pour faire des profits ; on condamne ceux qui voyagent pour survivre.</p>
  75. <p><cite><em>La société assiégée</em>, Zygmunt Bauman</cite></p>
  76. </blockquote>
  77. <h2 id="vegetarien">Végétarien <a href="#vegetarien" title="Ancre vers cette partie">#</a></h2>
  78. <blockquote>
  79. <p>J’ai l’impression que “manger sans nourrir le système industriel, le plus local et le plus respectueux de la nature” serait une proposition plus en ligne avec mes valeurs.</p>
  80. <p>Je suis curieux de savoir comment tu abordes cette question.</p>
  81. <p><cite><em><a href="https://oncletom.io/2020/01/12/vegetarien-carnivore/">Végétarien carnivore</a></em> (<a href="/david/cache/2020/a1ba10f6326b0ed4c9ca343a214f671d/">cache</a>)</cite></p>
  82. </blockquote>
  83. <p>J’en arrive un peu au même raisonnement. Sauf qu’ici le local c’est assez compliqué pendant une bonne partie de l’année. Toujours cette notion <a href="/david/blog/2013/ecologie-grandeur/">d’ordre de grandeur</a> qui m’embête.</p>
  84. <p>Par exemple, est-ce qu’il vaut mieux :</p>
  85. <ol>
  86. <li>consommer des oranges qui viennent du Mexique ;</li>
  87. <li>acheter une bouteille de jus d’orange ;</li>
  88. <li>prendre des compléments en vitamine C ?</li>
  89. </ol>
  90. <p><em>Dans mon contexte</em>, je n’arrive toujours pas à trancher. Les trois options présentent des péremptions, des transformations et des modalités de transport très différentes.</p>
  91. <p>Et ce n’est qu’un exemple…</p>
  92. <h2 id="popularite">Popularité <a href="#popularite" title="Ancre vers cette partie">#</a></h2>
  93. <blockquote>
  94. <p>Quel est l’intérêt pour un magazine ou un blog de poster la liste des 5 ou 10 articles les plus populaires ?</p>
  95. <p><cite>karlcow sur ##openweb@freenode</cite></p>
  96. </blockquote>
  97. <p>Principalement de vérifier que je suis dans la même bulle de filtre que les autres lecteur·ice·s de cet espace, d’avoir le sentiment de faire communauté.</p>
  98. <p>Si je me reconnais dans le choix de la majorité, cela devient réconfortant pour moi de consulter un espace que je vais pouvoir renforcer par ma présence.</p>
  99. <p>Si ce n’est pas le cas, je vais pouvoir me dire que je suis unique et avec cette vision élitiste avoir le sentiment de me démarquer de la masse stupide des autres internautes.</p>
  100. <p>Pour l’auteur, s’en remettre à une éditorialisation par la popularité c’est laisser ce choix au public (en créant immédiatement un biais vu que ces articles sont mis en avant).</p>
  101. <h2 id="lectures">Lectures <a href="#lectures" title="Ancre vers cette partie">#</a></h2>
  102. <blockquote>
  103. <p>Je suis très curieuse de savoir si vous gardez une trace de vos lectures ou non. Si vous les partagez et si oui comment ? Quels seraient les critères de votre journal de lecture ?</p>
  104. <p><cite><em><a href="https://bribesdereel.net/traces-de-lectures">Garder une trace de ses lectures</a></em> (<a href="/david/cache/2020/b33f1c0179a41a26c9c75499fdc970d8/">cache</a>)</cite></p>
  105. </blockquote>
  106. <p>Je découvre la question <a href="https://nrkn.fr/blog/2020/01/19/fragments-9/">via Pep</a> (<a href="/david/cache/2020/7cdc8defab9f52baa06e657ffa9db057/">cache</a>) et c’est ce que j’ai commencé à mettre en place pour cette année avec les <a href="/david/2020/12/21/">livres</a> et <a href="/david/2020/12/15/">vidéos</a> qui alimentent ma pensée.</p>
  107. <p>Ce qu’il me manquerait à ce stade ce sont les références croisées pour voir toutes les citations que j’ai utilisé pour un ouvrage depuis la page recensant l’ensemble des lectures par exemple. Et <a href="https://www.youtube-nocookie.com/embed/ZTeqM5gciH8">vice et versa</a>.</p>
  108. <p>C’est en cours de réflexion. Toujours intéressé par cette notion de lien bi-directionnel sur le Web. Notamment sur un même espace. Une balise HTML dédiée pour ce genre de relations ?</p>
  109. <h2 id="python-3">Python 3 <a href="#python-3" title="Ancre vers cette partie">#</a></h2>
  110. <blockquote lang="en">
  111. <p>Python 3.0 was released on December 3, 2008. And it took the better part of a decade for the community to embrace it. <strong>This should be universally recognized as a failure.</strong> While hindsight is 20/20, many of the issues with Python 3 were obvious at the time and could have been mitigated had the language maintainers been more accommodating - and dare I say empathetic - to its users.</p>
  112. <p><cite><em><a href="https://gregoryszorc.com/blog/2020/01/13/mercurial%27s-journey-to-and-reflections-on-python-3/">Mercurial’s Journey to and Reflections on Python 3</a></em> (<a href="/david/cache/2020/67c8c54b07137bcfc0069fccd8261b53/">cache</a>)</cite></p>
  113. </blockquote>
  114. <p>La charge est violente <em>et</em> semble être justifiée dans le cas de Mercurial. Je dois avouer que je suis moi-même — en tant que simple utilisateur — assez circonspect des choix qui ont été fait à l’époque. Et rétrospectivement je trouve que cette migration a été un échec <em>mais</em> je vois aussi que Python est plus populaire que jamais malgré/grâce à cela.</p>
  115. <p>Peut-être que c’était un mal nécessaire pour que le langage devienne plus accessible à de nouvelles personnes. Je seconde le fait qu’un <em>post-mortem</em> (<em>migratem</em> ?) assumé de la part de l’équipe Python permettrait de clarifier une position et de rassurer sur de futures intentions.</p>
  116. <h2 id="un-lien">Un lien <a href="#un-lien" title="Ancre vers cette partie">#</a></h2><p>Un lien est une promesse — pas toujours tenue — qu’un contenu va apparaître.</p>
  117. <p>Un lien est un don — pas toujours bienvenu — d’un chemin de pensée différent.</p>
  118. <p>Un lien est la consignation d’un intérêt — potentiellement révolu — qui attend un nouveau regard.</p>
  119. <p>Un lien est une invitation — sans réponse attendue — à parcourir la complexité du monde.</p>
  120. <p>Un lien est un doigt pointé — et une main tendue — vers l’autre.</p>
  121. </main>
  122. <nav>
  123. <p class="center">
  124. <a rel="prev" href="/david/2020/01/17/" title="Publication précédente : Datagouv">←</a> •
  125. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  126. • <a rel="next" href="/david/2020/01/29/" title="Publication suivante : Sortie ski">→</a>
  127. </p>
  128. </nav>
  129. </article>
  130. <hr>
  131. <footer>
  132. <p>
  133. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  134. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  135. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  136. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  137. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  138. </p>
  139. <template id="theme-selector">
  140. <form>
  141. <fieldset>
  142. <legend>Thème</legend>
  143. <label>
  144. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  145. </label>
  146. <label>
  147. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  148. </label>
  149. <label>
  150. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  151. </label>
  152. </fieldset>
  153. </form>
  154. </template>
  155. </footer>
  156. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module" defer></script>
  157. <script type="text/javascript">
  158. function loadThemeForm(templateName) {
  159. const themeSelectorTemplate = document.querySelector(templateName)
  160. const form = themeSelectorTemplate.content.firstElementChild
  161. themeSelectorTemplate.replaceWith(form)
  162. form.addEventListener('change', (e) => {
  163. const chosenColorScheme = e.target.value
  164. localStorage.setItem('theme', chosenColorScheme)
  165. toggleTheme(chosenColorScheme)
  166. })
  167. const selectedTheme = localStorage.getItem('theme')
  168. if (selectedTheme && selectedTheme !== 'undefined') {
  169. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  170. }
  171. }
  172. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  173. window.addEventListener('load', () => {
  174. let hasDarkRules = false
  175. for (const styleSheet of Array.from(document.styleSheets)) {
  176. let mediaRules = []
  177. for (const cssRule of styleSheet.cssRules) {
  178. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  179. continue
  180. }
  181. // WARNING: Safari does not have/supports `conditionText`.
  182. if (cssRule.conditionText) {
  183. if (cssRule.conditionText !== prefersColorSchemeDark) {
  184. continue
  185. }
  186. } else {
  187. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  188. continue
  189. }
  190. }
  191. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  192. }
  193. // WARNING: do not try to insert a Rule to a styleSheet you are
  194. // currently iterating on, otherwise the browser will be stuck
  195. // in a infinite loop…
  196. for (const mediaRule of mediaRules) {
  197. styleSheet.insertRule(mediaRule.cssText)
  198. hasDarkRules = true
  199. }
  200. }
  201. if (hasDarkRules) {
  202. loadThemeForm('#theme-selector')
  203. }
  204. })
  205. </script>
  206. </body>
  207. </html>