cookie/blog-static
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
blog-static/posts/ils-ne-veulent-pas-etre-tes-amis/index.html
CI Builder 92bfb9475b Build
2025-01-05 19:19:38 +00:00

2508 lines
41 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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="Ils ne veulent pas être tes amis" />
<meta name="author" content="Quinn Morrigan" />
<meta property="og:locale" content="en" />
<meta name="description" content="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." />
<meta property="og:description" content="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." />
<link rel="canonical" href="https://bookshelf.thequinn.fr/posts/ils-ne-veulent-pas-etre-tes-amis/" />
<meta property="og:url" content="https://bookshelf.thequinn.fr/posts/ils-ne-veulent-pas-etre-tes-amis/" />
<meta property="og:site_name" content="Quinn’s Bookshelf" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2023-06-04T17:53:00+02:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Ils ne veulent pas être tes amis" />
<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":"2023-06-04T17:53:00+02:00","datePublished":"2023-06-04T17:53:00+02:00","description":"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.","headline":"Ils ne veulent pas être tes amis","mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/posts/ils-ne-veulent-pas-etre-tes-amis/"},"url":"https://bookshelf.thequinn.fr/posts/ils-ne-veulent-pas-etre-tes-amis/"}</script>
<!-- End Jekyll SEO tag -->
<title>Ils ne veulent pas être tes amis | 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>Ils ne veulent pas être tes amis</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 -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
<article class="px-1">
<header>
<h1 data-toc-skip>Ils ne veulent pas être tes amis</h1>
<p class="post-desc fw-light mb-4">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 class="post-meta text-muted">
<!-- published date -->
<span>
Posted
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1685893980"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
Jun 4, 2023
</time>
</span>
<!-- lastmod date -->
<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="1299 words"
>
<em>7 min</em> read</span>
</div>
</div>
</div>
</header>
<div class="content">
<p>Ce soir, j’ai regardé la vidéo <a href="https://www.youtube.com/watch?v=9eI_5pM9fK0">Why nerds joined the alt-right</a> de <a href="https://www.youtube.com/@CheyenneLin">Cheyenne Lin</a>, qui parle notamment de la misogynie dans les milieux geek ou nerd (j’utilise ces termes comme ils sont expliqués dans la vidéo, de manière assez interchangeable). Ça m’a rappelé une chose à laquelle j’avais déjà pensé en voyant la <a href="https://www.youtube.com/watch?v=lkT7EYc1Ki0">vidéo</a> de <a href="https://www.youtube.com/@Etsicetaitfaux">Léa Choue</a>, lorsqu’elle disait “Beaucoup de femmes rêvent d’être regardées comme les hommes regardent leurs potes masculins”.</p>
<p>Cette phrase m’avait rappelé le début de mes études, dans un milieu peuplé en écrasante majorité par des hommes cis/hétéros/blancs qui s’identifiaient comme nerd ou geek. J’avais toujours grandi en étant la première de la classe, et également parmi les personnes avec les intérêts et les activités les plus “nerd” depuis le primaire et jusqu’au lycée. Pour Noël j’étais contente de recevoir des livres de maths, et je passais le plus gros de mon temps libre à lire, notamment de la science-fiction. Jusqu’à la prépa, je m’étais toujours imaginée travailler dans les sciences et je n’avais jamais eu l’impression que c’était un chemin qui me serait fermé.</p>
<p>Naturellement, quand je suis arrivée après le lycée dans cet endroit rempli de gens “comme moi”, j’ai eu envie de m’intégrer, de partager mes intérêts avec ces nouvelles personnes, et d’apprendre d’eux. Et pourtant, là où des garçons qui n’étaient pas plus “intéressants” ni moins <em>socially awkward</em> que moi s’intégraient au groupe sans aucun problème, je subissais des moqueries et je me trouvais toujours mise à l’écart, sans jamais comprendre pourquoi. Je redoublais d’efforts pour apprendre leurs références, m’intéresser à leurs passions, être gentille et à l’écoute. Pourtant, ce n’était jamais assez pour qu’ils m’intègrent réellement au groupe, ni même simplement qu’ils me respectent. Ces relations que je prenais pour de l’amitié étaient en fait des puits sans fond où je déversais une bonne partie de mon énergie et de mon intérêt. sans rien recevoir en échange à part des moqueries et des remarques désobligeantes.</p>
<p>Avec le recul, je vois une fracture nette cette année-là, qui marque la première fois où je ne me suis plus senti.e à ma place à me dire “nerd” et à m’intégrer dans les groupes de nerds, de peur qu’on me considère à nouveau comme un imposteur et qu’on me tourne le dos. Malgré le fait que j’ai des intérêts qui devraient me permettre de me considérer comme nerd, et que je ne crois pas qu’on devrait mettre de barrière sur ce terme, c’est devenu une private joke avec mes ami.e.s les plus proches que je dis que je ne suis pas nerd même quand je suis au milieu d’une activité ou que je m’intéresse à une chose qui rentre totalement dans cette catégorie.</p>
<p>À l’époque, quand j’essayais de m’intégrer avec mes camarades peu accueillants, je me suis demandé.e pourquoi. <em>Pourquoi est-ce que je n’arrive pas à m’intégrer, alors que c’est si facile pour les autres ?</em> Au début, je mettais tout cela sur le dos de mon apparence, qui était ma plus grosse insécurité à l’époque. Cette insécurité cimentait toute ma personnalité, et j’étais la première à faire des blagues dévalorisantes sur mon propre physique, ce qui contrairement à ce que je pensais, ne me protégeait pas, mais donnait exactement les bonnes armes à mes camarades pour appuyer là où ça fait mal. Je pensais que s’ils ne voulaient pas être mes amis, c’est que mon apparence et ma personnalité ne les attirait pas suffisamment. Je pensais que j’étais trop maladroite, que je n’étais pas assez drôle, pas assez cultivée et intelligente pour eux. Je me disais que c’était moi le problème, sans jamais voir sa vraie cause, et c’est aussi ce qu’ils me faisaient comprendre.</p>
<p>Ce que j’ai réalisé aujourd’hui, et que j’aurais eu besoin qu’on me dise à l’époque, c’est que ces hommes-là ne voulaient pas être amis avec une femme. Je ne le voyais pas parce que, naïvement, je ne pensais pas que mon genre était ce qui me séparait d’eux. Je me rendais bien compte qu’on n’attendait pas de moi la même chose pour pouvoir m’intégrer, et j’avais un début de réponse avec mon apparence. Mais la réalité, c’est que certains hommes, à certains moments de leur vie, sont incapable de respecter une femme comme ils respectent leurs amis masculins. Ces hommes-là étaient tout simplement incapables de me voir comme une égale, de me considérer comme drôle, intéressante, digne d’être écoutée. C’est si facile, pour un homme, de balayer d’un revers de la main ce que dit une femme, quand il l’aurait soutenu si c’était sorti de la bouche d’un homme. C’est si triste et si frustrant, et pourtant c’est difficile à remarquer quand on n’y fait pas attention, parce que tout est fait pour qu’on regarde ailleurs.</p>
<p>Finalement, quand bien même j’aurais été attirante sexuellement ou romantiquement pour eux, ils n’auraient pas voulu être mes amis: ils auraient voulu coucher avec moi, pour pouvoir en parler à leurs véritables amis masculins, qui sont leur relation la plus importante. J’aurais eu beau tout essayer, au bout du compte, je n’avais aucune chance de recevoir l’amitié que je voulais, d’égal à <em>égale</em>, parce qu’ils n’avaient aucune envie de me la donner. Peut-être parce qu’ils trouvaient ça drôle de me torturer, parce que c’est agréable d’avoir un peu de pouvoir sur quelqu’un. Peut-être parce qu’ils me trouvaient trop désepérée, à revenir à la charge alors que tous les signaux auraient dû me dire de laisser tomber et de trouver d’autres amis. Peut-être qu’ils ne s’en rendaient même pas compte, eux pour qui rien ne mettait en doute leur appartenance à ce milieu.</p>
<p>C’est d’autant plus malheureux pour moi que je n’ai jamais compris pourquoi mon genre impactait ces relations, parce que moi-même je ne le voyais pas comme quelque chose qui devrait changer ma manière d’interagir et d’être perçu.e par les autres. Aujourd’hui, je sais que je suis non-binaire et que cela a joué dans ma relation avec mon corps et dans mon incompréhension de ces frontières invisibles du genre qui avaient été mises en place par ces hommes. Je ne comprenais pas qu’ils ne voulaient surtout pas qu’une femme soit “comme eux” et que je me tirais une balle dans le pied en essayant de leur ressembler. Les femmes qu’ils laissent entrer dans leur vie, ce n’est pas parce qu’elles sont <em>l’un d’entre eux</em>. Ils attendent d’elles qu’elles remplissent un rôle très différent de leurs amis. En étant presque comme eux, j’étais plus menaçante qu’autre chose, parce que je me mettais sur le même plan qu’eux. Ils devaient me mettre à l’écart, me différencier, pour se conforter eux-mêmes dans leur manière de voir les femmes comme intrinsèquement différentes d’eux et se convaincre qu’ils avaient raison de ne pas les respecter.</p>
<p>Je ne sais pas ce qu’ils sont devenus, ni s’ils ont ouvert les yeux sur leurs relations avec les femmes. Je l’espère d’une manière générale parce que les hommes qui n’ont pas d’amiEs femmes sont des proies faciles pour la manosphère, mais sur le plan personnel, ça m’est égal. Je leur ai déjà consacré assez d’énergie, et je suis bien heureux.se de pouvoir dire que ces hommes me laissent indifférent.e, qu’ils ne m’intéressent plus. Sans les lunettes rosées du patriarcat et de l’hétéronormativité, ils me paraissent beaucoup moins intéressants que n’importe qui d’autre.</p>
<p>Ce qui m’importe, c’est ce que j’ai perdu à cause d’eux, comme tant d’autres personnes qui n’ont pas le bon genre, la bonne couleur de peau, le bon corps, pour être nerd. Je ne sais pas si je récupérerai un jour cette confiance aveugle et innocente que j’avais dans mon appartenances aux milieux nerds, geeks, aux sciences et à la science-fiction. Je continue de suivre mes passions là où elles m’emmènent, et j’espère retrouver cette petite nerd qu’ils ont fait se cacher si loin à l’intérieur de moi.</p>
</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>
</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/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>
<article class="col">
<a href="/posts/representations-non-binaires/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1669033320"
data-df="ll"
>
Nov 21, 2022
</time>
<h4 class="pt-0 my-2">Où sont les vie.ille.ux non-binaires?</h4>
<div class="text-muted">
<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 ...</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/quelqun-pour-maimer/"
class="btn btn-outline-primary"
aria-label="Older"
>
<p>Quelqu'un pour m'aimer</p>
</a>
<a
href="/posts/finish-their-food/"
class="btn btn-outline-primary"
aria-label="Newer"
>
<p>Why do you want kids to finish the food on their plates so bad?</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>
Reference in a new issue View git blame Copy permalink