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

2725 lines
40 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="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, qu’il 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, qu’il 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="Quinn’s 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, qu’il 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>
<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>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, qu’il 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, d’un 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 n’ai pas pu l’en 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 qu’il répond “Ok” dans le but de couper court à la conversation, et qu’elle ne s’en formalisera pas. Il aimerait qu’elle s’en rende compte, parfois, quand il n’a pas envie de lui parler mais qu’il n’ose pas le lui dire. Il se sent toujours obligé de répondre, alors il dit “Ok”. Cette fois non plus, elle n’a pas compris.</p>
<p><em>Nathalie :</em> Est-ce que tu l’as 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 s’il avait oublié ce qu’il était en train de faire. Et puis une voix l’appelle de la cuisine.</p>
<p>“Raphaël, tu dois partir à quelle heure ?”</p>
<p>Sami s’appuie sur l’embrasure 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 j’ai envie d’y aller.”</p>
<p>Sami hausse les sourcils d’un air interrogateur.</p>
<p>“Apparemment, ma mère a invité Astrid. <br />
— Je savais bien qu’il y avait quelque chose, répond Sami. <br />
— En même temps, je pouvais m’y attendre, elle va toujours à l’église avec sa mère tous les dimanches, comme quand on était petits, et le divorce n’a rien changé à ça. Elle doit sûrement jubiler de pouvoir me faire ça, amener mon ex-femme à l’enterrement de mon père, c’est sa vengeance pour avoir brisé ses rêves de petite famille parfaite, j’imagine.”</p>
<p>Sami s’approche et le prend dans ses bras.</p>
<p>“Je suis désolé…”</p>
<p>Raphaël hausse les épaules.</p>
<p>“Ça n’a rien à voir avec toi.”</p>
<p>Les yeux de Raphaël brillent un peu, et il se détourne.</p>
<p>“Il faut que j’y aille.”</p>
<hr />
<p>Raphaël aimerait qu’il pleuve, pour pouvoir rester seul à broyer du noir sous son parapluie, mais la météo n’est pas de cet avis. Il n’y a qu’un lourd ciel gris éclairé par trop de soleil, qui lui fait plisser les yeux. Il s’engouffre dans l’église et s’asseoit 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 n’a jamais compris pourquoi elle parle aussi fort, partout, mais ça l’énerve d’autant plus dans les églises, et même lui qui n’y croit plus depuis longtemps, il respecte ça, alors, pourquoi est-ce qu’elle n’en est pas capable ?</p>
<p>Après tout, elle n’y croit peut-être pas plus que lui. Déjà quand il était enfant, et qu’ils étaient assis, Raphaël, sa mère, la meilleure amie de sa mère, et sa fille Astrid de l’autre 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 d’avoir un garçon sage aux mêmes personnes qu’elle passait le sermon à critiquer. Finalement, Raphaël ne s’étonnait pas qu’après l’avoir entraîné à l’église tous les dimanches pendant 18 ans, sa mère ait réussi à le faire se marier avec Astrid. Ni qu’elle se soit tenue entre eux ensuite, comme elle en avait pris l’habitude pendant toutes ces années. Mais le mariage ne lui avait pas donné le répit qu’il espérait.</p>
<p>Raphaël décide d’aller plus près de l’autel. Il ne reconnaît que trop tard la silhouette qui est assise au deuxième rang. Il s’apprête à se retourner en espérant qu’elle ne l’ait pas vu, quand Astrid se retourne. Quand leurs yeux se croisent, il n’y voit pas les émotions qu’il 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 lorsqu’ils étaient enfants. Le regard d’une 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 s’asseoir à côté d’elle.</p>
<p>“Ma mère m’a forcée à venir. Je crois qu’elle t’en veut plus que moi,” elle dit avec un sourire dont il ne saurait dire s’il est complice ou mélancolique.</p>
<p>Il croise et décroise ses doigt avec nervosité.</p>
<p>“Tu ne m’en veux pas ? il demande. <br />
— Je t’en ai voulu, oui, mais j’ai eu le temps d’y 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 n’aurait pas marché de toutes façons.”</p>
<p>La mère de Raphaël s’approche, et il sent son regard dans son dos. Il lâche un soupir qu’il n’avait 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 n’ai pas envie que tu t’asseyes à côté de moi aujourd’hui,” 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">
<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/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">
<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>
</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>©
<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