2644 lines
47 KiB
HTML
2644 lines
47 KiB
HTML
<!doctype html>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- `site.alt_lang` can specify a language different from the UI -->
|
||
<html lang="en" >
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
|
||
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
|
||
><!-- Setup Open Graph image -->
|
||
|
||
|
||
|
||
<!-- Begin Jekyll SEO tag v2.8.0 -->
|
||
<meta name="generator" content="Jekyll v4.3.4" />
|
||
<meta property="og:title" content="Où sont les vie.ille.ux non-binaires?" />
|
||
<meta name="author" content="Quinn Morrigan" />
|
||
<meta property="og:locale" content="en" />
|
||
<meta name="description" content="Récemment, je me suis rappelé.e d’une histoire que l’on raconte souvent dans ma famille. Il faut savoir que ma grand-mère peut être très maladroite dans ses interactions avec les autres. Je voyais à l’époque cette histoire comme une histoire drôle, une énième gaffe que l’on pouvait utiliser pour se moquer gentiment d’elle. L’histoire peut être résumée très simplement : depuis toujours, elle allait faire les courses à son épicerie favorite. Un jour, le vendeur qu’elle avait l’habitude de voir, et à qui elle avait dit “Bonjour Monsieur” tous les jours jusque-là, n’était plus là. Alors elle a demandé: “Il n’est plus là, le vendeur de d’habitude?”. Et le patron de l’épicerie lui a répondu que non, “[Prénom de femme] est partie à la retraite.” À l’époque, tout comme ma famille, je trouvais cette histoire très drôle. Ma grand-mère, incapable de deviner correctement le genre d’une personne pendant plusieurs années ! Je me demandais parfois pourquoi lae vendeureuse ne l’avait jamais corrigée, mais ma réflexion n’allait pas plus loin." />
|
||
<meta property="og:description" content="Récemment, je me suis rappelé.e d’une histoire que l’on raconte souvent dans ma famille. Il faut savoir que ma grand-mère peut être très maladroite dans ses interactions avec les autres. Je voyais à l’époque cette histoire comme une histoire drôle, une énième gaffe que l’on pouvait utiliser pour se moquer gentiment d’elle. L’histoire peut être résumée très simplement : depuis toujours, elle allait faire les courses à son épicerie favorite. Un jour, le vendeur qu’elle avait l’habitude de voir, et à qui elle avait dit “Bonjour Monsieur” tous les jours jusque-là, n’était plus là. Alors elle a demandé: “Il n’est plus là, le vendeur de d’habitude?”. Et le patron de l’épicerie lui a répondu que non, “[Prénom de femme] est partie à la retraite.” À l’époque, tout comme ma famille, je trouvais cette histoire très drôle. Ma grand-mère, incapable de deviner correctement le genre d’une personne pendant plusieurs années ! Je me demandais parfois pourquoi lae vendeureuse ne l’avait jamais corrigée, mais ma réflexion n’allait pas plus loin." />
|
||
<link rel="canonical" href="https://bookshelf.thequinn.fr/posts/representations-non-binaires/" />
|
||
<meta property="og:url" content="https://bookshelf.thequinn.fr/posts/representations-non-binaires/" />
|
||
<meta property="og:site_name" content="Quinn’s Bookshelf" />
|
||
<meta property="og:image" content="https://bookshelf.thequinn.fr/assets/img/20221121.jpg" />
|
||
<meta property="og:image:alt" content="Une rose un peu fanée devant un fond sombre." />
|
||
<meta property="og:type" content="article" />
|
||
<meta property="article:published_time" content="2022-11-21T13:22:00+01:00" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta property="twitter:image" content="https://bookshelf.thequinn.fr/assets/img/20221121.jpg" />
|
||
<meta name="twitter:image:alt" content="Une rose un peu fanée devant un fond sombre." />
|
||
<meta property="twitter:title" content="Où sont les vie.ille.ux non-binaires?" />
|
||
<meta name="twitter:site" content="@twitter_username" />
|
||
<meta name="twitter:creator" content="@Quinn Morrigan" />
|
||
<script type="application/ld+json">
|
||
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":"Quinn Morrigan"},"dateModified":"2022-11-21T13:22:00+01:00","datePublished":"2022-11-21T13:22:00+01:00","description":"Récemment, je me suis rappelé.e d’une histoire que l’on raconte souvent dans ma famille. Il faut savoir que ma grand-mère peut être très maladroite dans ses interactions avec les autres. Je voyais à l’époque cette histoire comme une histoire drôle, une énième gaffe que l’on pouvait utiliser pour se moquer gentiment d’elle. L’histoire peut être résumée très simplement : depuis toujours, elle allait faire les courses à son épicerie favorite. Un jour, le vendeur qu’elle avait l’habitude de voir, et à qui elle avait dit “Bonjour Monsieur” tous les jours jusque-là, n’était plus là. Alors elle a demandé: “Il n’est plus là, le vendeur de d’habitude?”. Et le patron de l’épicerie lui a répondu que non, “[Prénom de femme] est partie à la retraite.” À l’époque, tout comme ma famille, je trouvais cette histoire très drôle. Ma grand-mère, incapable de deviner correctement le genre d’une personne pendant plusieurs années ! Je me demandais parfois pourquoi lae vendeureuse ne l’avait jamais corrigée, mais ma réflexion n’allait pas plus loin.","headline":"Où sont les vie.ille.ux non-binaires?","image":{"alt":"Une rose un peu fanée devant un fond sombre.","url":"https://bookshelf.thequinn.fr/assets/img/20221121.jpg","@type":"imageObject"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/posts/representations-non-binaires/"},"url":"https://bookshelf.thequinn.fr/posts/representations-non-binaires/"}</script>
|
||
<!-- End Jekyll SEO tag -->
|
||
|
||
|
||
<title>Où sont les vie.ille.ux non-binaires? | Quinn's Bookshelf
|
||
</title>
|
||
|
||
<!--
|
||
The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
|
||
Generated by: https://realfavicongenerator.net/
|
||
-->
|
||
|
||
|
||
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
|
||
|
||
<link rel="manifest" href="/assets/img/favicons/site.webmanifest">
|
||
|
||
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
|
||
<meta name="apple-mobile-web-app-title" content="Quinn's Bookshelf">
|
||
<meta name="application-name" content="Quinn's Bookshelf">
|
||
<meta name="msapplication-TileColor" content="#da532c">
|
||
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
|
||
<!-- Resource Hints -->
|
||
|
||
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" >
|
||
|
||
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
|
||
|
||
|
||
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
||
<link rel="dns-prefetch" href="https://fonts.gstatic.com" >
|
||
|
||
|
||
|
||
<link rel="preconnect" href="https://cdn.jsdelivr.net" >
|
||
|
||
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" >
|
||
|
||
|
||
|
||
|
||
<!-- Bootstrap -->
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
|
||
|
||
|
||
<!-- Theme style -->
|
||
<link rel="stylesheet" href="/assets/css/jekyll-theme-chirpy.css">
|
||
|
||
<!-- Web Font -->
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Source+Sans+Pro:wght@400;600;700;900&display=swap">
|
||
|
||
<!-- Font Awesome Icons -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/all.min.css">
|
||
|
||
<!-- 3rd-party Dependencies -->
|
||
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tocbot@4.29.0/dist/tocbot.min.css">
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.min.css">
|
||
|
||
|
||
|
||
<!-- Image Popup -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox@3.3.0/dist/css/glightbox.min.css">
|
||
|
||
|
||
<!-- JavaScript -->
|
||
|
||
|
||
<!-- Switch the mode between dark and light. -->
|
||
|
||
<script type="text/javascript">
|
||
class ModeToggle {
|
||
static get MODE_KEY() {
|
||
return 'mode';
|
||
}
|
||
static get MODE_ATTR() {
|
||
return 'data-mode';
|
||
}
|
||
static get DARK_MODE() {
|
||
return 'dark';
|
||
}
|
||
static get LIGHT_MODE() {
|
||
return 'light';
|
||
}
|
||
static get ID() {
|
||
return 'mode-toggle';
|
||
}
|
||
|
||
constructor() {
|
||
let self = this;this.sysDarkPrefers.addEventListener('change', () => {
|
||
if (self.hasMode) {
|
||
self.clearMode();
|
||
}
|
||
self.notify();
|
||
});
|
||
|
||
if (!this.hasMode) {
|
||
return;
|
||
}
|
||
|
||
if (this.isDarkMode) {
|
||
this.setDark();
|
||
} else {
|
||
this.setLight();
|
||
}
|
||
}
|
||
|
||
get sysDarkPrefers() {
|
||
return window.matchMedia('(prefers-color-scheme: dark)');
|
||
}
|
||
|
||
get isPreferDark() {
|
||
return this.sysDarkPrefers.matches;
|
||
}
|
||
|
||
get isDarkMode() {
|
||
return this.mode === ModeToggle.DARK_MODE;
|
||
}
|
||
|
||
get hasMode() {
|
||
return this.mode != null;
|
||
}
|
||
|
||
get mode() {
|
||
return sessionStorage.getItem(ModeToggle.MODE_KEY);
|
||
}get modeStatus() {
|
||
if (this.hasMode) {
|
||
return this.mode;
|
||
} else {
|
||
return this.isPreferDark ? ModeToggle.DARK_MODE : ModeToggle.LIGHT_MODE;
|
||
}
|
||
}
|
||
|
||
setDark() {
|
||
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
|
||
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
|
||
}
|
||
|
||
setLight() {
|
||
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
|
||
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
|
||
}
|
||
|
||
clearMode() {
|
||
document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
|
||
sessionStorage.removeItem(ModeToggle.MODE_KEY);
|
||
}notify() {
|
||
window.postMessage(
|
||
{
|
||
direction: ModeToggle.ID,
|
||
message: this.modeStatus
|
||
},
|
||
'*'
|
||
);
|
||
}
|
||
|
||
flipMode() {
|
||
if (this.hasMode) {
|
||
this.clearMode();
|
||
} else {
|
||
if (this.isPreferDark) {
|
||
this.setLight();
|
||
} else {
|
||
this.setDark();
|
||
}
|
||
}
|
||
|
||
this.notify();
|
||
}
|
||
}
|
||
|
||
const modeToggle = new ModeToggle();
|
||
</script>
|
||
|
||
|
||
|
||
<script data-goatcounter="https://stats.thequinn.fr/count"
|
||
async src="//stats.thequinn.fr/count.js"></script>
|
||
|
||
<!-- A placeholder to allow defining custom metadata -->
|
||
|
||
</head>
|
||
|
||
|
||
<body>
|
||
<!-- The Side Bar -->
|
||
|
||
<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
|
||
<header class="profile-wrapper">
|
||
<a href="/" id="avatar" class="rounded-circle"><img src="/commons/avatar.webp" width="112" height="112" alt="avatar" onerror="this.style.display='none'"></a>
|
||
|
||
<h1 class="site-title">
|
||
<a href="/">Quinn's Bookshelf</a>
|
||
</h1>
|
||
<p class="site-subtitle fst-italic mb-0">A blog about writing, mental health and other LGBTQ+ things</p>
|
||
</header>
|
||
<!-- .profile-wrapper -->
|
||
|
||
<nav class="flex-column flex-grow-1 w-100 ps-0">
|
||
<ul class="nav">
|
||
<!-- home -->
|
||
<li class="nav-item">
|
||
<a href="/" class="nav-link">
|
||
<i class="fa-fw fas fa-home"></i>
|
||
<span>HOME</span>
|
||
</a>
|
||
</li>
|
||
<!-- the real tabs -->
|
||
|
||
<li class="nav-item">
|
||
<a href="/categories/" class="nav-link">
|
||
<i class="fa-fw fas fa-stream"></i>
|
||
|
||
|
||
<span>CATEGORIES</span>
|
||
</a>
|
||
</li>
|
||
<!-- .nav-item -->
|
||
|
||
<li class="nav-item">
|
||
<a href="/tags/" class="nav-link">
|
||
<i class="fa-fw fas fa-tags"></i>
|
||
|
||
|
||
<span>TAGS</span>
|
||
</a>
|
||
</li>
|
||
<!-- .nav-item -->
|
||
|
||
<li class="nav-item">
|
||
<a href="/archives/" class="nav-link">
|
||
<i class="fa-fw fas fa-archive"></i>
|
||
|
||
|
||
<span>ARCHIVES</span>
|
||
</a>
|
||
</li>
|
||
<!-- .nav-item -->
|
||
|
||
<li class="nav-item">
|
||
<a href="/about/" class="nav-link">
|
||
<i class="fa-fw fas fa-info-circle"></i>
|
||
|
||
|
||
<span>ABOUT</span>
|
||
</a>
|
||
</li>
|
||
<!-- .nav-item -->
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
|
||
|
||
<button type="button" class="btn btn-link nav-link" aria-label="Switch Mode" id="mode-toggle">
|
||
<i class="fas fa-adjust"></i>
|
||
</button>
|
||
|
||
|
||
<span class="icon-border"></span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a
|
||
href="javascript:location.href = 'mailto:' + ['quinn.morrigan','proton.me'].join('@')"
|
||
aria-label="email"
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
>
|
||
<i class="fas fa-envelope"></i>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<a
|
||
href="https://courgett.es/@cookie"
|
||
aria-label="mastodon"
|
||
|
||
|
||
|
||
target="_blank"
|
||
|
||
|
||
|
||
|
||
|
||
|
||
rel="noopener noreferrer me"
|
||
|
||
>
|
||
<i class="fab fa-mastodon"></i>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<a
|
||
href="https://pixelfed.fr/@cookie"
|
||
aria-label="pixelfed"
|
||
|
||
|
||
|
||
target="_blank"
|
||
|
||
|
||
|
||
|
||
|
||
|
||
rel="noopener noreferrer"
|
||
|
||
>
|
||
<i class="fab fa-instagram"></i>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<a
|
||
href="/feed.xml"
|
||
aria-label="rss"
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
>
|
||
<i class="fas fa-rss"></i>
|
||
</a>
|
||
|
||
|
||
</div>
|
||
<!-- .sidebar-bottom -->
|
||
</aside>
|
||
<!-- #sidebar -->
|
||
|
||
|
||
<div id="main-wrapper" class="d-flex justify-content-center">
|
||
<div class="container d-flex flex-column px-xxl-5">
|
||
<!-- The Top Bar -->
|
||
|
||
<header id="topbar-wrapper" aria-label="Top Bar">
|
||
<div
|
||
id="topbar"
|
||
class="d-flex align-items-center justify-content-between px-lg-3 h-100"
|
||
>
|
||
<nav id="breadcrumb" aria-label="Breadcrumb">
|
||
|
||
|
||
|
||
|
||
|
||
<span>
|
||
<a href="/">Home</a>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span>Où sont les vie.ille.ux non-binaires?</span>
|
||
|
||
|
||
|
||
|
||
|
||
</nav>
|
||
<!-- endof #breadcrumb -->
|
||
|
||
<button type="button" id="sidebar-trigger" class="btn btn-link">
|
||
<i class="fas fa-bars fa-fw"></i>
|
||
</button>
|
||
|
||
<div id="topbar-title">
|
||
Post
|
||
</div>
|
||
|
||
<button type="button" id="search-trigger" class="btn btn-link">
|
||
<i class="fas fa-search fa-fw"></i>
|
||
</button>
|
||
|
||
<search id="search" class="align-items-center ms-3 ms-lg-0">
|
||
<i class="fas fa-search fa-fw"></i>
|
||
<input
|
||
class="form-control"
|
||
id="search-input"
|
||
type="search"
|
||
aria-label="search"
|
||
autocomplete="off"
|
||
placeholder="Search..."
|
||
>
|
||
</search>
|
||
<button type="button" class="btn btn-link text-decoration-none" id="search-cancel">Cancel</button>
|
||
</div>
|
||
</header>
|
||
|
||
|
||
<div class="row flex-grow-1">
|
||
<main aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
|
||
|
||
<!-- Refactor the HTML structure -->
|
||
|
||
|
||
|
||
<!--
|
||
In order to allow a wide table to scroll horizontally,
|
||
we suround the markdown table with `<div class="table-wrapper">` and `</div>`
|
||
-->
|
||
|
||
|
||
|
||
<!--
|
||
Fixed kramdown code highlight rendering:
|
||
https://github.com/penibelst/jekyll-compress-html/issues/101
|
||
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
|
||
-->
|
||
|
||
|
||
|
||
<!-- Change the icon of checkbox -->
|
||
|
||
|
||
|
||
<!-- Handle images -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- take out classes -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- lazy-load images -->
|
||
|
||
|
||
|
||
<!-- make sure the `<img>` is wrapped by `<a>` -->
|
||
|
||
|
||
|
||
<!-- create the image wrapper -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- combine -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Add header for code snippets -->
|
||
|
||
|
||
|
||
<!-- Create heading anchors -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- return -->
|
||
|
||
|
||
|
||
|
||
<article class="px-1">
|
||
<header>
|
||
<h1 data-toc-skip>Où sont les vie.ille.ux non-binaires?</h1>
|
||
|
||
|
||
<div class="post-meta text-muted">
|
||
<!-- published date -->
|
||
<span>
|
||
Posted
|
||
<!--
|
||
Date format snippet
|
||
See: ${JS_ROOT}/utils/locale-dateime.js
|
||
-->
|
||
|
||
|
||
|
||
|
||
<time
|
||
|
||
data-ts="1669033320"
|
||
data-df="ll"
|
||
|
||
data-bs-toggle="tooltip" data-bs-placement="bottom"
|
||
|
||
>
|
||
Nov 21, 2022
|
||
</time>
|
||
|
||
</span>
|
||
|
||
<!-- lastmod date -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="mt-3 mb-3">
|
||
<a href="/assets/img/20221121.jpg" class="popup img-link preview-img shimmer"><img src="/assets/img/20221121.jpg" alt="Une rose un peu fanée devant un fond sombre." width="1200" height="630" loading="lazy"></a><figcaption class="text-center pt-2 pb-2">Une rose un peu fanée devant un fond sombre.</figcaption></div>
|
||
|
||
|
||
<div class="d-flex justify-content-between">
|
||
<!-- author(s) -->
|
||
<span>
|
||
|
||
|
||
By
|
||
|
||
<em>
|
||
|
||
|
||
Quinn Morrigan
|
||
|
||
|
||
|
||
</em>
|
||
</span>
|
||
|
||
<div>
|
||
<!-- pageviews -->
|
||
|
||
|
||
<!-- read time -->
|
||
<!-- Calculate the post's reading time, and display the word count in tooltip -->
|
||
|
||
|
||
|
||
<!-- words per minute -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- return element -->
|
||
<span
|
||
class="readtime"
|
||
data-bs-toggle="tooltip"
|
||
data-bs-placement="bottom"
|
||
title="1587 words"
|
||
>
|
||
<em>8 min</em> read</span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="content">
|
||
<p>Récemment, je me suis rappelé.e d’une histoire que l’on raconte souvent dans ma famille. Il faut savoir que ma grand-mère peut être très maladroite dans ses interactions avec les autres. Je voyais à l’époque cette histoire comme une histoire drôle, une énième gaffe que l’on pouvait utiliser pour se moquer gentiment d’elle.<br />
|
||
L’histoire peut être résumée très simplement : depuis toujours, elle allait faire les courses à son épicerie favorite. Un jour, le vendeur qu’elle avait l’habitude de voir, et à qui elle avait dit “Bonjour Monsieur” tous les jours jusque-là, n’était plus là. Alors elle a demandé: “Il n’est plus là, le vendeur de d’habitude?”. Et le patron de l’épicerie lui a répondu que non, “[Prénom de femme] est partie à la retraite.”<br />
|
||
À l’époque, tout comme ma famille, je trouvais cette histoire très drôle. Ma grand-mère, incapable de deviner correctement le genre d’une personne pendant plusieurs années ! Je me demandais parfois pourquoi lae vendeureuse ne l’avait jamais corrigée, mais ma réflexion n’allait pas plus loin.</p>
|
||
|
||
<p>Je me suis penché.e à nouveau sur cette histoire, après m’être questionné.e longuement sur mon propre genre, et avoir lu <a href="https://app.thestorygraph.com/books/369434ee-6296-44ac-90d3-62fc0e2416a9">Tomboy survival guide</a>, de Ivan Coyote.<br />
|
||
Je ne la vois plus comme une histoire drôle, comme une maladresse de la part de ma grand-mère. Ce n’est pas drôle que ma grand-mère ait mal deviné le genre de cette personne. Ce n’est pas drôle que cette personne ait une présentation de genre qui ne correspond pas à son prénom. Ce n’est pas parce que son patron l’appelle par un prénom féminin que cette personne est une femme.</p>
|
||
|
||
<p>Je ne saurai jamais quel était le genre de cette personne. Était-ce une butch très masculine, ou bien un homme trans ? S’iel ne l’a jamais corrigée pendant toutes ces années, est-ce que cela veut dire que c’est un homme ? Ou simplement que cela ne lui importait pas ? Est-ce qu’on ne l’appelait par un prénom féminin uniquement parce que c’était ce qui était écrit sur sa carte d’identité ?<br />
|
||
Ou bien suis-je en train de rechercher désespérement des miettes de représentation parmi des choses qui n’ont rien à voir avec la transidentité ou les représentations queer ?</p>
|
||
|
||
<p>Mais j’ai besoin de mes héros. J’ai besoin de trouver mes exemples, des gens comme moi, pas seulement dans la grande histoire, mais aussi dans la petite. Dans la vie des autres, de ceux qui ont construit qui je suis. Je ne peux pas être lae seul.e, je ne peux pas être lae premier.e. Il a bien dû y en avoir d’autres avant moi, d’autres comme moi.<br />
|
||
Si je veux qu’ils me voient, moi, cela m’aiderait de trouver de telles représentations dans notre passé, de prouver que des gens comme moi existaient déjà, et que cela existera encore longtemps. Que ce n’est pas seulement à la télé, parmi les activistes, sur les réseaux sociaux. Que c’est aussi la personne à qui tu achètes tes courses tous les lundis matins.</p>
|
||
|
||
<p>Le livre d’Ivan Coyote a rempli une grande partie de ce besoin de représentation pour moi. Je n’avais jamais lu de représentation de cet aspect de mon identité auparavant. J’écrirai sans doute un autre article sur ce livre à l’avenir, mais en un mot ce livre était une vraie bouffée d’air frais pour moi.
|
||
Je ne m’identifie pas à tous les aspects de sa vie, et notre identité ainsi que notre présentation de genre sont différentes.
|
||
Mais savoir qu’une personne de plus de 40 ans a un jour ressenti les mêmes choses que moi, et les ressent toujours, m’a fait me sentir beaucoup moins seul.e, et m’a montré un avenir que je n’osais pas imaginer.
|
||
Je me projette rarement dans un avenir lointain, pour diverses raisons, mais ma sexualité et mon identité de genre ont toujours beaucoup pesé là-dedans. Comment se projeter quand le modèle est d’être dans une relation hétérosexuelle, de vieillir dans un corps qui n’est pas exactement le nôtre, entourés de gens qui ne nous comprennent pas vraiment ? Tout cela en pensant que les questions qui nous taraudent n’ont sûrement pas de réponses. Qu’elles sont honteuses, qu’il s’agit de quelque chose qui est brisé à l’intérieur de nous, quelque chose qu’on a raté, qu’on a perdu. <br />
|
||
Ivan Coyote me montre que ces réponses existent, que des gens comme moi existent, qu’iels ont toujours existé, et que j’ai un avenir. Avoir des personnes LGBTQ+ dans ses représentations, mais aussi dans son entourage, est essentiel.
|
||
Quand je ne vois la représentation sur les réseaux sociaux, les seules personnes que je vois sont des personnes de mon âge, voire plus jeunes. Sans doute que leur apparence finalement normée, même si peut-être pas dans des normes binaires, les favorise. C’est aussi, simplement, que les jeunes sont plus souvent sur les réseaux sociaux. Où sont les vieux queer? Comment savoir ce que l’on va devenir, si on ne le voit pas?<br />
|
||
Comment savoir que ce n’est pas quelque chose de nouveau, que ce n’est pas une phase, pas un caprice, s’il n’existe pas de personnes non binaires de plus de 30 ans dans nos représentations?</p>
|
||
|
||
<p>Les médias en live-action dans lesquels j’ai vu des personnes non binaires (récemment <a href="https://en.wikipedia.org/wiki/Sex_Education_(TV_series)">Sex Education</a> et <a href="https://en.wikipedia.org/wiki/Heartbreak_High_(2022_TV_series)">Heartbreak High</a><sup id="fnref:footnote"><a href="#fn:footnote" class="footnote" rel="footnote" role="doc-noteref">1</a></sup>) sont destinés aux adolescents. Les personnes non binaires représenté.es sont des lycéen.e.s. Iels sont déjà assez sûr.e.s d’eux et de leur identité pour reprendre les adultes cisgenres lorsqu’ils utilisent les mauvais pronoms. Iels savent défendre leur place avant même d’avoir quitté le lycée.<br />
|
||
Moi-même, à 24 ans, je ne suis out qu’à une poignée de personnes elles-mêmes trans pour la plupart. Je n’ose même pas dire mes pronoms à des personnes cisgenres de peur de les déranger. À l’âge de ces personnages, je ne connaissais que vaguement l’existence des femmes trans, et pas du tout les hommes trans ou la non-binarité. Je ne savais pas que d’autres personnes pouvaient avoir les mêmes questionnements et insécurités que moi.</p>
|
||
|
||
<p>C’est pour cela que je ne me reconnais pas dans ces représentations. Ces personnages sont aspirationnel.le.s, inspirant.e.s, oui. Leur force et le fait qu’iels soient sûr.e.s d’elleux me montre que je pourrais moi aussi, un jour, ne plus m’excuser d’exister. Mais je ne me reconnais pas dans ces personnages qui n’ont pas de failles, qui ne doutent jamais de leur identité, qui ne se mégenrent jamais elleux-mêmes, qui ne se demandent jamais s’iels on fait une erreur, s’iels ont bien le droit de prendre la place qu’iels prennent.<br />
|
||
Je sais qu’il s’agit également d’une différence de générations, et qu’en presque une dizaine d’années, beaucoup de choses ont changé. Là où mes ami.e.s queer n’étaient out qu’à leurs ami.e.s les plus proches quand nous étions au lycée, j’entends que leurs petits adelphes sont out auprès de tout leur lycée, et même de leurs professeurs.</p>
|
||
|
||
<p>C’est une autre époque, et des modèles comme Ivan Coyote me semblent plus abordables. Il ne s’agit pas de gens qui sont plus jeunes que moi et savent déjà mieux que moi quelle est leur identité de genre, là où je doute constamment.
|
||
Les jeunes me poussent à penser qu’il est déjà trop tard pour moi.
|
||
Ivan Coyote me montre qu’il n’est jamais trop tard.
|
||
On peut faire une mamectomie à plus de 40 ans après avoir passé des annéees avec un binder. Notre société et son culte de la jeunesse m’ont toujours fait croire qu’il fallait tout savoir maintenant, tout faire maintenant. Ivan Coyote me dit que j’ai le temps, et c’est de ça que j’ai besoin. Nous ne cessons pas d’être non-binaires quand nous sortons du lycée et que nous entrons dans le monde du travail. Nous ne cessons pas d’être non-binaires quand nous ne correspondons plus aux critères de casting d’une série pour adolescents. Nous existons partout dans la société, même quand ce n’est pas pour faire une jolie répresentation innoffensive. Nous participons aussi à la marche du monde. Nous existions déjà avant ces séries, même si le reste de la société n’avait pas les mots pour nous décrire, même si nous n’avions pas l’espace de créer nos propres représentations.<br />
|
||
Mais si on ne nous représente que sous la forme d’enfants, ou d’êtres non-humains dans des mondes imaginaires qui n’ont rien à voir avec le nôtre, comment pouvons-nous exprimer notre voix ? Quand nous montrera-t-on des personnes non-binaires adultes, dont la voix pèse réellement dans la société, et qui sont en charge de leur propre vie, comme les autres ? Où trouver un autre modèle, comment vieillir en n’étant pas binaire ?</p>
|
||
|
||
<p>Bien sûr, je suis content.e que ces représentations d’adolescents existent, car je serais sans doute une personne plus sûre. de moi aujourd’hui si je m’étais contruit.e avec eux comme modèle. J’aime à penser que les personnes non-binaires qui sont né.e.s quelques années après moi ressemblent vraiment à ces personnages, et qu’iels trouveront leur place plus facilement que moi. En attendant, je continuerai de chercher des personnes non-binaires ailleurs que sur les sentiers battus, qui ne ressemblent pas à une version prémâchée pour une série facile à visionner ou un algorithme friand de personnes maigres, androgynes et blanches, mais des personne réelles, qui nous ressemblent.</p>
|
||
|
||
<div class="footnotes" role="doc-endnotes">
|
||
<ol>
|
||
<li id="fn:footnote">
|
||
<p>J’exclus volontairement les représentations que j’ai vues dans des dessins animés, <a href="https://en.wikipedia.org/wiki/The_Owl_House">The Owl House</a> et <a href="https://en.wikipedia.org/wiki/She-Ra_and_the_Princesses_of_Power">She-Ra and the Princesses of Power</a> pour différentes raisons: le monde dans lequel se déroule ces histoires n’est pas réaliste, et les personnages n’évoluent pas dans une société et avec un parcours ou une vie quotidienne à laquelle je puisse m’identifier. Leur identité de genre n’est pas explorée ni expliquée, et Double Trouble comme Raine ne sont pas humains. <a href="#fnref:footnote" class="reversefootnote" role="doc-backlink">↩︎</a></p>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="post-tail-wrapper text-muted">
|
||
<!-- categories -->
|
||
|
||
<div class="post-meta mb-3">
|
||
<i class="far fa-folder-open fa-fw me-1"></i>
|
||
|
||
<a href="/categories/fran%C3%A7ais/">Français</a>,
|
||
<a href="/categories/r%C3%A9flexions/">Réflexions</a>
|
||
</div>
|
||
|
||
|
||
<!-- tags -->
|
||
|
||
<div class="post-tags">
|
||
<i class="fa fa-tags fa-fw me-1"></i>
|
||
|
||
<a
|
||
href="/tags/genre/"
|
||
class="post-tag no-text-decoration"
|
||
>genre</a>
|
||
|
||
<a
|
||
href="/tags/representations/"
|
||
class="post-tag no-text-decoration"
|
||
>representations</a>
|
||
|
||
</div>
|
||
|
||
|
||
<div
|
||
class="
|
||
post-tail-bottom
|
||
d-flex justify-content-between align-items-center mt-5 pb-2
|
||
"
|
||
>
|
||
<div class="license-wrapper">
|
||
|
||
|
||
|
||
This post is licensed under
|
||
<a href="https://creativecommons.org/licenses/by/4.0/">
|
||
CC BY 4.0
|
||
</a>
|
||
by the author.
|
||
|
||
</div>
|
||
|
||
<!-- Post sharing snippet -->
|
||
|
||
<div class="share-wrapper d-flex align-items-center">
|
||
<span class="share-label text-muted">Share</span>
|
||
<span class="share-icons">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<button
|
||
id="copy-link"
|
||
aria-label="Copy link"
|
||
class="btn small"
|
||
data-bs-toggle="tooltip"
|
||
data-bs-placement="top"
|
||
title="Copy link"
|
||
data-title-succeed="Link copied successfully!"
|
||
>
|
||
<i class="fa-fw fas fa-link pe-none fs-6"></i>
|
||
</button>
|
||
</span>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- .post-tail-bottom -->
|
||
</div>
|
||
<!-- div.post-tail-wrapper -->
|
||
</article>
|
||
|
||
|
||
|
||
</main>
|
||
|
||
<!-- panel -->
|
||
<aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 mb-5 text-muted">
|
||
<div class="access">
|
||
<!-- Get 5 last posted/updated posts -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section id="access-lastmod">
|
||
<h2 class="panel-heading">Recently Updated</h2>
|
||
<ul class="content list-unstyled ps-0 pb-1 ms-1 mt-2">
|
||
|
||
|
||
|
||
|
||
<li class="text-truncate lh-lg">
|
||
<a href="/posts/favoris-decembre/">Lectures, séries et écriture - Décembre 2024</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
<li class="text-truncate lh-lg">
|
||
<a href="/posts/novembre/">Lectures, séries et écriture - Novembre 2024</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
<li class="text-truncate lh-lg">
|
||
<a href="/posts/favoris-octobre/">Lectures, écriture et spectacles - Octobre 2024</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
<li class="text-truncate lh-lg">
|
||
<a href="/posts/writing-social-media/">Does social media sell books, and starting off as a new author - Recent favorites</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
<li class="text-truncate lh-lg">
|
||
<a href="/posts/writing-like-colleen-hoover/">Writing like Colleen Hoover, what makes a great opening line, and Nanowrimo's stance on AI - Recent favorites</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</section>
|
||
<!-- #access-lastmod -->
|
||
|
||
|
||
<!-- The trending tags list -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section>
|
||
<h2 class="panel-heading">Trending Tags</h2>
|
||
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/emotions/">emotions</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/relations/">relations</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/genre/">genre</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/coming-out/">coming-out</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/journaling/">journaling</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/tech/">tech</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/lecture/">lecture</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/self-acceptance/">self-acceptance</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/writing/">writing</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/%C3%A9criture/">écriture</a>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</aside>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<!-- tail -->
|
||
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4">
|
||
|
||
|
||
<!-- Recommend the other 3 posts according to the tags and categories of the current post. -->
|
||
|
||
<!-- The total size of related posts -->
|
||
|
||
|
||
<!-- An random integer that bigger than 0 -->
|
||
|
||
|
||
<!-- Equals to TAG_SCORE / {max_categories_hierarchy} -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<aside id="related-posts" aria-labelledby="related-label">
|
||
<h3 class="mb-4" id="related-label">Further Reading</h3>
|
||
<nav class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-4 mb-4">
|
||
|
||
<article class="col">
|
||
<a href="/posts/eras-tour/" class="post-preview card h-100">
|
||
<div class="card-body">
|
||
<!--
|
||
Date format snippet
|
||
See: ${JS_ROOT}/utils/locale-dateime.js
|
||
-->
|
||
|
||
|
||
|
||
|
||
<time
|
||
|
||
data-ts="1717869300"
|
||
data-df="ll"
|
||
|
||
>
|
||
Jun 8, 2024
|
||
</time>
|
||
|
||
<h4 class="pt-0 my-2">Taylor Swift: le consumérisme au service du female gaze?</h4>
|
||
<div class="text-muted">
|
||
<p>Début mai, j’ai eu la chance d’assister à l’un des 4 concerts donnés par Taylor Swift à Paris dans le cadre de son Eras Tour. Jupes à paillettes, santiags roses, longues robes blanches, il est rare...</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
<article class="col">
|
||
<a href="/posts/ils-ne-veulent-pas-etre-tes-amis/" class="post-preview card h-100">
|
||
<div class="card-body">
|
||
<!--
|
||
Date format snippet
|
||
See: ${JS_ROOT}/utils/locale-dateime.js
|
||
-->
|
||
|
||
|
||
|
||
|
||
<time
|
||
|
||
data-ts="1685893980"
|
||
data-df="ll"
|
||
|
||
>
|
||
Jun 4, 2023
|
||
</time>
|
||
|
||
<h4 class="pt-0 my-2">Ils ne veulent pas être tes amis</h4>
|
||
<div class="text-muted">
|
||
<p>Comment on a brisé la nerd qui sommeillait en moi, et ce que j'aurais eu besoin qu'on me dise à 18 ans pour la protéger.</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
<article class="col">
|
||
<a href="/posts/coupe-menstruelle/" class="post-preview card h-100">
|
||
<div class="card-body">
|
||
<!--
|
||
Date format snippet
|
||
See: ${JS_ROOT}/utils/locale-dateime.js
|
||
-->
|
||
|
||
|
||
|
||
|
||
<time
|
||
|
||
data-ts="1679583900"
|
||
data-df="ll"
|
||
|
||
>
|
||
Mar 23, 2023
|
||
</time>
|
||
|
||
<h4 class="pt-0 my-2">Ce que porter une coupe menstruelle m'a appris en tant que personne non binaire</h4>
|
||
<div class="text-muted">
|
||
<p>Note: Tout au long de cet article, je vais parler de règles et de cycles menstruels. Ces choses sont traditionnellement associées à la féminité dans notre société. Elles sont vécues en majorité par...</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
</nav>
|
||
</aside>
|
||
<!-- #related-posts -->
|
||
|
||
|
||
|
||
|
||
<!-- Navigation buttons at the bottom of the post. -->
|
||
|
||
<nav class="post-navigation d-flex justify-content-between" aria-label="Post Navigation">
|
||
|
||
|
||
|
||
|
||
<a
|
||
href="/posts/the-vampire/"
|
||
class="btn btn-outline-primary"
|
||
aria-label="Older"
|
||
>
|
||
<p>The vampire</p>
|
||
</a>
|
||
|
||
|
||
|
||
<a
|
||
href="/posts/a-difficult-child/"
|
||
class="btn btn-outline-primary"
|
||
aria-label="Newer"
|
||
>
|
||
<p>A difficult child</p>
|
||
</a>
|
||
|
||
</nav>
|
||
|
||
|
||
|
||
<!-- The comments switcher -->
|
||
|
||
|
||
|
||
|
||
<!-- The Footer -->
|
||
|
||
<footer
|
||
aria-label="Site Info"
|
||
class="
|
||
d-flex flex-column justify-content-center text-muted
|
||
flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
|
||
"
|
||
>
|
||
<p>©
|
||
<time>2025</time>
|
||
|
||
|
||
<a href="https://courgett.es/@cookie">cookie</a>.
|
||
|
||
|
||
|
||
<span
|
||
data-bs-toggle="tooltip"
|
||
data-bs-placement="top"
|
||
title="Except where otherwise noted, the blog posts on this site are licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License by the author."
|
||
>Some rights reserved.</span>
|
||
|
||
</p>
|
||
|
||
<p>Using the <a
|
||
data-bs-toggle="tooltip"
|
||
data-bs-placement="top"
|
||
title="v7.1.0"
|
||
href="https://github.com/cotes2020/jekyll-theme-chirpy"
|
||
target="_blank"
|
||
rel="noopener"
|
||
>Chirpy</a> theme for <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>.
|
||
</p>
|
||
</footer>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- The Search results -->
|
||
|
||
<div id="search-result-wrapper" class="d-flex justify-content-center d-none">
|
||
<div class="col-11 content">
|
||
<div id="search-hints">
|
||
<!-- The trending tags list -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section>
|
||
<h2 class="panel-heading">Trending Tags</h2>
|
||
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/emotions/">emotions</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/relations/">relations</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/genre/">genre</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/coming-out/">coming-out</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/journaling/">journaling</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/tech/">tech</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/lecture/">lecture</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/self-acceptance/">self-acceptance</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/writing/">writing</a>
|
||
|
||
|
||
<a class="post-tag btn btn-outline-primary" href="/tags/%C3%A9criture/">écriture</a>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
</div>
|
||
<div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<aside aria-label="Scroll to Top">
|
||
<button id="back-to-top" type="button" class="btn btn-lg btn-box-shadow">
|
||
<i class="fas fa-angle-up"></i>
|
||
</button>
|
||
</aside>
|
||
</div>
|
||
|
||
<div id="mask"></div>
|
||
|
||
|
||
<aside
|
||
id="notification"
|
||
class="toast"
|
||
role="alert"
|
||
aria-live="assertive"
|
||
aria-atomic="true"
|
||
data-bs-animation="true"
|
||
data-bs-autohide="false"
|
||
>
|
||
<div class="toast-header">
|
||
<button
|
||
type="button"
|
||
class="btn-close ms-auto"
|
||
data-bs-dismiss="toast"
|
||
aria-label="Close"
|
||
></button>
|
||
</div>
|
||
<div class="toast-body text-center pt-0">
|
||
<p class="px-2 mb-3">A new version of content is available.</p>
|
||
<button type="button" class="btn btn-primary" aria-label="Update">
|
||
Update
|
||
</button>
|
||
</div>
|
||
</aside>
|
||
|
||
|
||
|
||
<!-- JavaScripts -->
|
||
<!-- JS selector for site. -->
|
||
|
||
<!-- commons -->
|
||
|
||
|
||
|
||
<!-- layout specified -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- image lazy-loading & popup & clipboard -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="https://cdn.jsdelivr.net/combine/npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js,npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.umd.min.js,npm/glightbox@3.3.0/dist/js/glightbox.min.js,npm/clipboard@2.0.11/dist/clipboard.min.js,npm/dayjs@1.11.13/dayjs.min.js,npm/dayjs@1.11.13/locale/en.js,npm/dayjs@1.11.13/plugin/relativeTime.js,npm/dayjs@1.11.13/plugin/localizedFormat.js"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="/assets/js/dist/post.min.js"></script>
|
||
|
||
|
||
|
||
<!-- Pageviews -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
Jekyll Simple Search loader
|
||
See: <https://github.com/christian-fei/Simple-Jekyll-Search>
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
<script>SimpleJekyllSearch({
|
||
searchInput: document.getElementById('search-input'),
|
||
resultsContainer: document.getElementById('search-results'),
|
||
json: '/assets/js/data/search.json',
|
||
searchResultTemplate: ' <article class="px-1 px-sm-2 px-lg-4 px-xl-0"> <header> <h2><a href="{url}">{title}</a></h2> <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1"> {categories} {tags} </div> </header> <p>{snippet}</p> </article>',
|
||
noResultsText: '<p class="mt-5">Oops! No results found.</p>',
|
||
templateMiddleware: function(prop, value, template) {
|
||
if (prop === 'categories') {
|
||
if (value === '') {
|
||
return `${value}`;
|
||
} else {
|
||
return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
|
||
}
|
||
}
|
||
|
||
if (prop === 'tags') {
|
||
if (value === '') {
|
||
return `${value}`;
|
||
} else {
|
||
return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|
||
|