A place to cache linked articles (think custom and personal wayback machine)
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  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>Dis tonton, c’est quoi les blocages d’instance sur Mastodon ? (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://n.survol.fr/n/dis-tonton-cest-quoi-les-blocages-dinstance-sur-mastodon">
  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>Dis tonton, c’est quoi les blocages d’instance sur Mastodon ?</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://n.survol.fr/n/dis-tonton-cest-quoi-les-blocages-dinstance-sur-mastodon" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Voilà qu’on reparle de modé­ra­tion de Masto­don. <a href="https://blog.infosec.exchange/2022/11/20/an-update-on-journa-host/">L’his­toire de départ</a> c’est une instance (« <em>Info­sec</em> ») qui a choisi d’en mettre une autre (« <em>Journa</em> ») sous silence pour ne pas subit les propos que cette dernière a choisi de lais­ser en ligne.</p>
  71. <blockquote class="wp-block-quote"><p><em>Hein ? Une instance ?</em></p></blockquote>
  72. <p>Masto­don fonc­tionne à travers un réseau fédéré. Son petit nom est le fédi­verse. Les utili­sa­teurs sont regrou­pés en ilots plus ou moins gros qu’on appelle les instances. Certains utili­sa­teurs ont leur propre instance person­nel. D’autres instances regroupent plusieurs dizaines de milliers de personnes. </p>
  73. <p>Si un Tom d’<em>Info­sec</em> est abonné à Alice de <em>Journa</em>, alors les deux instances commu­niquent entre elles pour que <em>Journa</em> envoie les messages d’Alice à <em>Info­sec</em>. <em>Info­sec</em> fera ensuite en sorte de les présen­ter à Tom. </p>
  74. <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.
  75. Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.
  76. Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.
  77. Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21761" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Diffé­rentes instances</figcaption></figure>
  78. <p>Vous connais­sez déjà ça avec les emails, qui fonc­tionnent sur le même prin­cipe. On a un îlot Gmail, un Outlook, un Yahoo, un Orange, un Free… et chaque entre­prise créé le sien avec son propre nom.</p>
  79. <blockquote class="wp-block-quote"><p><em>Ok, mais c’est quoi le blocage d’une instance ?</em></p></blockquote>
  80. <p>Si <em>Info­sec</em> choi­sit de bloquer entiè­re­ment <em>Journa</em>, alors elle ne trai­tera plus les nouveaux messages de cette dernière et n’y enverra plus les siens. On parle de défé­dé­rer une instance.</p>
  81. <p>Cette procé­dure n’in­fluera que sur l’ins­tance qui réalise qui le blocage (<em>Info­sec</em>) et les utili­sa­teurs de cette dernière. L’ins­tance ciblée (<em>Journa</em>) conti­nuera à conver­ser avec toutes les milliers d’autres instances du réseau.</p>
  82. <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.
  83. La flèche qui va du cercle des A vers le cercle des T est bloqué par une croix rouge du côté du cercle des T.
  84. La flèche qui va du cercle des T vers le cercle des A est bloquée elle aussi au niveau du cercle des T, et est représentée en pointillés.
  85. Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.
  86. Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.
  87. Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21762" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Blocage d’une instance par une autre.</figcaption></figure>
  88. <p>En réalité il y a un niveau inter­mé­diaire qu’on appelle la mise sous silence.</p>
  89. <p>Masto­don a trois flux : le flux person­nel qui présente unique­ment les abon­ne­ments, le flux local qui présente unique­ment les messages locaux à l’ins­tance, et le flux fédéré qui présente tous les messages reçus par l’ins­tance.</p>
  90. <p>La mise sous silence masque les conte­nus concer­nés dans le flux fédéré mais permet de rece­voir des messages dans le flux person­nel à condi­tion de s’y être expli­ci­te­ment abonné.</p>
  91. <p>C’est ce niveau de blocage inter­mé­diaire (la mise sous silence) qui a été mis en œuvre par <em>Info­sec</em>.</p>
  92. <blockquote class="wp-block-quote"><p><em>Mais pourquoi faire ça ?</em></p></blockquote>
  93. <p>La vraie réponse : Peu importe. Si tu choi­sis de ne pas écou­ter CNews chez toi, tu n’as pas à donner d’ex­pli­ca­tion. C’est ton choix. </p>
  94. <p>C’est la même chose pour l’ins­tance <em>Info­sec</em> et ses utili­sa­teurs : Ils font ce qu’ils veulent chez eux.</p>
  95. <p>Le plus souvent on bloque une instance quand elle est la source de spam, de harcè­le­ments, ou de propos racistes, trans­phobes, handi­phobes, pédo­por­no­gra­phiques ou inju­rieux. </p>
  96. <p>Chaque instance a ses propres sensi­bi­li­tés. Certaines tiennent à une liberté d’ex­pres­sion très large, d’autres préfèrent exclure la porno­gra­phie ou certains sujets pour créer un espace qui leur convient. </p>
  97. <p>Certains préfèrent une modé­ra­tion légère quitte à subir parfois quelques conte­nus problé­ma­tiques là où d’autres préfèrent une modé­ra­tion forte quitte à limi­ter certaines inter­ac­tions externes légi­times. </p>
  98. <p>C’est un choix local, qui ne concerne qu’eux.</p>
  99. <p>Ici <em>Info­sec</em> a jugé que certains propos venant de <em>Journa</em> étaient trans­phobes et les utili­sa­teurs d’<em>Info­sec</em> souhai­taient s’en proté­ger (c’est à dire ne plus les voir ni en assu­rer la trans­mis­sion chez eux).</p>
  100. <blockquote class="wp-block-quote"><p><em>On bloque toute une instance et tous les utili­sa­teurs pour </em>un<em> unique message problé­ma­tique ?</em></p></blockquote>
  101. <p>Masto­don prévoit un moyen de signa­ler les propos gênants à l’ins­tance d’ori­gine. Le plus souvent les blocages d’ins­tance inter­viennent quand l’ins­tance d’ori­gine (ici <em>Journa</em>) refuse d’agir, ou que le problème survient trop régu­liè­re­ment.</p>
  102. <p>Pour faire un paral­lèle, si je sais que CNews invite régu­liè­re­ment des invi­tés que je ne supporte pas, je peux préfé­rer ne plus du tout regar­der CNews pour m’en proté­ger, quitte à ne plus entendre certains autres invi­tés qui seraient eux accep­tables à mes yeux. Je n’in­ter­dis pas CNews, je choi­sis juste de ne pas diffu­ser cette chaîne dans mon salon.</p>
  103. <p>J’avoue que sur ce sujet, si j’avais eu à modé­rer, avec une seule occur­rence qui n’est qu’un partage d’un contenu d’un jour­nal de réfé­rence, j’au­rais mis sous silence unique­ment l’uti­li­sa­teur concerné et pas l’ins­tance, mais ce n’est que mon choix lié à mes équi­libres person­nels.</p>
  104. <p><em>Info­sec</em> a fait un autre choix, et il ne regarde qu’eux.</p>
  105. <blockquote class="wp-block-quote"><p><em>Pourquoi est-ce que Journa a refusé d’agir sur des propos trans­phobes ?</em></p></blockquote>
  106. <p>Les équi­libres de liberté d’ex­pres­sion sont très subjec­tifs. Tous les pays n’ont déjà pas le même socle de base en interne. Les commu­nau­tés peuvent en plus choi­sir d’al­ler au-delà de ce socle de base. Certaines le font, d’autres pas, et pas toujours sur les mêmes sujets.</p>
  107. <p>Enfin, parfois il y a simple­ment désac­cord sur ce qui est ou pas inju­rieux, ce qui est ou pas trans­phobe, ce qui est ou pas raciste, ce qui est ou pas un consti­tu­tif d’un harcè­le­ment, etc.</p>
  108. <p>Les commu­nau­tés se regroupent autour de poli­tiques, valeurs et cultures communes, mais n’ont pas forcé­ment les mêmes que le voisin.</p>
  109. <p>C’est ce qu’il se passe ici. Soit <em>Journa</em> a consi­déré que l’ar­ticle du New York Times relayé était suffi­sam­ment étayé avec des avis de docteurs et cher­cheurs à propos des effets indé­si­rables de certains trai­te­ments, soit <em>Journa</em> n’a pas agit en pensant que ce n’est pas son rôle de tran­cher une telle ques­tion et remettre en cause le New York Times. </p>
  110. <p>D’autres personnes sur <em>Info­sec</em> ont, elles, consi­déré que le contenu était trans­phobe et qu’il valait mieux bloquer l’ins­tance si elle n’agis­sait pas pour empê­cher la diffu­sion de conte­nus trans­phobes à l’ave­nir. <em>Info­sec</em> a agit en fonc­tion de ses propres utili­sa­teurs, et ça ne regarde qu’eux (oui, je me répète mais c’est impor­tant).</p>
  111. <blockquote class="wp-block-quote"><p><em>Ça pose quand même un sacré problème de liberté d’ex­pres­sion, non ?</em></p></blockquote>
  112. <p>En fait, pas vrai­ment, pas beau­coup plus que tous les gens qui comme moi font le choix de ne jamais allu­mer la TV sur CNews.</p>
  113. <p>Personne n’em­pêche les membres de <em>Journa</em> de s’ex­pri­mer, ou d’être entendu, ou même d’être relayé sur la très grande majo­rité des instances Masto­don.</p>
  114. <p>Dans le schéma de tout à l’heure, le blocage est à la péri­phé­rie de l’ins­tance <em>Info­sec</em> et pas à la péri­phé­rie de l’ins­tance <em>Journa</em>. Tant qu’<em>Info­sec</em> n’est qu’un des très nombreux acteurs du réseau, ça ne pose pas de problème majeur.</p>
  115. <figure class="wp-block-image aligncenter size-medium"><a href="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png"><img loading="lazy" src="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png" alt="Schéma représentant trois cercles avec des flèches allant dans les deux sens entre chaque couple de cercle.
  116. La flèche qui va du cercle des A vers le cercle des T est bloqué par une croix rouge du côté du cercle des T.
  117. La flèche qui va du cercle des T vers le cercle des A est bloquée elle aussi au niveau du cercle des T, et est représentée en pointillés.
  118. Dans le premier cercle, quatre noms : Tom, Tina, Titus, Tara.
  119. Dans le second cerce, quatre noms : Anna, Alice, Agnès, Albus.
  120. Dans le troisième cercle : Cédric, Clara, Cloé." class="wp-image-21762" srcset="https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-300x249.png 300w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-1024x851.png 1024w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b-768x638.png 768w, https://n.survol.fr/wp-content/uploads/2022/11/Sans-titre-2022-11-21-0949b.png 1371w" sizes="(max-width: 300px) 100vw, 300px"></a><figcaption>Blocage d’une instance par une autre.</figcaption></figure>
  121. <p>Les seuls pour qui il y aurait poten­tiel­le­ment un enjeu de liberté d’ex­pres­sion, ce sont les membres de l’ins­tance d’<em>Info­sec</em>.</p>
  122. <blockquote class="wp-block-quote"><p><em>Ahah ! Tu vois, tu le dis toi-même, il y a bien un problème pour eux !</em></p></blockquote>
  123. <p>Ça dépend. Si je parti­cipe à une asso­cia­tion, qu’il y a une TV dans la salle de pause et qu’il a été décide que cette TV diffu­se­rait Arte plutôt que CNews, est-ce une atteinte à la liberté d’ex­pres­sion parce que je ne peux pas y écou­ter les chro­niqueurs de CNews ? </p>
  124. <p>Proba­ble­ment pas : Je peux encore écou­ter CNews chez moi, ou dans une autre asso­cia­tion, ou même monter ma propre asso­cia­tion qui aura des règles diffé­rentes. Cela ne commen­cera à être un problème que si ma capa­cité à aller voir ailleurs est limi­tée ou complexe, ou si on donne à l’as­so­cia­tion d’ori­gine une auto­rité quel­conque.</p>
  125. <p>C’est exac­te­ment la même chose avec <em>Info­sec</em>. Ses membres peuvent toujours aller lire <em>Journa</em> ailleurs avec un second compte, ou démé­na­ger leur compte prin­ci­pal sur une autre instance, ou même monter leur propre instance. Ajou­ter un second compte ou migrer ailleurs est facile, sans limite.</p>
  126. <p>Non seule­ment personne ne bride l’ex­pres­sion des membres de <em>Journa</em> mais en plus personne ne limite la capa­cité à aller les lire faci­le­ment.</p>
  127. <blockquote class="wp-block-quote"><p><em>Pour­tant tu disais toi-même que…</em></p></blockquote>
  128. <p>La ques­tion surgi­rait diffé­rem­ment si <em>Info­sec</em> avait une situa­tion de quasi-mono­pole, ou que toutes les instances bloquant <em>Journa</em> avaient en se regrou­pant une situa­tion de quasi-mono­pole limi­tant de fait la capa­cité à accé­der au contenu dont on parle.</p>
  129. <p>Ce n’est pas le cas aujourd’­hui.</p>
  130. <p>Ce serait aussi un sujet pour un blocage liti­gieux réalisé de façon cachée. Ici l’ad­mi­nis­tra­teur d’<em>Info­sec</em> a publié un billet sur le sujet et le fait même que j’en parle ici montre qu’on est loin de ce cas.</p>
  131. <blockquote class="wp-block-quote"><p><em>Ça pose au moins une ques­tion de démo­cra­tie interne d’In­fo­sec</em></p></blockquote>
  132. <p>Pas à mon avis. Tout fonc­tion­ne­ment interne n’a pas forcé­ment à être démo­cra­tique. C’est impor­tant pour un pays ou une collec­ti­vité terri­to­riale parce qu’on ne choi­sit pas son pays d’ori­gine et qu’on ne change pas faci­le­ment de pays ou de terri­toire.</p>
  133. <p>La démo­cra­tie c’est « le pouvoir au peuple ». Sur Masto­don l’uti­li­sa­teur a le pouvoir vu qu’il peut choi­sir à tout moment une instance avec des règles qui lui conviennent, sans avoir de consé­quences néga­tives signi­fi­ca­tives.</p>
  134. <p>C’est d’au­tant moins un sujet que le message de l’ad­mi­nis­tra­teur d’<em>Info­sec</em> laisse entendre que ce sont des utili­sa­teurs de l’ins­tance qui l’ont fait agir et pas lui qui a pris la déci­sion unila­té­ra­le­ment.</p>
  135. <blockquote class="wp-block-quote"><p><em>Mais alors il n’y a aucun problème ?</em></p></blockquote>
  136. <p>Il y a <em>plein</em> de problèmes, mais pas forcé­ment des ques­tions de liberté d’ex­pres­sion ou de démo­cra­tie, et pas forcé­ment sur le cas <em>Info­sec</em> – <em>Journa</em>.</p>
  137. <p>Un premier problème est la trans­pa­rence. <em>Info­sec</em> a agi en trans­pa­rence mais ce n’a pas toujours été lé cas de toutes les instances par le passé. Quand c’est trans­pa­rent on fait nos choix, éven­tuel­le­ment on va voir ailleurs. Quand c’est caché ça veut dire mani­pu­ler l’in­for­ma­tion reçue et influen­cer des personnes sans qu’ils ne le sachent, et ça c’est déjà beau­coup plus liti­gieux. </p>
  138. <p>La contrainte est un second problème. Ce ne semble pas le cas ici mais par le passé la menace de défé­dé­rer a été utili­sée comme une pres­sion pour forcer une autre commu­nauté à chan­ger ses propres règles et valeurs (« si tu ne bloques pas l’ins­tance xxx alors on bloque ton instance aussi »). On est là dans une démarche où l’ou­til a été détourné pour deve­nir une arme plutôt qu’un bouclier. </p>
  139. <p>Enfin, il y a un sujet si une instance ou un groupe d’ins­tances peut avoir suffi­sam­ment de poids pour que ça devienne effec­ti­ve­ment un sujet de liberté d’ex­pres­sion. C’est parti­cu­liè­re­ment le cas si on cumule avec le problème précé­dent. Là ça peut être aussi moche qu’un réseau centra­lisé, ou créer plusieurs sous-réseaux indé­pen­dants et qui ne commu­niquent pas entre eux.</p>
  140. <blockquote class="wp-block-quote"><p>Du coup le système de Masto­don est problé­ma­tique ?</p></blockquote>
  141. <p>Oui, non, ça dépend de tes propres choix.</p>
  142. <p>C’est juste qu’il n’y a pas de système parfait ni de façon univer­selle de posi­tion­ner les équi­libres entre les diffé­rents enjeux.</p>
  143. <p>Le choix de Masto­don est un choix qui répond à des problèmes vus sur Twit­ter ou d’autres réseaux centra­li­sés, qui ouvre d’autres possi­bi­li­tés et d’autres façons de penser les équi­libres. C’est déjà pas mal.</p>
  144. <blockquote class="wp-block-quote"><p>Que peut-on amélio­rer ?</p></blockquote>
  145. <ol><li>Inci­ter à plus de trans­pa­rence à l’in­té­rieur d’une instance, sur ce qui est bloqué globa­le­ment et pourquoi.</li><li>Refu­ser globa­le­ment les guerres de modé­ra­tion entre instances et les instances qui veulent contraindre les règles des autres (le « si tu ne bloques pas l’ins­tance xxx alors on bloque ton instance aussi ») </li><li>S’as­su­rer qu’au­cune instance ne repré­sente plus de 20% des utili­sa­teurs actifs, et qu’un groupe d’ins­tances ne devienne majo­ri­taire au point de pouvoir deve­nir un problème.</li><li>Faire en sorte que jamais la procé­dure de démé­na­ge­ment de compte ne soit limi­tée, même en cas de blocage d’ins­tance.</li></ol>
  146. </article>
  147. <hr>
  148. <footer>
  149. <p>
  150. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  151. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  152. </svg> Accueil</a> •
  153. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  154. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  155. </svg> Suivre</a> •
  156. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  157. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  158. </svg> Pro</a> •
  159. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  160. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  161. </svg> Email</a> •
  162. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  163. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  164. </svg> Légal</abbr>
  165. </p>
  166. <template id="theme-selector">
  167. <form>
  168. <fieldset>
  169. <legend><svg class="icon icon-brightness-contrast">
  170. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  171. </svg> Thème</legend>
  172. <label>
  173. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  174. </label>
  175. <label>
  176. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  177. </label>
  178. <label>
  179. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  180. </label>
  181. </fieldset>
  182. </form>
  183. </template>
  184. </footer>
  185. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  186. <script>
  187. function loadThemeForm(templateName) {
  188. const themeSelectorTemplate = document.querySelector(templateName)
  189. const form = themeSelectorTemplate.content.firstElementChild
  190. themeSelectorTemplate.replaceWith(form)
  191. form.addEventListener('change', (e) => {
  192. const chosenColorScheme = e.target.value
  193. localStorage.setItem('theme', chosenColorScheme)
  194. toggleTheme(chosenColorScheme)
  195. })
  196. const selectedTheme = localStorage.getItem('theme')
  197. if (selectedTheme && selectedTheme !== 'undefined') {
  198. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  199. }
  200. }
  201. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  202. window.addEventListener('load', () => {
  203. let hasDarkRules = false
  204. for (const styleSheet of Array.from(document.styleSheets)) {
  205. let mediaRules = []
  206. for (const cssRule of styleSheet.cssRules) {
  207. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  208. continue
  209. }
  210. // WARNING: Safari does not have/supports `conditionText`.
  211. if (cssRule.conditionText) {
  212. if (cssRule.conditionText !== prefersColorSchemeDark) {
  213. continue
  214. }
  215. } else {
  216. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  217. continue
  218. }
  219. }
  220. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  221. }
  222. // WARNING: do not try to insert a Rule to a styleSheet you are
  223. // currently iterating on, otherwise the browser will be stuck
  224. // in a infinite loop…
  225. for (const mediaRule of mediaRules) {
  226. styleSheet.insertRule(mediaRule.cssText)
  227. hasDarkRules = true
  228. }
  229. }
  230. if (hasDarkRules) {
  231. loadThemeForm('#theme-selector')
  232. }
  233. })
  234. </script>
  235. </body>
  236. </html>