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

2760 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="Lectures, séries et écriture - Novembre 2024" />
<meta name="author" content="Quinn Morrigan" />
<meta property="og:locale" content="en" />
<meta name="description" content="Favoris du mois de novembre: LGBT en politique, un livre féministe coréen et de nouvelles séries de science-fiction" />
<meta property="og:description" content="Favoris du mois de novembre: LGBT en politique, un livre féministe coréen et de nouvelles séries de science-fiction" />
<link rel="canonical" href="https://bookshelf.thequinn.fr/posts/novembre/" />
<meta property="og:url" content="https://bookshelf.thequinn.fr/posts/novembre/" />
<meta property="og:site_name" content="Quinn’s Bookshelf" />
<meta property="og:image" content="https://bookshelf.thequinn.fr/assets/img/lectures-nov-24.jpg" />
<meta property="og:image:alt" content="Collage des couvertures des trois livres mentionnés dans l'article, généré sur https://app.thestorygraph.com" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2024-12-03T18:50:00+01:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:image" content="https://bookshelf.thequinn.fr/assets/img/lectures-nov-24.jpg" />
<meta name="twitter:image:alt" content="Collage des couvertures des trois livres mentionnés dans l'article, généré sur https://app.thestorygraph.com" />
<meta property="twitter:title" content="Lectures, séries et écriture - Novembre 2024" />
<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-12-03T18:50:00+01:00","datePublished":"2024-12-03T18:50:00+01:00","description":"Favoris du mois de novembre: LGBT en politique, un livre féministe coréen et de nouvelles séries de science-fiction","headline":"Lectures, séries et écriture - Novembre 2024","image":{"alt":"Collage des couvertures des trois livres mentionnés dans l'article, généré sur https://app.thestorygraph.com","url":"https://bookshelf.thequinn.fr/assets/img/lectures-nov-24.jpg","@type":"imageObject"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/posts/novembre/"},"url":"https://bookshelf.thequinn.fr/posts/novembre/"}</script>
<!-- End Jekyll SEO tag -->
<title>Lectures, séries et écriture - Novembre 2024 | 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>Lectures, séries et écriture - Novembre 2024</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>Lectures, séries et écriture - Novembre 2024</h1>
<p class="post-desc fw-light mb-4">Favoris du mois de novembre: LGBT en politique, un livre féministe coréen et de nouvelles séries de science-fiction</p>
<div class="post-meta text-muted">
<!-- published date -->
<span>
Posted
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1733248200"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
Dec 3, 2024
</time>
</span>
<!-- lastmod date -->
<div class="mt-3 mb-3">
<a href="/assets/img/lectures-nov-24.jpg" class="popup img-link preview-img shimmer"><img src="/assets/img/lectures-nov-24.jpg" alt="Collage des couvertures des trois livres mentionnés dans l&apos;article, généré sur https://app.thestorygraph.com" width="1200" height="630" loading="lazy"></a><figcaption class="text-center pt-2 pb-2">Collage des couvertures des trois livres mentionnés dans l'article, généré sur https://app.thestorygraph.com</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="750 words"
>
<em>4 min</em> read</span>
</div>
</div>
</div>
</header>
<div class="content">
<h2 id="livres"><span class="me-2">Livres</span><a href="#livres" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<h3 id="sortir-du-placard---lgbt-en-politique-de-sonia-tir"><span class="me-2">Sortir du placard - LGBT en politique, de Sonia Tir</span><a href="#sortir-du-placard---lgbt-en-politique-de-sonia-tir" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>J’avais entendu parler de ce livre dès sa sortie sur le podcast <a href="https://www.slate.fr/audio/mansplaining/lgbt-politique-cela-doit-il-etre-sujet-impact-homosexualite-sortir-du-placard-sonia-tir-135">Mansplaining</a> et je l’ai enfin acheté fin octobre.
C’est un bon point de départ pour se renseigner sur la place des personnes LGBT en politique en France, sur la base beaucoup d’entretiens avec des personnalités politiques LGBT ou proches de la communauté LGBT. Il explore tout le spectre politique, notamment le paradoxe des membres gays du RN, et la situation particulière des personnes lesbiennes et des personnes trans.</p>
<p>Je trouve dommage que ce livre soit sorti avant les élections législatives de 2024, au cours desquelles des sujets LGBT ont été abordés et qui ont peut être changé l’image d’Emmanuel Macron comme premier soutien des personnes LGBT.
Je ne sais pas quoi penser de la présence de Caroline Fourest parmi les personnes interrogées, malgré des controverses.
En conclusion, c’est un livre qui n’a pas révolutionné ma vision des personnes LGBT en politique, mais donne une bonne vision globale de la situation.</p>
<h3 id="the-disappearance-of-vanessa-shaw-de-sarra-cannon"><span class="me-2">The Disappearance of Vanessa Shaw, de Sarra Cannon</span><a href="#the-disappearance-of-vanessa-shaw-de-sarra-cannon" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>Je suis les vidéos de <a href="https://www.youtube.com/@HeartBreathings">Sarra Cannon</a> depuis plus de 5 ans, mais je n’avais encore jamais lu un de ses livres car ses autres romans font partie de longues séries et ne sont pas dans des genres que j’apprécie particulièrement. Dès que j’ai su qu’elle allait sortir un thriller, j’ai sauté sur l’occasion, et j’ai enchaîné la lecture avec celle d’un autre thriller le mois dernier ce qui m’a permis de rester dans la même ambiance. J’ai beaucoup aimé l’intrigue et les personnages. Je ne m’attendais pas à ce que le livre contienne des éléments de paranormal, mais ils étaient parfaitement à leur place finalement. Une très bonne lecture.</p>
<h3 id="kim-jiyoung-née-en-1982-de-cho-nam-joo"><span class="me-2">Kim Jiyoung, née en 1982, de Cho Nam-joo</span><a href="#kim-jiyoung-née-en-1982-de-cho-nam-joo" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>Cela fait plusieurs années que j’avais entendu parler de ce roman, et je l’avais téléchargé sur ma liseuse depuis quelques mois. Ce livre raconte la vie de Kim Jiyoung, une femme sud-coréenne née en 1982. Il mêle fiction et statistiques pour illustrer les effets de la société patriarcale coréenne sur la vie de cette femme typique. Il montre de façon très réaliste les effets de l’exploitation des femmes, tout en maintenant une proximité émotionnelle avec le personnage malgré les notes qui indiquent les sources des faits évoqués. Ce livre, tout comme <a href="/posts/know-my-name/"><em>Know my name</em> de Channel Miller</a> devrait être une lecture obligatoire pour toustes.</p>
<h2 id="séries"><span class="me-2">Séries</span><a href="#séries" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<h3 id="silo-saison-2"><span class="me-2">Silo, saison 2</span><a href="#silo-saison-2" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>J’ai regardé les deux premiers épisodes de la saison 2 de Silo, après avoir lu les deux derniers tomes de la trilogie le mois dernier. J’ai apprécié les deux épisodes même si j’ai trouvé qu’il ne s’y passait pas grand chose, et j’ai hâte de voir la suite.</p>
<h3 id="dune-prophecy"><span class="me-2">Dune Prophecy</span><a href="#dune-prophecy" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>J’ai également regardé le premier épisode de Dune Prophecy. Je ne suis pas convaincu par l’intrigue ni par la direction des acteurs dans les premières scènes, mais j’ai apprécié l’ambiance et les décors dans le style des films et je reste ouvert pour la suite.</p>
<h2 id="écriture"><span class="me-2">Écriture</span><a href="#écriture" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Ce mois-ci, j’ai écrit le premier jet de deux articles de blog, que je n’ai malheureusement pas eu le temps de finaliser. L’un arrive très prochainement, à propos de mes outils libres et open-source préférés. L’autre n’est pas encore assez avancé pour que je puisse vous en dire plus !</p>
<p>Suite à des problèmes de santé (maintenant résolus) et un emploi du temps chargé, je n’ai malheureusement pas atteint l’objectif que je m’étais fixé dans le <a href="/posts/favoris-octobre/">dernier post</a> de travailler 5 heures par semaine pour la réécriture de mon projet Nanowrimo 2019. Je suis tout de même très satisfait du progrès accompli : je suis assez proche d’avoir répondu à toutes les questions que je me posais au sujet du monde où vont évoluer mes personnages et des enjeux auxquels ils vont faire face. Les choses commencent à s’agencer correctement, même des éléments que j’avais décidés auparavant trouvent parfaitement leur place avec mes nouvelles idées. C’est très satisfaisant.</p>
<p>Maintenant que la phase de worldbuilding est presque terminée, je pense pouvoir commencer à élaborer l’intrigue précise du deuxième jet dans les prochaines semaines. Le plus difficile est d’avoir la patience nécessaire pour laisser les idées se former, malgré l’impression de ne pas avancer : trouver des idées pour combler les manques d’une historie prend du temps et ne se mesure pas aussi facilement que les mots écrits, mais il faut que je me laisse ce temps si je veux avoir un deuxième brouillon plus propre que le premier.</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/favoris/">Favoris</a>
</div>
<!-- tags -->
<div class="post-tags">
<i class="fa fa-tags fa-fw me-1"></i>
<a
href="/tags/lecture/"
class="post-tag no-text-decoration"
>lecture</a>
<a
href="/tags/%C3%A9criture/"
class="post-tag no-text-decoration"
>écriture</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>
<section id="toc-wrapper" class="d-none ps-0 pe-4">
<h2 class="panel-heading ps-3 mb-2">Contents</h2>
<nav id="toc"></nav>
</section>
</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/favoris-decembre/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1736103000"
data-df="ll"
>
Jan 5, 2025
</time>
<h4 class="pt-0 my-2">Lectures, séries et écriture - Décembre 2024</h4>
<div class="text-muted">
<p>Favoris du mois de décembre: Un livre post-apocalyptique hors des sentiers battus, une série de science-fiction et des outils libres</p>
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/favoris-octobre/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1730658600"
data-df="ll"
>
Nov 3, 2024
</time>
<h4 class="pt-0 my-2">Lectures, écriture et spectacles - Octobre 2024</h4>
<div class="text-muted">
<p>Favoris du mois d&#39;octobre: Silo, The Bitter End, Juniore et David Castello-Lopes</p>
</div>
</div>
</a>
</article>
<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>
</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/favoris-octobre/"
class="btn btn-outline-primary"
aria-label="Older"
>
<p>Lectures, écriture et spectacles - Octobre 2024</p>
</a>
<a
href="/posts/favoris-decembre/"
class="btn btn-outline-primary"
aria-label="Newer"
>
<p>Lectures, séries et écriture - Décembre 2024</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,npm/tocbot@4.29.0/dist/tocbot.min.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