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 = "404: Page not found" / >
< meta property = "og:locale" content = "en" / >
< meta name = "description" content = "A blog about LGBTQ+ reflections, gender, mental health and writing." / >
< meta property = "og:description" content = "A blog about LGBTQ+ reflections, gender, mental health and writing." / >
< link rel = "canonical" href = "https://bookshelf.thequinn.fr/404.html" / >
< meta property = "og:url" content = "https://bookshelf.thequinn.fr/404.html" / >
< meta property = "og:site_name" content = "Quinn’ / >
< meta property = "og:type" content = "website" / >
< meta name = "twitter:card" content = "summary" / >
< meta property = "twitter:title" content = "404: Page not found" / >
< meta name = "twitter:site" content = "@twitter_username" / >
< script type = "application/ld+json" >
{"@context":"https://schema.org","@type":"WebPage","description":"A blog about LGBTQ+ reflections, gender, mental health and writing.","headline":"404: Page not found","url":"https://bookshelf.thequinn.fr/404.html"}< / script >
<!-- End Jekyll SEO tag -->
< title > 404: Page not found | 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/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 >
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" >
< a href = "/" id = "avatar" class = "rounded-circle" > < img src = "/commons/avatar.jpg" 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" > LGBTQ+ poems, essays and short stories< / 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="/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 > 404: Page not found< / 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" >
404: Page not found
< / 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 -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
< article class = "px-1" >
< h1 class = "dynamic-title" >
404: Page not found
< / h1 >
< div class = "content" >
< p class = "lead" > Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.< / p >
< / 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" >
2024-09-08 14:24:00 +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< / a >
2024-09-08 13:58:55 +00:00
< / li >
< li class = "text-truncate lh-lg" >
2024-09-08 14:24:00 +00:00
< a href = "/posts/eras-tour/" > Taylor Swift: le consumérisme au service du female gaze?< / a >
2024-09-08 13:58:55 +00:00
< / li >
< li class = "text-truncate lh-lg" >
< a href = "/posts/should-i-be-on-social-media/" > As an artist, should I be on social media?< / a >
< / li >
< li class = "text-truncate lh-lg" >
< a href = "/posts/enterrements/" > Enterrements< / a >
< / li >
< li class = "text-truncate lh-lg" >
< a href = "/posts/des-mots-sur-un-muret/" > Des mots sur un muret< / 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/self-acceptance/" > self-acceptance< / a >
< a class = "post-tag btn btn-outline-primary" href = "/tags/tech/" > tech< / a >
< a class = "post-tag btn btn-outline-primary" href = "/tags/writing/" > writing< / a >
< a class = "post-tag btn btn-outline-primary" href = "/tags/food/" > food< / a >
< a class = "post-tag btn btn-outline-primary" href = "/tags/gender/" > gender< / 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 > 2024< / 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/self-acceptance/" > self-acceptance< / a >
< a class = "post-tag btn btn-outline-primary" href = "/tags/tech/" > tech< / a >
< a class = "post-tag btn btn-outline-primary" href = "/tags/writing/" > writing< / a >
< a class = "post-tag btn btn-outline-primary" href = "/tags/food/" > food< / a >
< a class = "post-tag btn btn-outline-primary" href = "/tags/gender/" > gender< / 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" > < / script >
< script src = "/assets/js/dist/page.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 >
