blog-static/archives/index.html
2025-01-05 19:19:38 +00:00

2427 lines
34 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="Archives" />
<meta property="og:locale" content="en" />
<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" />
<link rel="canonical" href="https://bookshelf.thequinn.fr/archives/" />
<meta property="og:url" content="https://bookshelf.thequinn.fr/archives/" />
<meta property="og:site_name" content="Quinns Bookshelf" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2025-01-05T20:19:37+01:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Archives" />
<meta name="twitter:site" content="@twitter_username" />
<script type="application/ld+json">
{"@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":"Archives","mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/archives/"},"url":"https://bookshelf.thequinn.fr/archives/"}</script>
<!-- End Jekyll SEO tag -->
<title>Archives | 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>
<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 active">
<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>Archives</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">
Archives
</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">
Archives
</h1>
<div class="content">
<div id="archives" class="pl-xl-3">
<time class="year lead d-block">2025</time>
<ul class="list-unstyled">
<li>
<span class="date day" data-ts="1736103000" data-df="DD">05</span>
<span class="date month small text-muted ms-1" data-ts="1736103000" data-df="MMM">
Jan
</span>
<a href="/posts/favoris-decembre/">Lectures, séries et écriture - Décembre 2024</a>
</li>
</ul>
<time class="year lead d-block">2024</time>
<ul class="list-unstyled">
<li>
<span class="date day" data-ts="1733248200" data-df="DD">03</span>
<span class="date month small text-muted ms-1" data-ts="1733248200" data-df="MMM">
Dec
</span>
<a href="/posts/novembre/">Lectures, séries et écriture - Novembre 2024</a>
</li>
<li>
<span class="date day" data-ts="1730658600" data-df="DD">03</span>
<span class="date month small text-muted ms-1" data-ts="1730658600" data-df="MMM">
Nov
</span>
<a href="/posts/favoris-octobre/">Lectures, écriture et spectacles - Octobre 2024</a>
</li>
<li>
<span class="date day" data-ts="1730148600" data-df="DD">28</span>
<span class="date month small text-muted ms-1" data-ts="1730148600" data-df="MMM">
Oct
</span>
<a href="/posts/writing-social-media/">Does social media sell books, and starting off as a new author - Recent favorites</a>
</li>
<li>
<span class="date day" data-ts="1725645300" data-df="DD">06</span>
<span class="date month small text-muted ms-1" data-ts="1725645300" data-df="MMM">
Sep
</span>
<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>
<li>
<span class="date day" data-ts="1717869300" data-df="DD">08</span>
<span class="date month small text-muted ms-1" data-ts="1717869300" data-df="MMM">
Jun
</span>
<a href="/posts/eras-tour/">Taylor Swift: le consumérisme au service du female gaze?</a>
</li>
<li>
<span class="date day" data-ts="1714585140" data-df="DD">01</span>
<span class="date month small text-muted ms-1" data-ts="1714585140" data-df="MMM">
May
</span>
<a href="/posts/should-i-be-on-social-media/">As an artist, should I be on social media?</a>
</li>
<li>
<span class="date day" data-ts="1710182280" data-df="DD">11</span>
<span class="date month small text-muted ms-1" data-ts="1710182280" data-df="MMM">
Mar
</span>
<a href="/posts/enterrements/">Enterrements</a>
</li>
<li>
<span class="date day" data-ts="1707677040" data-df="DD">11</span>
<span class="date month small text-muted ms-1" data-ts="1707677040" data-df="MMM">
Feb
</span>
<a href="/posts/des-mots-sur-un-muret/">Des mots sur un muret</a>
</li>
</ul>
<time class="year lead d-block">2023</time>
<ul class="list-unstyled">
<li>
<span class="date day" data-ts="1687186800" data-df="DD">19</span>
<span class="date month small text-muted ms-1" data-ts="1687186800" data-df="MMM">
Jun
</span>
<a href="/posts/finish-their-food/">Why do you want kids to finish the food on their plates so bad?</a>
</li>
<li>
<span class="date day" data-ts="1685893980" data-df="DD">04</span>
<span class="date month small text-muted ms-1" data-ts="1685893980" data-df="MMM">
Jun
</span>
<a href="/posts/ils-ne-veulent-pas-etre-tes-amis/">Ils ne veulent pas être tes amis</a>
</li>
<li>
<span class="date day" data-ts="1681126080" data-df="DD">10</span>
<span class="date month small text-muted ms-1" data-ts="1681126080" data-df="MMM">
Apr
</span>
<a href="/posts/quelqun-pour-maimer/">Quelqu'un pour m'aimer</a>
</li>
<li>
<span class="date day" data-ts="1679583900" data-df="DD">23</span>
<span class="date month small text-muted ms-1" data-ts="1679583900" data-df="MMM">
Mar
</span>
<a href="/posts/coupe-menstruelle/">Ce que porter une coupe menstruelle m'a appris en tant que personne non binaire</a>
</li>
<li>
<span class="date day" data-ts="1676729940" data-df="DD">18</span>
<span class="date month small text-muted ms-1" data-ts="1676729940" data-df="MMM">
Feb
</span>
<a href="/posts/i-forgot-all-of-their-names/">I forgot all of their names</a>
</li>
<li>
<span class="date day" data-ts="1676639220" data-df="DD">17</span>
<span class="date month small text-muted ms-1" data-ts="1676639220" data-df="MMM">
Feb
</span>
<a href="/posts/journaling-donts/">Journaling don'ts - Journaling Guide: part 4</a>
</li>
<li>
<span class="date day" data-ts="1676034780" data-df="DD">10</span>
<span class="date month small text-muted ms-1" data-ts="1676034780" data-df="MMM">
Feb
</span>
<a href="/posts/shame/">Why is no one talking about the shame?</a>
</li>
<li>
<span class="date day" data-ts="1674913860" data-df="DD">28</span>
<span class="date month small text-muted ms-1" data-ts="1674913860" data-df="MMM">
Jan
</span>
<a href="/posts/start-journaling/">Everything you need to know to start journaling - Journaling Guide: part 3</a>
</li>
<li>
<span class="date day" data-ts="1674316020" data-df="DD">21</span>
<span class="date month small text-muted ms-1" data-ts="1674316020" data-df="MMM">
Jan
</span>
<a href="/posts/after-the-party/">After the party</a>
</li>
<li>
<span class="date day" data-ts="1674312120" data-df="DD">21</span>
<span class="date month small text-muted ms-1" data-ts="1674312120" data-df="MMM">
Jan
</span>
<a href="/posts/why-should-you-journal/">Why should you try journaling? - Journaling Guide: part 2</a>
</li>
<li>
<span class="date day" data-ts="1673152020" data-df="DD">08</span>
<span class="date month small text-muted ms-1" data-ts="1673152020" data-df="MMM">
Jan
</span>
<a href="/posts/what-i-learned-from-journaling/">What I learned from journaling for more than a decade - Journaling guide: part 1</a>
</li>
</ul>
<time class="year lead d-block">2022</time>
<ul class="list-unstyled">
<li>
<span class="date day" data-ts="1670341200" data-df="DD">06</span>
<span class="date month small text-muted ms-1" data-ts="1670341200" data-df="MMM">
Dec
</span>
<a href="/posts/a-warm-memory/">There's nothing colder than a warm memory</a>
</li>
<li>
<span class="date day" data-ts="1669797900" data-df="DD">30</span>
<span class="date month small text-muted ms-1" data-ts="1669797900" data-df="MMM">
Nov
</span>
<a href="/posts/a-difficult-child/">A difficult child</a>
</li>
<li>
<span class="date day" data-ts="1669033320" data-df="DD">21</span>
<span class="date month small text-muted ms-1" data-ts="1669033320" data-df="MMM">
Nov
</span>
<a href="/posts/representations-non-binaires/">Où sont les vie.ille.ux non-binaires?</a>
</li>
<li>
<span class="date day" data-ts="1667145600" data-df="DD">30</span>
<span class="date month small text-muted ms-1" data-ts="1667145600" data-df="MMM">
Oct
</span>
<a href="/posts/the-vampire/">The vampire</a>
</li>
<li>
<span class="date day" data-ts="1666364280" data-df="DD">21</span>
<span class="date month small text-muted ms-1" data-ts="1666364280" data-df="MMM">
Oct
</span>
<a href="/posts/handle-with-care/">Handle with care</a>
</li>
<li>
<span class="date day" data-ts="1666281420" data-df="DD">20</span>
<span class="date month small text-muted ms-1" data-ts="1666281420" data-df="MMM">
Oct
</span>
<a href="/posts/killing-butterflies/">Killing butterflies</a>
</li>
<li>
<span class="date day" data-ts="1664891520" data-df="DD">04</span>
<span class="date month small text-muted ms-1" data-ts="1664891520" data-df="MMM">
Oct
</span>
<a href="/posts/know-my-name/">Know my name: Similarities between coming out as transgender and as a victim of assault</a>
</li>
<li>
<span class="date day" data-ts="1663857480" data-df="DD">22</span>
<span class="date month small text-muted ms-1" data-ts="1663857480" data-df="MMM">
Sep
</span>
<a href="/posts/le-tricot/">Le tricot</a>
</li>
<li>
<span class="date day" data-ts="1663685340" data-df="DD">20</span>
<span class="date month small text-muted ms-1" data-ts="1663685340" data-df="MMM">
Sep
</span>
<a href="/posts/la-brume/">La brume</a>
</li>
<li>
<span class="date day" data-ts="1662475680" data-df="DD">06</span>
<span class="date month small text-muted ms-1" data-ts="1662475680" data-df="MMM">
Sep
</span>
<a href="/posts/a-guest/">A guest in your own house</a>
</li>
<li>
<span class="date day" data-ts="1662302880" data-df="DD">04</span>
<span class="date month small text-muted ms-1" data-ts="1662302880" data-df="MMM">
Sep
</span>
<a href="/posts/the-zombie/">The zombie</a>
</li>
</ul>
</div>
</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">
<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">
<!-- 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 -->
<script src="https://cdn.jsdelivr.net/combine/npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.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/misc.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>