A place to cache linked articles (think custom and personal wayback machine)
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.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  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>« Oui mais on manque de recul… » : 10 arguments pour répondre aux questions SENSÉES des vaccino-sceptiques (et les rassurer) (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  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. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://www.atlantico.fr/article/decryptage/oui-mais-on-manque-de-recul------x-arguments-pour-repondre-aux-questions-sensees-des-vaccino-sceptiques--et-les-rassurer-">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>« Oui mais on manque de recul… » : 10 arguments pour répondre aux questions SENSÉES des vaccino-sceptiques (et les rassurer)</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://www.atlantico.fr/article/decryptage/oui-mais-on-manque-de-recul------x-arguments-pour-repondre-aux-questions-sensees-des-vaccino-sceptiques--et-les-rassurer-" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p class="slug__PhotoCredits-sc-1c9cjjw-2 bqApAe">Des manifestants anti-vaccins à Bordeaux, en septembre 2020.</p>
  71. <div class="Default__Container-uu4eqh-0 gMwfXd markup"><p><strong>1. La question du manque de recul revient souvent et un certain nombre de vaccino-sceptiques mettent en avant le fait que les périodes de test des vaccins sont toujours en cours jusqu’en 2022 ou 2023 pour les plus connus. Que répondre à ça ?</strong></p>
  72. <p><strong>Eric Billy :</strong> Quand on ouvre un essai clinique, on définit ce qui va être fait. La période, l’objectif et les critères. Dans l’étude proposée initialement sur les vaccins, ils voulaient voir à deux ans quel était le niveau de réponse immunitaire, donc faire durer l’étude jusqu’en 2023. Mais dans l’étude de phase 3, les résultats ont démontré l’efficacité et la sécurité du vaccin. Cet argument joue sur une non-connaissance du public sur la manière dont les essais cliniques sont réalisés pour faire des amalgames. Il faut aussi rappeler que les gens qui ont reçu Pfizer en phase 1 et 2 sont vaccinés depuis plus d’un an. Donc nous avons le recul. La pharmacovigilance existe, elle est là et capable de voir des effets indésirables plutôt rares.</p><p id="smilewanted-infeed-ad"></p>
  73. <p><strong>Morgane Bomsel :</strong> Effectivement mais cela suit le cadre de test de phase III/IV clinique habituel. Cependant, dans le cas précis du COVID, vu la situation, une exception a été faite après l'évaluation du bénéfice risque du vaccin. En conséquence des millions de personnes (et pas quelques milliers suivis en phase clinique) de tout âge et catégorie, (&gt;12 ans) ont été vaccinés avec une absence d'effet secondaire important et généralisés (bien sur quelques cas particuliers mais excessivement rares, comme pour tout médicament/vaccin). Il est donc très peu probable qu'un effet négatif du vaccin émerge dans l'année à venir. Le bénéfice risque reste en entière faveur de la vaccination.</p>
  74. <p><strong>Christopher Payan </strong>: On ne connaît pas de vaccin où les effets secondaires se sont déclarés à long terme. Ils se déclenchent dans les heures ou les jours qui suivent. Les essais de phase trois ont commencé en juillet 2020 et il n’y a pas d’effets secondaires de long terme. Les effets sont les mêmes que ceux retrouvés dans les heures suivant l’injection avec les points d’injection douloureux, éventuellement un syndrome grippal, un peu de fièvre, etc. Tout cela avait été vu dans les essais initiaux. Les problèmes sont des cas particuliers pas la norme.</p>
  75. <p><strong>2. Quels sont les effets indésirables connus du vaccin, sont-ils plus graves que ce qu’on recense habituellement pour ce genre de produits ?</strong></p>
  76. <p><strong>Eric Billy :</strong> Les effets indésirables sont très différents en fonction des gens. Le plus courant est une rougeur ou une douleur au muscle du deltoïde pendant 24h, ce sont des effets indésirables importants. Mais se prendre une porte à le même effet. Et c’était attendu puisqu’il y a une réponse immunitaire. Il peut y avoir des douleurs musculaires et un peu de fièvre mais le paracétamol est votre ami. Mais c’est très court et modéré. Par ailleurs, l’absence d’effets indésirables ne veut pas dire que le système immunitaire ne répond pas.</p>
  77. <p><strong>3. Peut il y avoir des effets du vaccin à long terme ? </strong></p>
  78. <p><strong>Eric Billy :</strong> Dans la pharmacopée de tous les vaccins, il n’y a pas d’effets secondaires à long terme qui ne seraient pas des effets déjà identifiés à deux ou trois mois. Si on avait dû voir des effets, nous les aurions déjà vu. Et on en a vu. On a vu qu’AstraZeneca avait un problème de thrombose dans un risque de 1 sur 100.000. C’est pour ça qu’on a réservé ce vaccin aux plus âgés. Mais c’est un phénomène rare. Il y a cinq fois plus de chance d’avoir un accident de voiture qu’une thrombose. Il a ete identifie rapidement en Europe à partir du moment où on a commencé à l’utiliser avec la pharmacovigilance. De la même manière on a vu la petite hausse de myocardite chez les jeunes garçons de 12 à 15 ans vaccinés avec Pfizer. </p>
  79. <p><strong>4. Ils présentent l’ARN messager comme une technologie nouvelle dont on ne connaît pas les effets. Est-ce vraiment le cas ?</strong></p>
  80. <p><strong>Eric Billy :</strong> <a href="https://twitter.com/EricBillyFR/status/1413073310259322889" target="_blank" rel="noopener">On entend pas mal de rumeurs</a> : les vaccins ARN on n'a pas de recul, ils n'ont pas été testés suffisamment longtemps. <a href="https://twitter.com/EricBillyFR/status/1413067124256428037?s=20">Faux</a>. Les vaccins ARNm sont le résultat de décennies de recherche et d'essais. Les vaccin ARNm sont en développement depuis plus de deux décennies : cela inclut la stabilité de l'ARNm mais également le moyen d'amener l'ARNm dans les cellules : les lipides. Les nanoparticules qui contiennent les ARNm et les protègent ont même été étudiées pour favoriser leur capture par les cellules dendritiques, un type cellulaire qui est une des pierres angulaires pour développer une répnose immunitaire adaptative. Donc même dans le choix des lipides il y a eu des <a href="https://pubmed.ncbi.nlm.nih.gov/27700619/">années de recherches.</a></p>
  81. <p>Autre point à comprendre c'est qu’avant d'aller chez l'homme la toxicité des composants et du produit fini sont testés chez les animaux, et ce n'est que quand tous les feux sont au vert que l'on part en Phase I. Avant la COVID, BioNTech était connu en oncologie pour son approche vaccinale ayant pour objectif chez les patients atteints de cancer d'initier une réponse immunitaire contre les cellules tumorales et développant une immunité cellulaire en plus de l'immunité humorale.</p>
  82. <p>L'objectif c'est d'aider le patient à de nouveau combattre la tumeur grâce à son propre système immunitaire en l'entrainant à reconnaitre les cellules tumorales.</p>
  83. <p>Une de leurs premières publications dans le domaine : <a href="https://pubmed.ncbi.nlm.nih.gov/21045153/">2003, donc travaux antérieurs</a>. Si on regarde <a href="https://t.co/rMUEqytV8Z?amp=1">le pipeline des différents projets de BioNTech</a> on s'aperçoit qu'avant la COVID, ils avaient déjà une grande diversité de projets, certains en Phase I et Phase II donc avec des composant, lipides et ARNm dont les effets indésirables avaient déjà été étudiées :</p>
  84. <p>- 15 projets précliniques</p>
  85. <p>- 11 projets Phase I</p>
  86. <p>- 1 projet Phase II (contre mélanome)</p>
  87. <p>- 1 [projet Phase III (SARS-COV-2)</p>
  88. <p>Pour le projet de Phase II en collaboration avec <a href="https://t.co/dvggzEz646?amp=1">Genentech, les détails sont ici</a>. Début de l'étude janvier 2019. <a href="https://t.co/xAu5sTKlqp?amp=1">Une des premières études de BioNTech, ouverte en décembre 2014, et toujours en cours dans une indication cancer du sein triple négatif</a>. Pour conclure, BioNTech a une longue expérience dans le domaine des ARNm microencapsulés, et pour de nombreuses indications, les études ont été nombreuses et il n'y a pas d'essai autorises chez l'homme sans profil de toxicité au préalable chez l'animal. Ces vaccins sont sûrs et ont certainement été les médicaments les plus scrutés depuis la pharmacovigilance jusqu'à la disponibilité des données cliniques brutes auprès du public.</p>
  89. <p><strong>Morgane Bomsel : </strong>Il n’est pas vraiment "nouveau". Cette technique est étudiée depuis plus de 10 ans, avec des multiples essais chez l'homme en petit nombre sans effets néfastes.</p>
  90. <p><strong>5. Les vaccins à ARN messager ont-ils un effet sur l’ADN ?</strong></p>
  91. <p><strong>Eric Billy :</strong> Il n’y a aucune preuve. De toute manière, la quantité d’ARN apporté par le virus est diamétralement supérieure à celle apportée par le vaccin. L'ARNm vaccinal va rester dans le cytoplasme et va directement être traduit. Sa durée de vie est estimée à environ deux heures. Le virus lui va détourner l’intégralité de la machineries cellulaires pour produire du génome viral. Une fois cela fait les cellules remplies de nouveaux virus (virions) sont détruites et les virus se déversent dans l’espace intra-cellulaire et infectent les autres cellules qui se trouvent autour. Donc le risque d’une intégration ou d’une rétrotranscription dans le génome est bien plus importante avec le virus. Dans les deux cas, aujourd’hui elle n’a pas été démontrée. Pour étayer cela, les partisans de cette idée citent un papier qui a depuis été complètement démonté pour ses biais expérimentaux. Il n’a pas de cas démontré, en particulier quand on fait de l’injection dans un tissu différencié comme l'injection intramusculaire.</p>
  92. <p><strong>6. Certains soulignent des problèmes évoqués par le passé concernant d’autres vaccins (Accusation du ROR et de l’autisme, Hépatite B et sclérose en plaque) ? Qu’est-ce qui est vraiment établi ou pas ? Y-a-t-il pu avoir des cas isolés ?</strong></p>
  93. <p><strong>Eric Billy :</strong> L’affirmation sur le ROR se basait sur une étude anglaise qui a été reprise et démontée. Pour la sclérose en plaque c’est pareil. Aujourd’hui, de nombreuses personnes sont vaccinées à l’hépatite B sans qu’on constate d’incidence de sclérose en plaque. Les gens pensent parfois qu’il y aurait un gain pour la société à cacher un effet secondaire mais il n’y en a pas. S’il y a des effets secondaires, il va falloir les traiter. Ça n’a aucun intérêt pour la santé publique.</p>
  94. <p>Il ne faut pas faire de confusion avec certains médicaments. Les gens évoquent souvent le médiator. Il peut y avoir des toxicités et effets secondaires sur des médicaments pris de manière chronique sur plusieurs années. D’où l’importance de la pharmacovigilance. Mais un vaccin, c’est deux injections. Si au bout de quelques mois on ne voit pas d’effets, c’est qu’il n’y aura pas d’effets tardifs.</p>
  95. <p><strong>Morgane Bomsel :</strong> Les études n’ont pas établi de relation de cause à effet certaine en général. Des cas isolés en corrélation. Rien n'est 100% sûr en pharmacopée mais c’est valable dans la vie en général. Ni le doliprane, ni sortir dans la rue où un chauffard peut vous écraser ne sont 100% sûrs.</p>
  96. <p><strong>7. On souligne parfois le risque des adjuvants dans la vaccination. Qu’en est-il pour les vaccins Covid ?</strong></p>
  97. <p><strong>Eric Billy :</strong> Moderna et Pfizer n’ont pas d’adjuvant. Il y a des molécules qui stabilisent le Ph de la solution, la force ionique, qui sont des solutions salines pour ressembler aux conditions rencontrées dans les tissus et également pour maintenir l'intégrité des nanoparticules du vaccin . Il n’y a rien d’autre. On ajoute<br>des adjuvants dans les vaccins ancienne génération car souvent la réponse immunitaire n’était pas très efficace. Donc on créait localement une inflammation pour initier une réponse importante. Aujourd’hui avec les ARN messager c’est différent, on le donne aux cellules qui produisent elles-mêmes la protéine Spike. Cela va être beaucoup plus efficace et il n’a pas besoin d’adjuvants. Il y en a dans le Novavax et il y en aura dans le vaccin de Sanofi. </p>
  98. <p><strong>Morgane Bomsel :</strong> Les adjuvants sont ici l’ARN messager du vaccin lui-même (bien que ses effets soient atténués par rapport à un ARNm "normal") et des lipides qui permettent aussi à l'ARN de pénétrer dans la cellule. Il n’y a rien de toxique.</p>
  99. <p><strong>8. Comment se fait-il qu’il y ait des cas de contamination et parfois de formes graves chez des personnes déjà vaccinées ? Est-ce statistiquement inéluctable ? Y-a-t-il un problème d’efficacité ? Le calcul bénéfice / risque est-il en faveur du vaccin ?</strong></p>
  100. <p><strong>Eric Billy :</strong> Dans une population de 100 personnes, l’efficacité des vaccins sur les formes sévères est estimée à 93 %. Restent 7% qui ont des comorbidités, qui sont sous traitement, qui ont des spécificités biologiques, certains une sénescence. Cela peut conduire à ce que le vaccin ne réponde pas chez certain. Mais aucun médicament n’est efficace à 100%. Les vaccins sont parmi les traitements les plus efficaces.</p>
  101. <p><strong>Morgane Bomsel :</strong> C'est normal pour l'infection : le vaccin ne protège qu’environ 60 % de l'infection environ (donc 40% reste infectables) mais il protège environ 95% des cas graves et de la mort. Il en va de la même manière pour les quelques cas graves et les morts. Le vaccin ne protège qu’à environ 95% et pas à 100% donc restent 5% de personnes pouvant décéder. Ces chiffres sont totalement en faveur du Vaccin. Ce n'est pas le vaccin qui provoque le décès mais l'infection par le COVID. Je vous renvoie à la très bonne explication du journal <em><a href="https://www.lemonde.fr/les-decodeurs/article/2021/07/02/covid-19-les-vaccines-representent-40-des-nouveaux-cas-en-israel-et-c-est-une-bonne-nouvelle_6086759_4355770.html" target="_blank" rel="noopener">Le Monde</a>.</em></p>
  102. <p><strong>Christopher Payan : </strong>Il faut attendre 15 jours pour avoir un effet protecteur. Donc si des personnes sont contaminées juste après leur injection, c’est possible. Des cas d’infections plus à distance ont été décrits, c’est peu fréquent mais ça existe. En général, les personnes vaccinées qui ont été exposées présentent des signaux relativement faibles. Souvent, ils sont peu ou pas contaminant. En Angleterre ou Israël qui ont beaucoup vacciné leur population, il y a eu quelques infections mais peu de formes graves. Les hospitalisations concernent majoritairement les gens non vaccinées. Il faut aussi rappeler qu’en se vaccinant on protège aussi l’entourage.</p>
  103. <p><strong>9. Peut-on être contaminé au Covid par le vaccin ?</strong></p>
  104. <p><strong>Eric Billy :</strong> Non. Il y a beaucoup de rumeurs mais c’est faux. Et on ne peut même pas être positif à un test antigénique comme le disent certains. Quand on injecte dans l’épaule le vaccin, on va créer des anticorps en réponse cellulaire contre la protéine Spike. Les tests antigéniques détectent la protéine N, pas Spike.<br>Il n’y a pas de correspondance ou de réaction croisée possible. Pour les tests PCR, on recherche l'ARN viral de 2 ou 3 gènes, or le vaccin n'apporte que l'ARNm de Spike. Par ailleurs on n’injecte que très peu de virus dans le bras et ça reste essentiellement localisé au point d'injection. </p>
  105. <p><strong>Morgane Bomsel :</strong> Le vaccin n'est pas un virus et ne peut donc pas "contaminer". Le vaccin, c'est l'information génétique pour permettre la production d’un morceau d'une protéine de surface du virus nécessaire a pour le système immunitaire qui va produire des anticorps protecteurs contre le virus.</p>
  106. <p><strong>10. Les vaccins accroissent-ils l’apparition de nouveaux variants plus résistants ?</strong></p>
  107. <p><strong>Eric Billy :</strong> La vaccination en elle-même ne peut pas faire apparaître de nouveaux variants. Par contre, mal faire la vaccination, espacer les doses un peu comme on l’a fait en Angleterre peut effectivement créer des conditions pour l’apparition de variants qui pourraient avoir un échappement immunitaire. Mais ce n’est pas ce qui se passe en France et en Europe, même au Royaume-Uni on est assez en sécurité à ce niveau-là. Dans le même temps, il a été démontré que la vaccination empêchait efficacement le taux de mutation et la variabilité. Et la contagiosité de la personne va être réduite. </p>
  108. <p><strong>Morgane Bomsel :</strong> Il y participe sûrement indirectement. Mais d'un autre côté il semble que ces mutations rendent le virus moins toxique (moins grave) bien que capable d'infecter plus, en quantité, de gens. Les mutations sont inévitables avec ou sans vaccin. </p>
  109. <p><strong>Christopher Payan :</strong> La question est à double tranchant. L’apparition des variants nécessite une diffusion liée à un passage de plus en plus fréquent du virus chez les personnes. Moins il y aura de personnes vaccinées, plus il va se diffuser et plus il y aura de variants potentiels qui pourront se sélectionner. Et plus on vaccine moins il pourra circuler. Mais la question se pose si on est dans un entre deux. Si une moitié des sujets est vaccinée et l’autre pas, ça laisse un espace suffisamment large pour que le virus continue à se diffuser et il va être confronté à des sujets vaccinés. Cela peut entrainer un effet de sélection des variants qui peut survenir chez les sujets non vaccinés et ferait émerger un variant résistant aux vaccins. Pour l’instant les variants continuent à être sensibles au vaccin. La pire situation c’est l’entre deux, d’où l’intérêt de vacciner autant que possible.</p>
  110. </article>
  111. <hr>
  112. <footer>
  113. <p>
  114. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  115. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  116. </svg> Accueil</a> •
  117. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  118. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  119. </svg> Suivre</a> •
  120. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  121. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  122. </svg> Pro</a> •
  123. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  124. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  125. </svg> Email</a> •
  126. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  127. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  128. </svg> Légal</abbr>
  129. </p>
  130. <template id="theme-selector">
  131. <form>
  132. <fieldset>
  133. <legend><svg class="icon icon-brightness-contrast">
  134. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  135. </svg> Thème</legend>
  136. <label>
  137. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  138. </label>
  139. <label>
  140. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  141. </label>
  142. <label>
  143. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  144. </label>
  145. </fieldset>
  146. </form>
  147. </template>
  148. </footer>
  149. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  150. <script>
  151. function loadThemeForm(templateName) {
  152. const themeSelectorTemplate = document.querySelector(templateName)
  153. const form = themeSelectorTemplate.content.firstElementChild
  154. themeSelectorTemplate.replaceWith(form)
  155. form.addEventListener('change', (e) => {
  156. const chosenColorScheme = e.target.value
  157. localStorage.setItem('theme', chosenColorScheme)
  158. toggleTheme(chosenColorScheme)
  159. })
  160. const selectedTheme = localStorage.getItem('theme')
  161. if (selectedTheme && selectedTheme !== 'undefined') {
  162. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  163. }
  164. }
  165. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  166. window.addEventListener('load', () => {
  167. let hasDarkRules = false
  168. for (const styleSheet of Array.from(document.styleSheets)) {
  169. let mediaRules = []
  170. for (const cssRule of styleSheet.cssRules) {
  171. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  172. continue
  173. }
  174. // WARNING: Safari does not have/supports `conditionText`.
  175. if (cssRule.conditionText) {
  176. if (cssRule.conditionText !== prefersColorSchemeDark) {
  177. continue
  178. }
  179. } else {
  180. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  181. continue
  182. }
  183. }
  184. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  185. }
  186. // WARNING: do not try to insert a Rule to a styleSheet you are
  187. // currently iterating on, otherwise the browser will be stuck
  188. // in a infinite loop…
  189. for (const mediaRule of mediaRules) {
  190. styleSheet.insertRule(mediaRule.cssText)
  191. hasDarkRules = true
  192. }
  193. }
  194. if (hasDarkRules) {
  195. loadThemeForm('#theme-selector')
  196. }
  197. })
  198. </script>
  199. </body>
  200. </html>