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.

index.html 13KB

1 년 전
1 년 전
1 년 전
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  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>Sapphire Rubyant: "négatif à propos de Sud Web" (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. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <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>
  34. <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>
  35. <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>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://eldritch.cafe/@davidbruant/110311929122033704">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>Sapphire Rubyant: "négatif à propos de Sud Web"</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://eldritch.cafe/@davidbruant/110311929122033704" title="Lien vers le contenu original">Source originale</a>
  70. </p>
  71. </nav>
  72. <hr>
  73. <p>Pour le contexte, j'ai été présent à la plupart des éditions de <span class="h-card"><a href="https://piaille.fr/@sudweb" class="u-url mention status-link" rel="nofollow noopener noreferrer" target="_blank" title="sudweb@piaille.fr">@<span>sudweb</span></a></span> , j'y ai été orateur, j'y ai passé des moments fondateurs pour moi, j'ai des ami.e.s dans l'orga<br>et j'imagine que si un jour, y'a une édition et que j'y allais, je passerais un bon moment<br>Et tout ce que j'écris ici ne représente que mon opinion et celle de personne d'autre</p>
  74. <p>Sud Web a annoncé l'annulation de l'édition 2023. Je ne comptais pas y aller.</p>
  75. <p>Quand j'ai vu le programme 2023, ma première réaction, ça a été le <a href="https://tenor.com/fr/view/octopus-nope-do-not-want-nopetopus-run-away-gif-3294509" target="_blank" rel="noopener nofollow noreferrer" class="status-link unhandled-link" title="https://tenor.com/fr/view/octopus-nope-do-not-want-nopetopus-run-away-gif-3294509">nopetopus <span class="link-origin-tag">[tenor.com]</span></a> (un octopus qui part rapidement. Y'a une légende qui dit "nope nope nope")</p>
  76. <p>Une conférence avec, sur une même journée en orateurs <span class="h-card"><a href="https://mamot.fr/@edasfr" class="u-url mention status-link" rel="nofollow noopener noreferrer" target="_blank" title="edasfr@mamot.fr">@<span>edasfr</span></a></span> <span class="h-card"><a href="https://framapiaf.org/@borisschapira" class="u-url mention status-link" rel="nofollow noopener noreferrer" target="_blank" title="borisschapira@framapiaf.org">@<span>borisschapira</span></a></span> <span class="h-card"><a href="https://mastodon.cloud/@eliesloim" class="u-url mention status-link" rel="nofollow noopener noreferrer" target="_blank" title="eliesloim@mastodon.cloud">@<span>eliesloim</span></a></span> et <span class="h-card"><a href="https://mastodon.partipirate.org/@dascritch" class="u-url mention status-link" rel="nofollow noopener noreferrer" target="_blank" title="dascritch@mastodon.partipirate.org">@<span>dascritch</span></a></span> ?</p>
  77. <p>Nope !</p>
  78. <p>Et j'ai un peu 2 cartons rouge</p>
  79. <p>Le premier pour l'équipe de Sud Web. Organiser une conférence, c'est avoir le pouvoir de décider la voix de qui est portée plus fort, plus loin. Qui est sur scène, qui est filmé et publié sur Internet<br>Et là, une recherche rapide de chacune de ces 4 personnes amène à la conclusion que leurs voix ne sont pas silenciées, ça va aller pour chacun d'entre eux.<br>Ptèt qu'en 2023, on peut faire + de places à de nouvelles voix. Pas un objectif "paritaire", mais vraiment mettre en avant de nouvelles voix, c'est tout.<br>Se donner comme objectif une conf "paritaire", c'est comme décréter une égalité de salaire entre hommes et femmes et prétendre que les inégalités de patrimoine ne comptent pas. C'est pas assez</p>
  80. <p>C'est pas assez</p>
  81. <p>Le deuxième carton rouge, il part à chacun des gars qui a souhaité être sur scène, une fois de plus. Certains sont pourtant vocaux sur les sujets féminisme/représentation.<br>Mais quand il s'agit de laisser la place... l'appel de la scène est trop fort, visiblement 😕 </p>
  82. <p>Hey, les gars ! Il est temps que vous laissiez la place à d'autres. À d'autres idées, à d'autres visages, à d'autres voix, à des personnes qui ne sont pas à l'aise sur scène<br>Ouvrez une chaine Twitch, continuer votre blog, proposez des moments en forum ouvert. Il existe d'autres endroits pour vous exprimer<br>Mais il est temps que vous laissiez la place de la scène. Et par exemple, que vous ne proposiez même pas de sujet lors d'un appel à orateur</p>
  83. <p>Sud Web, je crois, est le lieu d'un entre-soi (et ça fait partie de pourquoi je m'y sentirais bien ; j'en fais partie)<br>Et ptèt qu'il est temps que ça s'arrête. Que la marque Sud Web laisse la place aussi à d'autres conférences, d'autres formats, d'autres formes d'organisation<br><a href="https://larlet.fr/david/stream/2018/12/29/" target="_blank" rel="noopener nofollow noreferrer" class="status-link unhandled-link" title="https://larlet.fr/david/stream/2018/12/29/">Ptet envisager de composter <span class="link-origin-tag">[larlet.fr]</span></a></p>
  84. <p>je crois qu'il est temps de laisser la place ❤️</p>
  85. </article>
  86. <hr>
  87. <footer>
  88. <p>
  89. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  90. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  91. </svg> Accueil</a> •
  92. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  93. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  94. </svg> Suivre</a> •
  95. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  96. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  97. </svg> Pro</a> •
  98. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  99. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  100. </svg> Email</a> •
  101. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  102. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  103. </svg> Légal</abbr>
  104. </p>
  105. <template id="theme-selector">
  106. <form>
  107. <fieldset>
  108. <legend><svg class="icon icon-brightness-contrast">
  109. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  110. </svg> Thème</legend>
  111. <label>
  112. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  113. </label>
  114. <label>
  115. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  116. </label>
  117. <label>
  118. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  119. </label>
  120. </fieldset>
  121. </form>
  122. </template>
  123. </footer>
  124. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  125. <script>
  126. function loadThemeForm(templateName) {
  127. const themeSelectorTemplate = document.querySelector(templateName)
  128. const form = themeSelectorTemplate.content.firstElementChild
  129. themeSelectorTemplate.replaceWith(form)
  130. form.addEventListener('change', (e) => {
  131. const chosenColorScheme = e.target.value
  132. localStorage.setItem('theme', chosenColorScheme)
  133. toggleTheme(chosenColorScheme)
  134. })
  135. const selectedTheme = localStorage.getItem('theme')
  136. if (selectedTheme && selectedTheme !== 'undefined') {
  137. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  138. }
  139. }
  140. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  141. window.addEventListener('load', () => {
  142. let hasDarkRules = false
  143. for (const styleSheet of Array.from(document.styleSheets)) {
  144. let mediaRules = []
  145. for (const cssRule of styleSheet.cssRules) {
  146. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  147. continue
  148. }
  149. // WARNING: Safari does not have/supports `conditionText`.
  150. if (cssRule.conditionText) {
  151. if (cssRule.conditionText !== prefersColorSchemeDark) {
  152. continue
  153. }
  154. } else {
  155. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  156. continue
  157. }
  158. }
  159. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  160. }
  161. // WARNING: do not try to insert a Rule to a styleSheet you are
  162. // currently iterating on, otherwise the browser will be stuck
  163. // in a infinite loop…
  164. for (const mediaRule of mediaRules) {
  165. styleSheet.insertRule(mediaRule.cssText)
  166. hasDarkRules = true
  167. }
  168. }
  169. if (hasDarkRules) {
  170. loadThemeForm('#theme-selector')
  171. }
  172. })
  173. </script>
  174. </body>
  175. </html>