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 = "Categories" / >
< meta property = "og:locale" content = "en" / >
2024-10-28 20:20:32 +00:00
< meta name = "description" content = "A blog about writing, mental health and other LGBTQ+ things" / >
< meta property = "og:description" content = "A blog about writing, mental health and other LGBTQ+ things" / >
2024-09-08 13:58:55 +00:00
< link rel = "canonical" href = "https://bookshelf.thequinn.fr/categories/" / >
< meta property = "og:url" content = "https://bookshelf.thequinn.fr/categories/" / >
< meta property = "og:site_name" content = "Quinn’ s Bookshelf" / >
< meta property = "og:type" content = "article" / >
2025-01-05 19:19:38 +00:00
< meta property = "article:published_time" content = "2025-01-05T20:19:37+01:00" / >
2024-09-08 13:58:55 +00:00
< meta name = "twitter:card" content = "summary" / >
< meta property = "twitter:title" content = "Categories" / >
< meta name = "twitter:site" content = "@twitter_username" / >
< script type = "application/ld+json" >
2025-01-05 19:19:38 +00:00
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2025-01-05T20:19:37+01:00","datePublished":"2025-01-05T20:19:37+01:00","description":"A blog about writing, mental health and other LGBTQ+ things","headline":"Categories","mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/categories/"},"url":"https://bookshelf.thequinn.fr/categories/"}< / script >
2024-09-08 13:58:55 +00:00
<!-- End Jekyll SEO tag -->
< title > Categories | 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 -->
<!-- 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 active" >
< 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 > Categories< / 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" >
Categories
< / 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" >
< article class = "px-1" >
< h1 class = "dynamic-title" >
Categories
< / h1 >
< div class = "content" >
< div class = "card categories" >
<!-- top - category -->
< div
id="h_0"
class="card-header d-flex justify-content-between hide-border-bottom"
>
< span class = "ms-2" >
< i class = "far fa-folder-open fa-fw" > < / i >
< a href = "/categories/english/" class = "mx-2" > English< / a >
<!-- content count -->
< span class = "text-muted small font-weight-light" >
4
categories
,
2024-10-28 20:20:32 +00:00
19
2024-09-08 13:58:55 +00:00
posts
< / span >
< / span >
<!-- arrow -->
< a
href="#l_0"
data-bs-toggle="collapse"
aria-expanded="true"
aria-label="h_0-trigger"
class="category-trigger hide-border-bottom"
>
< i class = "fas fa-fw fa-angle-down" > < / i >
< / a >
< / div >
<!-- .card - header -->
<!-- Sub - categories -->
< div id = "l_0" class = "collapse show" aria-expanded = "true" >
< ul class = "list-group" >
< li class = "list-group-item" >
< i class = "far fa-folder fa-fw" > < / i >
< a href = "/categories/favorites/" class = "mx-2" > Favorites< / a >
< span class = "text-muted small font-weight-light" >
2024-10-28 20:20:32 +00:00
2
2024-09-08 13:58:55 +00:00
2024-10-28 20:20:32 +00:00
posts
2024-09-08 13:58:55 +00:00
< / span >
< / li >
< li class = "list-group-item" >
< i class = "far fa-folder fa-fw" > < / i >
< a href = "/categories/gallery/" class = "mx-2" > Gallery< / a >
< span class = "text-muted small font-weight-light" >
2
posts
< / span >
< / li >
< li class = "list-group-item" >
< i class = "far fa-folder fa-fw" > < / i >
< a href = "/categories/poetry/" class = "mx-2" > Poetry< / a >
< span class = "text-muted small font-weight-light" >
7
posts
< / span >
< / li >
< li class = "list-group-item" >
< i class = "far fa-folder fa-fw" > < / i >
< a href = "/categories/reflections/" class = "mx-2" > Reflections< / a >
< span class = "text-muted small font-weight-light" >
8
posts
< / span >
< / li >
< / ul >
< / div >
< / div >
<!-- .card -->
2024-11-03 18:46:52 +00:00
2024-09-08 13:58:55 +00:00
< div class = "card categories" >
<!-- top - category -->
< div
id="h_1"
class="card-header d-flex justify-content-between hide-border-bottom"
>
< span class = "ms-2" >
< i class = "far fa-folder-open fa-fw" > < / i >
< a href = "/categories/fran%C3%A7ais/" class = "mx-2" > Français< / a >
<!-- content count -->
< span class = "text-muted small font-weight-light" >
2024-11-03 18:46:52 +00:00
4
2024-09-08 13:58:55 +00:00
categories
,
2025-01-05 19:19:38 +00:00
12
2024-09-08 13:58:55 +00:00
posts
< / span >
< / span >
<!-- arrow -->
< a
href="#l_1"
data-bs-toggle="collapse"
aria-expanded="true"
aria-label="h_1-trigger"
class="category-trigger hide-border-bottom"
>
< i class = "fas fa-fw fa-angle-down" > < / i >
< / a >
< / div >
<!-- .card - header -->
<!-- Sub - categories -->
< div id = "l_1" class = "collapse show" aria-expanded = "true" >
< ul class = "list-group" >
< li class = "list-group-item" >
< i class = "far fa-folder fa-fw" > < / i >
2024-11-03 18:46:52 +00:00
< a href = "/categories/favoris/" class = "mx-2" > Favoris< / a >
< span class = "text-muted small font-weight-light" >
2025-01-05 19:19:38 +00:00
3
2024-11-03 18:46:52 +00:00
2024-12-03 18:06:18 +00:00
posts
2024-11-03 18:46:52 +00:00
< / span >
< / li >
< li class = "list-group-item" >
< i class = "far fa-folder fa-fw" > < / i >
2024-09-08 13:58:55 +00:00
< a href = "/categories/nouvelles/" class = "mx-2" > Nouvelles< / a >
< span class = "text-muted small font-weight-light" >
1
post
< / span >
< / li >
< li class = "list-group-item" >
< i class = "far fa-folder fa-fw" > < / i >
< a href = "/categories/po%C3%A8mes/" class = "mx-2" > Poèmes< / a >
< span class = "text-muted small font-weight-light" >
4
posts
< / span >
< / li >
< li class = "list-group-item" >
< i class = "far fa-folder fa-fw" > < / i >
< a href = "/categories/r%C3%A9flexions/" class = "mx-2" > Réflexions< / a >
< span class = "text-muted small font-weight-light" >
4
posts
< / span >
< / li >
< / ul >
< / div >
< / div >
<!-- .card -->
< / div >
< / 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" >
<!-- 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-11-03 18:46:52 +00:00
2024-09-08 13:58:55 +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 -->
< script src = "https://cdn.jsdelivr.net/combine/npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js" > < / script >
< script src = "/assets/js/dist/categories.min.js" > < / script >
<!-- Pageviews -->
<!--
Jekyll Simple Search loader
See: < https: / / github . com / christian-fei / Simple-Jekyll-Search >
-->
< script > S i m p l e J e k y l l S e a r c h ( {
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 >