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

před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
před 3 roky
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` 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>Sachance — David Larlet</title>
  13. <meta name="description" content="Ce n’est pas un hasard si les femmes sont les plus inquiètes des effets indésirables – si l’on en croit l’étude de la fondation Jean Jaurès. Les scandales sanitaires les plus récents ont eu des femmes pour principales victimes.">
  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>Sachance</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2021/07/17/" title="Publication précédente : Long terme">← Précédent</a> •
  60. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  61. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  62. </svg> Accueil</a>
  63. • <a rel="next" href="/david/2021/07/19/" title="Publication suivante : Jour 1">Suivant →</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <blockquote>
  68. <p>Ce n’est pas un hasard si les femmes sont les plus inquiètes des effets indésirables – si l’on en croit l’étude de la fondation Jean Jaurès. Les scandales sanitaires les plus récents ont eu des femmes pour principales victimes.</p>
  69. <p>[…]</p>
  70. <p>Il faut être aveugle pour ne pas voir que la défiance envers le vaccin se nourrit du discours pro-vaccin. Réduits à la condition d’«&nbsp;antivax&nbsp;» hystériques et illettrés, qui s’informent sur les réseaux sociaux plutôt que de lire le Monde ou d’écouter Karine Lacombe sur TF1, <mark>la population défiante envers le vaccin subit une nouvelle fois la violence que les sachants aiment infliger</mark> aux autres car il grandit d’autant leurs prétentions.</p>
  71. <p><cite><em><a href="https://www.frustrationmagazine.fr/comprendre-la-defiance-envers-le-vaccin/">Comprendre la défiance envers le vaccin pour sortir de l’épidémie de Covid</a></em> (<a href="/david/cache/2021/e4773951c7ed25cbab530ce2c20bd18a/">cache</a>)</cite></p>
  72. </blockquote>
  73. <p>Délit de sachance <a href="/david/2021/07/17/" title="Long terme">hier</a>, orgueil de détenir une licence de biologie cellulaire et un master de bio-informatique. Et puis, d’une certaine manière, je prépare ma <a href="/david/2020/05/26/">thèse en épidémiologie</a> depuis un an aussi… pour rendre intelligibles <a href="https://ansm.sante.fr/actualites/point-de-situation-sur-la-surveillance-des-vaccins-contre-la-covid-19-periode-du-25-06-2021-au-08-07-2021">les points de l’<abbr title="Agence Nationale de Sécurité du Médicament">ANSM</abbr></a> et <a href="https://www.has-sante.fr/jcms/p_3168585/en/tous-les-travaux-de-la-has-covid-19#toc_1_3">les avis de la <abbr title="Haute Autorité de la Santé">HAS</abbr></a>. Que je vous encourage à lire si vous êtes <a href="/david/2021/06/11/" title="Anti">sceptique</a>.</p>
  74. <p>Un besoin de comprendre, au moins socio(il?)logiquement, pourquoi la France se retrouve dans cette impasse. Passer outre la #CovidFatigue et la rationalité. Continuer de creuser. Encore. L’analyse de cette défiance est peut-être la clé pour faire germer d’autres comportements, créer des liens différents de ceux de la méfiance commune. Garder un mince espoir…</p>
  75. <blockquote>
  76. <p>Quant au niveau de revenus, il joue de manière similaire face au vaccin contre le Covid que face aux vaccins en général. Les 10&#8239;% les plus riches sont moins hostiles au vaccin que les 50&#8239;% les plus pauvres. Ce qui compte alors n’est sans doute pas tant le niveau de revenu que <mark>l’appartenance à des réseaux de sociabilité qui informent les croyances et les pratiques.</mark></p>
  77. <p>[…]</p>
  78. <p>Le débat sur l’obligation vaccinale des soignants fixe l’attention sur certaines catégories de personnels, les aides-soignant.e.s et les infirmier.e.s, et instille le doute sur leur capacité à adopter les bons gestes pour éviter les transmissions, remettant en cause leur professionnalisme.</p>
  79. <p><cite><em><a href="https://www.alternatives-economiques.fr/reticences-face-vaccin-contre-covid-socialement-construites/00099871">«&nbsp;Les réticences face au vaccin contre le Covid sont socialement construites&nbsp;»</a></em> (<a href="/david/cache/2021/0644e7ce0ff32db452eaa7e652fa2461/">cache</a>)</cite></p>
  80. </blockquote>
  81. <p>Cyniquement, c’est la doctrine incompréhensible du gouvernement associée à / causant des pratiques non collectives qui me permet d’être dans ces 10&#8239;% depuis plus d’un an. Il faut que j’apprenne à «&nbsp;vivre avec&nbsp;» ce <a href="/david/2021/06/18/" title="Inutile">paradoxe de l’in·utilité</a>.</p>
  82. <figure>
  83. <a href="#tract-anti-vaccination"
  84. title="Cliquer pour une version haute résolution">
  85. <img src="/static/david/2021/tract-anti-vaccination.jpg" alt="Tract manifestement anti-vaccination découvert sur un arbre dans le Parc d’à côté."
  86. loading="lazy" width="960" height="1280" />
  87. </a>
  88. <a href="#_" class="lightbox" id="tract-anti-vaccination">
  89. <img src="/static/david/2021/tract-anti-vaccination.jpg" alt="Tract manifestement anti-vaccination découvert sur un arbre dans le Parc d’à côté."
  90. loading="lazy" width="960" height="1280" />
  91. </a>
  92. <figcaption>Tract découvert sur un arbre dans le Parc d’à côté. Il y a beaucoup de français·es à Montréal. <a href="https://www.ledevoir.com/societe/617715/les-quebecois-sont-les-moins-preoccupes-par-la-covid-19-de-toute-l-amerique-du-nord">Trop ?</a> (<a href="/david/cache/2021/64b01e334b1c9cd111deb15ceac989a5/">cache</a>)</figcaption>
  93. </figure>
  94. <p>Voir aussi&nbsp;:</p>
  95. <ul>
  96. <li><a href="https://www.bastamag.net/pass-sanitaire-obligation-vaccinale-tests-PCR-payants-annonces-Macron-aucune-pedagogie-Jerome-Martin">«&nbsp;Considérer que ceux qui ne se font pas vacciner sont forcément anti-vaccins est une grosse erreur&nbsp;»</a> (<a href="/david/cache/2021/4922b495016d5ad06df3acb2ca528c18/">cache</a>)</li>
  97. <li><a href="https://blogs.mediapart.fr/damien-maudet/blog/180721/passe-sanitaire-une-lutte-saine-qui-ne-doit-pas-etre-laissee-l-extreme-droite">«&nbsp;Passe Sanitaire&nbsp;»&nbsp;: une lutte saine qui ne doit pas être laissée à l’extrême droite</a> (<a href="/david/cache/2021/dbb3606c28d70952e2451dcdaeb3dad5/">cache</a>)</li>
  98. </ul>
  99. <hr />
  100. <p>Avant publication, je croise cette citation sur Mastodon&nbsp;:</p>
  101. <blockquote>
  102. <p>Je peux vivre avec le doute et l’incertitude. Je peux vivre sans savoir. Je pense qu’il est beaucoup plus intéressant de vivre sans savoir que d’avoir des réponses qui pourraient être fausses. J’ai des réponses approximatives, j’ai des croyances plausibles avec différents degrés de certitude sur différents sujets. <mark>Mais je ne suis absolument sûr de rien.</mark> Et il y a beaucoup de choses dont je ne sais absolument rien. Mais je ne suis pas obligé d’avoir une réponse. Je ne me sens pas effrayé par le fait de ne pas savoir.</p>
  103. <p><cite><em>Richard Feynman</em>, <a href="https://social.stephane-klein.info/notice/A9VgXLjMmw4s841bqS">partagé par Stéphane Klein</a></cite></p>
  104. </blockquote>
  105. <hr />
  106. <blockquote>
  107. <p>Les lois prohibitives ont tendance à renforcer ce qu’elles voudraient interdire. C’est le point sensible dont toutes les professions juridiques de l’histoire se sont servies pour assurer la stabilité de leur fonction.</p>
  108. <p><cite><em>Coda Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p>
  109. </blockquote>
  110. <nav>
  111. <p>
  112. <a href="/david/2021/pandemie/"
  113. title="Liste de tous les articles associés à cette étiquette"
  114. >#pandémie</a>
  115. <a href="/david/2021/sociologie/"
  116. title="Liste de tous les articles associés à cette étiquette"
  117. >#sociologie</a>
  118. <a href="/david/2021/transformation/"
  119. title="Liste de tous les articles associés à cette étiquette"
  120. >#transformation</a>
  121. <a href="/david/#tags"
  122. title="Liste de toutes les étiquettes existantes"
  123. ><svg class="icon icon-tags">
  124. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  125. </svg> tous ?</a>
  126. </p>
  127. </nav>
  128. <nav>
  129. <p class="center">
  130. <a rel="prev" href="/david/2021/07/17/" title="Publication précédente : Long terme">← Précédent</a> •
  131. <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
  132. • <a rel="next" href="/david/2021/07/19/" title="Publication suivante : Jour 1">Suivant →</a>
  133. </p>
  134. </nav>
  135. </article>
  136. <hr>
  137. <footer>
  138. <p>
  139. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  140. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  141. </svg> Accueil</a> •
  142. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  143. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  144. </svg> Suivre</a> •
  145. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  146. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  147. </svg> Pro</a> •
  148. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  149. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  150. </svg> Email</a> •
  151. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  152. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  153. </svg> Légal</abbr>
  154. </p>
  155. <template id="theme-selector">
  156. <form>
  157. <fieldset>
  158. <legend><svg class="icon icon-brightness-contrast">
  159. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  160. </svg> Thème</legend>
  161. <label>
  162. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  163. </label>
  164. <label>
  165. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  166. </label>
  167. <label>
  168. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  169. </label>
  170. </fieldset>
  171. </form>
  172. </template>
  173. </footer>
  174. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  175. <script>
  176. function loadThemeForm(templateName) {
  177. const themeSelectorTemplate = document.querySelector(templateName)
  178. const form = themeSelectorTemplate.content.firstElementChild
  179. themeSelectorTemplate.replaceWith(form)
  180. form.addEventListener('change', (e) => {
  181. const chosenColorScheme = e.target.value
  182. localStorage.setItem('theme', chosenColorScheme)
  183. toggleTheme(chosenColorScheme)
  184. })
  185. const selectedTheme = localStorage.getItem('theme')
  186. if (selectedTheme && selectedTheme !== 'undefined') {
  187. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  188. }
  189. }
  190. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  191. window.addEventListener('load', () => {
  192. let hasDarkRules = false
  193. for (const styleSheet of Array.from(document.styleSheets)) {
  194. let mediaRules = []
  195. for (const cssRule of styleSheet.cssRules) {
  196. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  197. continue
  198. }
  199. // WARNING: Safari does not have/supports `conditionText`.
  200. if (cssRule.conditionText) {
  201. if (cssRule.conditionText !== prefersColorSchemeDark) {
  202. continue
  203. }
  204. } else {
  205. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  206. continue
  207. }
  208. }
  209. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  210. }
  211. // WARNING: do not try to insert a Rule to a styleSheet you are
  212. // currently iterating on, otherwise the browser will be stuck
  213. // in a infinite loop…
  214. for (const mediaRule of mediaRules) {
  215. styleSheet.insertRule(mediaRule.cssText)
  216. hasDarkRules = true
  217. }
  218. }
  219. if (hasDarkRules) {
  220. loadThemeForm('#theme-selector')
  221. }
  222. })
  223. </script>
  224. </body>
  225. </html>