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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  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>« Voilà, je devais le dire un jour : je suis raciste » (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="#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. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="https://voixdexils.ch/2020/07/09/voila-je-devais-le-dire-un-jour-je-suis-raciste/">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>« Voilà, je devais le dire un jour : je suis raciste »</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://voixdexils.ch/2020/07/09/voila-je-devais-le-dire-un-jour-je-suis-raciste/" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p><img src="https://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-2-900x450.jpg" class="attachment-single-page wp-post-image" alt="" srcset="https://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-2-900x450.jpg 900w, https://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-2-350x175.jpg 350w, https://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-2-400x200.jpg 400w" sizes="(max-width: 900px) 100vw, 900px"/> <div id="attachment_9371" class="wp-caption aligncenter"><a href="http://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-1.jpg"><img class=" wp-image-9371" src="http://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-1-1024x952.jpg" alt="" srcset="https://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-1-1024x952.jpg 1024w, https://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-1-300x279.jpg 300w, https://voixdexils.ch/wp-content/uploads/2020/07/Greg-Clément-zioom-1-768x714.jpg 768w" sizes="(max-width: 582px) 100vw, 582px"/></a><p class="wp-caption-text">Aldo Brina. Photo: Greg Clément.</p></div>
  69. <p><strong>Aldo Brina est Chargé d’information sur l’asile au CSP Genève et s’engage depuis 2007 au cœur du réseau de défense des réfugiés. Dans la réflexion ci-dessous que nous publions dans son intégralité, Aldo Brina s’interroge sur ce qu’est le racisme, puis sur la manière de le combattre, y compris dans ses formes les plus sournoises.</strong></p>
  70. <p>«Voilà, je devais le dire un jour : je suis raciste.</p>
  71. <p>Je sais, ça risque de surprendre pas mal de monde. Quinze ans à défendre le droit d’asile, plusieurs années à présider la coordination contre la xénophobie. Mais il fallait que je le dise.</p>
  72. <p>Il fallait que je le dise parce qu’en fait, en Suisse, je me sens très seul, parce qu’il n’y a pas de racistes. Dans la conception dominante, raciste, tu l’es ou tu l’es pas. Et l’immense majorité a décidé qu’elle ne l’était pas. Les racistes, ce sont seulement ces types qui ont un drapeau du troisième Reich, ou qui affirment que les noirs sont des singes, et plus personne, ou presque, n’a ça ou ne dit ça. Donc il n’y a plus de raciste, et la lutte contre le racisme, c’est une exagération.</p>
  73. <p>Ben moi je ne suis pas de cet avis. Alors je le dis haut et fort : je suis raciste. Le racisme ce n’est pas qu’une opinion qu’on clame, c’est aussi des pensées fluides qui pénètrent les esprits les mieux intentionnés, des cimetières indiens (et africains) sur lesquels on a construit notre présent, des institutions qui font partie de l’état de droit tout en étant, dans des mesures variables, racistes.<br/>
  74. Une émission de télévision très regardée titrait : la Suisse est-elle raciste ? Ça n’a aucun sens. La question n’est pas de l’être ou de ne pas l’être. La question c’est qu’est-ce qu’on fait de ces réflexes, de ces pensées, de ces comportements, de cette histoire que nous partageons toutes et tous. Comment les combattre comme on a vaincu le féodalisme, la peine de mort ou le tabagisme ?</p>
  75. <p>Moi, j’avoue, quand je croise une personne noire en bas de mon boulot, mon premier réflexe c’est de penser qu’elle vient consulter une de nos permanences juridiques on sociales. Pas qu’elle est peut-être la patronne de la société informatique qui vient réparer notre réseau ou une journaliste qui vient couvrir une conférence de presse.</p>
  76. <p>Le parlement qui me représente comprend 0% de femmes ou d’hommes noir-e-s. C’est pas le même pourcentage quand je prends le bus.</p>
  77. <p>Chaque jour, pour appliquer les lois de mon pays, des équipes de police arrêtent au petit matin des familles, le plus souvent noires ou racialisées, les mettent dans un avion de force. Des décisions de justice ont reconnu des insultes racistes dans ce cadre mais moi, je dors pareil la nuit. Je vois des personnes noires se faire contrôler dans la rue et je ne me pose pas trop de questions. La police s’occupe des délinquants, non?</p>
  78. <p>Donc comprenez, je ne me sentais pas complètement à ma place parmi tous ces gens, bien-pensants, qui ne sont pas du tout racistes, jamais. Donc cet aveu, ça m’enlève un poids.</p>
  79. <p>Je force le trait et j’entends d’ici les cris d’orfraie : s’infliger une telle culpabilité, blabli blabla. Une responsabilité, pas une culpabilité. Pas se lamenter, pas se flageller, mais se rappeler que y aura toujours du boulot. On ne vous demande pas d’être jugé-e-s avec le policier qui a assassiné George Floyd, on aimerait juste que vous vous demandiez que faire pour que cela soit impossible en Suisse.</p>
  80. <p>Je suis raciste et, d’ailleurs, j’ai très peu d’ami-e-s noir-e-s. Trop peu.<br/>
  81. Une prochaine fois, je vous expliquerai que je suis aussi sexiste…»</p></p>
  82. </main>
  83. </article>
  84. <hr>
  85. <footer>
  86. <p>
  87. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  88. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  89. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  90. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  91. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  92. </p>
  93. <template id="theme-selector">
  94. <form>
  95. <fieldset>
  96. <legend>Thème</legend>
  97. <label>
  98. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  99. </label>
  100. <label>
  101. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  102. </label>
  103. <label>
  104. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  105. </label>
  106. </fieldset>
  107. </form>
  108. </template>
  109. </footer>
  110. <script type="text/javascript">
  111. function loadThemeForm(templateName) {
  112. const themeSelectorTemplate = document.querySelector(templateName)
  113. const form = themeSelectorTemplate.content.firstElementChild
  114. themeSelectorTemplate.replaceWith(form)
  115. form.addEventListener('change', (e) => {
  116. const chosenColorScheme = e.target.value
  117. localStorage.setItem('theme', chosenColorScheme)
  118. toggleTheme(chosenColorScheme)
  119. })
  120. const selectedTheme = localStorage.getItem('theme')
  121. if (selectedTheme && selectedTheme !== 'undefined') {
  122. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  123. }
  124. }
  125. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  126. window.addEventListener('load', () => {
  127. let hasDarkRules = false
  128. for (const styleSheet of Array.from(document.styleSheets)) {
  129. let mediaRules = []
  130. for (const cssRule of styleSheet.cssRules) {
  131. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  132. continue
  133. }
  134. // WARNING: Safari does not have/supports `conditionText`.
  135. if (cssRule.conditionText) {
  136. if (cssRule.conditionText !== prefersColorSchemeDark) {
  137. continue
  138. }
  139. } else {
  140. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  141. continue
  142. }
  143. }
  144. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  145. }
  146. // WARNING: do not try to insert a Rule to a styleSheet you are
  147. // currently iterating on, otherwise the browser will be stuck
  148. // in a infinite loop…
  149. for (const mediaRule of mediaRules) {
  150. styleSheet.insertRule(mediaRule.cssText)
  151. hasDarkRules = true
  152. }
  153. }
  154. if (hasDarkRules) {
  155. loadThemeForm('#theme-selector')
  156. }
  157. })
  158. </script>
  159. </body>
  160. </html>