blog-static/posts/enterrements/index.html

2726 lines
40 KiB
HTML
Raw Permalink Normal View History

2024-09-08 13:58:55 +00:00
<!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 -->
2024-10-28 17:11:51 +00:00
<meta name="generator" content="Jekyll v4.3.4" />
2024-09-08 13:58:55 +00:00
<meta property="og:title" content="Enterrements" />
<meta name="author" content="Quinn Morrigan" />
<meta property="og:locale" content="en" />
<meta name="description" content="Raphaël a deux ensembles de costume dans son placard, un bleu marine pour les mariages, et un noir pour les enterrements. Ce matin, il sort le noir et le pose sur la chaise qui est à côté de son lit, rendue invisible par la couche de vêtements à moitié portés, ni propres, ni sales, quil y dépose tous les soirs." />
<meta property="og:description" content="Raphaël a deux ensembles de costume dans son placard, un bleu marine pour les mariages, et un noir pour les enterrements. Ce matin, il sort le noir et le pose sur la chaise qui est à côté de son lit, rendue invisible par la couche de vêtements à moitié portés, ni propres, ni sales, quil y dépose tous les soirs." />
<link rel="canonical" href="https://bookshelf.thequinn.fr/posts/enterrements/" />
<meta property="og:url" content="https://bookshelf.thequinn.fr/posts/enterrements/" />
<meta property="og:site_name" content="Quinns Bookshelf" />
<meta property="og:image" content="https://bookshelf.thequinn.fr/assets/img/enterrements.jpg" />
<meta property="og:image:alt" content="Image en noir et blanc de nombreux parapluies devant une église." />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2024-03-11T19:38:00+01:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content="https://bookshelf.thequinn.fr/assets/img/enterrements.jpg" />
<meta name="twitter:image:alt" content="Image en noir et blanc de nombreux parapluies devant une église." />
<meta property="twitter:title" content="Enterrements" />
<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":"2024-03-11T19:38:00+01:00","datePublished":"2024-03-11T19:38:00+01:00","description":"Raphaël a deux ensembles de costume dans son placard, un bleu marine pour les mariages, et un noir pour les enterrements. Ce matin, il sort le noir et le pose sur la chaise qui est à côté de son lit, rendue invisible par la couche de vêtements à moitié portés, ni propres, ni sales, quil y dépose tous les soirs.","headline":"Enterrements","image":{"alt":"Image en noir et blanc de nombreux parapluies devant une église.","url":"https://bookshelf.thequinn.fr/assets/img/enterrements.jpg","@type":"imageObject"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/posts/enterrements/"},"url":"https://bookshelf.thequinn.fr/posts/enterrements/"}</script>
<!-- End Jekyll SEO tag -->
<title>Enterrements | 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>
2024-10-28 17:11:51 +00:00
<script data-goatcounter="https://stats.thequinn.fr/count"
async src="//stats.thequinn.fr/count.js"></script>
2024-09-08 13:58:55 +00:00
<!-- 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">
2024-10-28 20:20:32 +00:00
<a href="/" id="avatar" class="rounded-circle"><img src="/commons/avatar.webp" width="112" height="112" alt="avatar" onerror="this.style.display='none'"></a>
2024-09-08 13:58:55 +00:00
<h1 class="site-title">
<a href="/">Quinn's Bookshelf</a>
</h1>
2024-10-28 20:20:32 +00:00
<p class="site-subtitle fst-italic mb-0">A blog about writing, mental health and other LGBTQ+ things</p>
2024-09-08 13:58:55 +00:00
</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>
2025-01-05 19:19:38 +00:00
<a
href="https://pixelfed.fr/@cookie"
aria-label="pixelfed"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-instagram"></i>
</a>
2024-09-08 13:58:55 +00:00
<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>Enterrements</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>Enterrements</h1>
<div class="post-meta text-muted">
<!-- published date -->
<span>
Posted
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1710182280"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
Mar 11, 2024
</time>
</span>
<!-- lastmod date -->
<div class="mt-3 mb-3">
<a href="/assets/img/enterrements.jpg" class="popup img-link preview-img shimmer"><img src="/assets/img/enterrements.jpg" alt="Image en noir et blanc de nombreux parapluies devant une église." width="1200" height="630" loading="lazy"></a><figcaption class="text-center pt-2 pb-2">Image en noir et blanc de nombreux parapluies devant une église.</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="980 words"
>
<em>5 min</em> read</span>
</div>
</div>
</div>
</header>
<div class="content">
<p>Raphaël a deux ensembles de costume dans son placard, un bleu marine pour les mariages, et un noir pour les enterrements. Ce matin, il sort le noir et le pose sur la chaise qui est à côté de son lit, rendue invisible par la couche de vêtements à moitié portés, ni propres, ni sales, quil y dépose tous les soirs.</p>
<p>Il soupire en se regardant dans le miroir, et passe machinalement sa main dans ses cheveux bruns, entre lesquels commencent à apparaître quelques cheveux gris, dun geste qui le rassure mais ne change rien à sa coiffure. Il commence à retirer la chemise du cintre quand son teléphone se met à vibrer.</p>
<p><em>Nathalie :</em> Maman a invité Astrid, je nai pas pu len empêcher, désolée. Tu sais comment elle est.</p>
<p>Il répond par un simple “Ok”. Il sait que sa soeur ne se rend jamais compte quil répond “Ok” dans le but de couper court à la conversation, et quelle ne sen formalisera pas. Il aimerait quelle sen rende compte, parfois, quand il na pas envie de lui parler mais quil nose pas le lui dire. Il se sent toujours obligé de répondre, alors il dit “Ok”. Cette fois non plus, elle na pas compris.</p>
<p><em>Nathalie :</em> Est-ce que tu las revue depuis le divorce ?</p>
<p>Il laisse retomber le téléphone, et boutonne sa chemise en soupirant. Il tourne le regard vers le lit encore défait, et derrière lui la vue sur les toits de Paris. Il reste là sans bouger, les sourcils froncés comme sil avait oublié ce quil était en train de faire. Et puis une voix lappelle de la cuisine.</p>
<p>“Raphaël, tu dois partir à quelle heure ?”</p>
<p>Sami sappuie sur lembrasure de la porte, encore en caleçon, une tasse de café à la main.</p>
<p>“Dans 10 minutes, répond Raphaël. Mais je ne sais pas si jai envie dy aller.”</p>
<p>Sami hausse les sourcils dun air interrogateur.</p>
<p>“Apparemment, ma mère a invité Astrid. <br />
— Je savais bien quil y avait quelque chose, répond Sami. <br />
— En même temps, je pouvais my attendre, elle va toujours à léglise avec sa mère tous les dimanches, comme quand on était petits, et le divorce na rien changé à ça. Elle doit sûrement jubiler de pouvoir me faire ça, amener mon ex-femme à lenterrement de mon père, cest sa vengeance pour avoir brisé ses rêves de petite famille parfaite, jimagine.”</p>
<p>Sami sapproche et le prend dans ses bras.</p>
<p>“Je suis désolé…”</p>
<p>Raphaël hausse les épaules.</p>
<p>“Ça na rien à voir avec toi.”</p>
<p>Les yeux de Raphaël brillent un peu, et il se détourne.</p>
<p>“Il faut que jy aille.”</p>
<hr />
<p>Raphaël aimerait quil pleuve, pour pouvoir rester seul à broyer du noir sous son parapluie, mais la météo nest pas de cet avis. Il ny a quun lourd ciel gris éclairé par trop de soleil, qui lui fait plisser les yeux. Il sengouffre dans léglise et sasseoit en prenant un air recueilli, espérant que cela suffira à tenir les autres à lécart. Mais à peine quelque secondes plus tard, il entend la voix de sa mère résonner entre les hauts murs de pierre. Il na jamais compris pourquoi elle parle aussi fort, partout, mais ça lénerve dautant plus dans les églises, et même lui qui ny croit plus depuis longtemps, il respecte ça, alors, pourquoi est-ce quelle nen est pas capable ?</p>
<p>Après tout, elle ny croit peut-être pas plus que lui. Déjà quand il était enfant, et quils étaient assis, Raphaël, sa mère, la meilleure amie de sa mère, et sa fille Astrid de lautre côté, elles passaient tout le sermon à discuter, à commenter la vie des autres, et la forme comme le fond donnaient envie à Raphaël dêtre ailleurs. Mais il se laissait traîner sans rien dire à léglise, et sa mère aimait se vanter davoir un garçon sage aux mêmes personnes quelle passait le sermon à critiquer. Finalement, Raphaël ne sétonnait pas quaprès lavoir entraîné à léglise tous les dimanches pendant 18 ans, sa mère ait réussi à le faire se marier avec Astrid. Ni quelle se soit tenue entre eux ensuite, comme elle en avait pris lhabitude pendant toutes ces années. Mais le mariage ne lui avait pas donné le répit quil espérait.</p>
<p>Raphaël décide daller plus près de lautel. Il ne reconnaît que trop tard la silhouette qui est assise au deuxième rang. Il sapprête à se retourner en espérant quelle ne lait pas vu, quand Astrid se retourne. Quand leurs yeux se croisent, il ny voit pas les émotions quil avait peur de voir, la colère, la douleur, le dégoût. Après tout ce temps, il y voit le même regard timide que lorsquils étaient enfants. Le regard dune amie. Et pour la première fois depuis le divorce, les mots réussissent finalement à sortir de sa bouche.</p>
<p>“Je suis désolé…”</p>
<p>Astrid se décale et lui fait signe de sasseoir à côté delle.</p>
<p>“Ma mère ma forcée à venir. Je crois quelle ten veut plus que moi,” elle dit avec un sourire dont il ne saurait dire sil est complice ou mélancolique.</p>
<p>Il croise et décroise ses doigt avec nervosité.</p>
<p>“Tu ne men veux pas ? il demande. <br />
— Je ten ai voulu, oui, mais jai eu le temps dy réfléchir. On ne sétait pas mariés pour les bonnes raisons. Je crois que ma mère était plus heureuse que moi le jour de mon mariage. Ça naurait pas marché de toutes façons.”</p>
<p>La mère de Raphaël sapproche, et il sent son regard dans son dos. Il lâche un soupir quil navait pas eu conscience de retenir, depuis longtemps, bien plus longtemps que ça.</p>
<p>À sa droite, sa mère lui fait signe de se décaler pour lui laisser une place.</p>
<p>“Je nai pas envie que tu tasseyes à côté de moi aujourdhui,” dit Raphaël.</p>
<p>Il se retourne vers Astrid et se laisse retomber contre le dossier en expirant longuement.</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/nouvelles/">Nouvelles</a>
</div>
<!-- tags -->
<div class="post-tags">
<i class="fa fa-tags fa-fw me-1"></i>
<a
href="/tags/coming-out/"
class="post-tag no-text-decoration"
>coming-out</a>
<a
href="/tags/relations/"
class="post-tag no-text-decoration"
>relations</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">
2025-01-05 19:19:38 +00:00
<a href="/posts/favoris-decembre/">Lectures, séries et écriture - Décembre 2024</a>
2024-09-08 13:58:55 +00:00
</li>
<li class="text-truncate lh-lg">
2025-01-05 19:19:38 +00:00
<a href="/posts/novembre/">Lectures, séries et écriture - Novembre 2024</a>
2024-09-08 13:58:55 +00:00
</li>
<li class="text-truncate lh-lg">
2025-01-05 19:19:38 +00:00
<a href="/posts/favoris-octobre/">Lectures, écriture et spectacles - Octobre 2024</a>
2024-09-08 13:58:55 +00:00
</li>
<li class="text-truncate lh-lg">
2025-01-05 19:19:38 +00:00
<a href="/posts/writing-social-media/">Does social media sell books, and starting off as a new author - Recent favorites</a>
2024-09-08 13:58:55 +00:00
</li>
<li class="text-truncate lh-lg">
2025-01-05 19:19:38 +00:00
<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>
2024-09-08 13:58:55 +00:00
</li>
</ul>
</section>
<!-- #access-lastmod -->
<!-- The trending tags list -->
2024-11-03 18:46:52 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2024-11-03 18:46:52 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2024-11-03 18:46:52 +00:00
2024-10-28 20:20:32 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2024-11-03 18:46:52 +00:00
2024-10-28 20:20:32 +00:00
2024-09-08 13:58:55 +00:00
2024-12-03 18:06:18 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-12-03 18:06:18 +00:00
2024-09-08 13:58:55 +00:00
<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>
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/tech/">tech</a>
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/lecture/">lecture</a>
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/self-acceptance/">self-acceptance</a>
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/writing/">writing</a>
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/%C3%A9criture/">écriture</a>
2024-09-08 13:58:55 +00:00
</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} -->
2024-11-03 18:46:52 +00:00
2024-12-03 18:06:18 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
<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/shame/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1676034780"
data-df="ll"
>
Feb 10, 2023
</time>
<h4 class="pt-0 my-2">Why is no one talking about the shame?</h4>
<div class="text-muted">
2024-10-30 17:59:33 +00:00
<p>Shame is intertwined with my identity as a queer person. In this article I explore my own relationship with shame and pride in relation to my sexual orientation.</p>
2024-09-08 13:58:55 +00:00
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/a-difficult-child/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1669797900"
data-df="ll"
>
Nov 30, 2022
</time>
<h4 class="pt-0 my-2">A difficult child</h4>
<div class="text-muted">
<p>The other day, I bought some queer books, and I suddenly felt invincible. I wanted to shout how proud I was on the street while walking home. My heart burst out from love and kinship for my fellow ...</p>
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/killing-butterflies/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1666281420"
data-df="ll"
>
Oct 20, 2022
</time>
<h4 class="pt-0 my-2">Killing butterflies</h4>
<div class="text-muted">
<p>This is one of the first poems I wrote when I picked up writing again in November last year. I was at the very beginning of the process of coming to terms with my sexuality. I predominantly felt sh...</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/des-mots-sur-un-muret/"
class="btn btn-outline-primary"
aria-label="Older"
>
<p>Des mots sur un muret</p>
</a>
<a
href="/posts/should-i-be-on-social-media/"
class="btn btn-outline-primary"
aria-label="Newer"
>
<p>As an artist, should I be on social media?</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>©
2025-01-05 19:19:38 +00:00
<time>2025</time>
2024-09-08 13:58:55 +00:00
<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 -->
2024-11-03 18:46:52 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2024-11-03 18:46:52 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2024-11-03 18:46:52 +00:00
2024-10-28 20:20:32 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-09-08 13:58:55 +00:00
2024-11-03 18:46:52 +00:00
2024-10-28 20:20:32 +00:00
2024-09-08 13:58:55 +00:00
2024-12-03 18:06:18 +00:00
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
2024-12-03 18:06:18 +00:00
2024-09-08 13:58:55 +00:00
<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>
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/tech/">tech</a>
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/lecture/">lecture</a>
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/self-acceptance/">self-acceptance</a>
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/writing/">writing</a>
2024-09-08 13:58:55 +00:00
2025-01-05 19:19:38 +00:00
<a class="post-tag btn btn-outline-primary" href="/tags/%C3%A9criture/">écriture</a>
2024-09-08 13:58:55 +00:00
</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>