blog-static/categories/index.html

2227 lines
30 KiB
HTML
Raw Permalink Normal View History

2024-09-08 13:58:55 +00:00
<!doctype html>
<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="en" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta
name="viewport"
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
><!-- Setup Open Graph image -->
<!-- Begin Jekyll SEO tag v2.8.0 -->
2024-10-28 17:11:51 +00:00
<meta name="generator" content="Jekyll v4.3.4" />
2024-09-08 13:58:55 +00:00
<meta property="og:title" content="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="Quinns 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>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>