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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  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>​What It Means to Be Trans Species (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.vice.com/en/article/yvwknv/what-does-it-mean-to-be-trans-species">
  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>​What It Means to Be Trans Species</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.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://www.vice.com/en/article/yvwknv/what-does-it-mean-to-be-trans-species" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p><span class="abc__textblock size--article" data-component="TextBlock"><p>"I feel my selfhood to be discrete from this body. It's not inherently me—it's just a vehicle I'm operating. Plus, what does it mean to be human, anyway?"</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>Riviera identifies as a dragon. He decided this 15 years ago after having what he describes as prophetic dreams of a past life. As an "otherkin," he is one of the hundreds of Australians who identify as another species—whether from Earth or myth.</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>Sitting on the grass outside the University of Melbourne, Riviera shows me a large handmade magpie head. "I feel like there is a mix up between otherkins and furries in the media," he says. "For many otherkin, it's a quiet spiritual background to their lives, and not something that they can ever switch off." He puts on an elaborate headdress, explaining that making and wearing costumes is a central part of acting out of his identity. Meditation, ritual dance, lucid dreaming, and trance work also factor in.</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>"My pagan beliefs and worldview is definitely tied up in my otherkin identity," he explains. "I believe our reality can be described using Plato's allegory of the cave: We're prisoners of our own flesh, and our ability to perceive reality is flawed and incomplete because it has to be filtered through our meat."</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>Eric, who identifies as a werewolf, tells me that most otherkin represented in the media are extreme compared to the rest of the community. "They use it as a way of acting out or gaining attention," he says. "I mean most of them I wouldn't even consider to be otherkin. They don't really understand the definitions."</p></span><span></span><span class="abc__textblock size--article" data-component="TextBlock"><p>He believes around half of otherkins identify because of spiritual reasons, while for the others it's neurological. "By neurological reasons, I mean that it is an identity that is wired into the brain from birth."</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>"I was never a normal child, per se, Eric explains. "I used to insist I was a dog to my parents when I was younger." This went on until he was around ten, and he realized his friends didn't feel the same way about their bodies as he did. "I was having a casual conversation with a friend about feeling body parts that weren't there," he tells me. "I had no idea that most people didn't feel them. I looked into what could cause things like that and eventually stumbled across the term: otherkin."</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>One of the first questions people outside the community have when they learn about otherkins is whether they have sex with animals. Eric says this is an insulting presumption made against the trans species community: "It is disgusting and illegal." Riviera, who moderates an otherkin Facebook group, says that for him and many other otherkins, the animal, sexual, and gender identity are three separate things. "Bestiality and zoophilia are treated with the same seriousness and abhorrence as wider society," he explains.</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>But something that is common within the otherkin community are struggles with mental health. "A lot of otherkin who don't struggle with mental illness are older and usually have well established identities by this point. They're aware of who they are and don't necessarily have to talk about it online anymore."</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>This is true for 17-year-old Miranda, who is a member of Riviera's Facebook group and identifies as a dog. "I'm constantly thinking about [my identity]. Most animals share common features, making it harder for me to see who I really am," she says. "As I learn and experience more, I am hoping I will find clarity to my true self."</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>The debate between transgenderism and otherkin is one area Miranda would like to see evolve. "It seems that many people of the transgender community think that otherkin is a mock version of transgenderism and are very hateful of it," she says. "This is not the case for us of course, as many of us are in the LGBT+ community."</p></span><span></span><span class="abc__textblock size--article" data-component="TextBlock"><p>Riviera, who is both otherkin and transgender, says the "raging debate where people think that otherkin are appropriating transgenderism is something that I find a little bit frustrating being trans myself.</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>"When much of the world is actively hostile, if not outright murderous toward you, it stops mattering if someone is suicide baiting you for being trans or for being otherkin—the result is the same."</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>Riviera says the biggest misconception about the trans species community is that they aren't oppressed. But bullying and harassment are all too common. "The constant barrage of hate mail from the internet, all the time, gets very wearying," Riveria says. After 15 years in the community, he hopes the world will become more open minded about how people want to identify themselves.</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>"The other big misconception is that it is a cult, delusion, or something that is really harmful," Riviera says. "It's not a choice. I don't know how people can claim it's some sort of fantasy.</p></span><span class="abc__textblock size--article" data-component="TextBlock"><p>"For most people, it's just a part of their personal exploration of their identity."</p></span></p>
  71. </article>
  72. <hr>
  73. <footer>
  74. <p>
  75. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  76. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  77. </svg> Accueil</a> •
  78. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  79. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  80. </svg> Suivre</a> •
  81. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  82. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  83. </svg> Pro</a> •
  84. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  85. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  86. </svg> Email</a> •
  87. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  88. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  89. </svg> Légal</abbr>
  90. </p>
  91. <template id="theme-selector">
  92. <form>
  93. <fieldset>
  94. <legend><svg class="icon icon-brightness-contrast">
  95. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  96. </svg> 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 src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  111. <script>
  112. function loadThemeForm(templateName) {
  113. const themeSelectorTemplate = document.querySelector(templateName)
  114. const form = themeSelectorTemplate.content.firstElementChild
  115. themeSelectorTemplate.replaceWith(form)
  116. form.addEventListener('change', (e) => {
  117. const chosenColorScheme = e.target.value
  118. localStorage.setItem('theme', chosenColorScheme)
  119. toggleTheme(chosenColorScheme)
  120. })
  121. const selectedTheme = localStorage.getItem('theme')
  122. if (selectedTheme && selectedTheme !== 'undefined') {
  123. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  124. }
  125. }
  126. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  127. window.addEventListener('load', () => {
  128. let hasDarkRules = false
  129. for (const styleSheet of Array.from(document.styleSheets)) {
  130. let mediaRules = []
  131. for (const cssRule of styleSheet.cssRules) {
  132. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  133. continue
  134. }
  135. // WARNING: Safari does not have/supports `conditionText`.
  136. if (cssRule.conditionText) {
  137. if (cssRule.conditionText !== prefersColorSchemeDark) {
  138. continue
  139. }
  140. } else {
  141. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  142. continue
  143. }
  144. }
  145. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  146. }
  147. // WARNING: do not try to insert a Rule to a styleSheet you are
  148. // currently iterating on, otherwise the browser will be stuck
  149. // in a infinite loop…
  150. for (const mediaRule of mediaRules) {
  151. styleSheet.insertRule(mediaRule.cssText)
  152. hasDarkRules = true
  153. }
  154. }
  155. if (hasDarkRules) {
  156. loadThemeForm('#theme-selector')
  157. }
  158. })
  159. </script>
  160. </body>
  161. </html>