mirror of
https://github.com/cotes2020/chirpy-starter.git
synced 2025-04-21 03:43:28 +10:00
877 lines
17 KiB
HTML
877 lines
17 KiB
HTML
<!doctype html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- `site.alt_lang` can specify a language different from the UI -->
|
|
<html lang="en"
|
|
|
|
>
|
|
<!-- The Head -->
|
|
|
|
<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"
|
|
>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Begin Jekyll SEO tag v2.8.0 -->
|
|
<meta name="generator" content="Jekyll v4.3.2" />
|
|
<meta property="og:title" content="404: Page not found" />
|
|
<meta property="og:locale" content="en" />
|
|
<meta name="description" content="A place where I document my IT and networking projects. Also a way for me to learn Git and Markdown." />
|
|
<meta property="og:description" content="A place where I document my IT and networking projects. Also a way for me to learn Git and Markdown." />
|
|
<link rel="canonical" href="http://localhost:4000/404.html" />
|
|
<meta property="og:url" content="http://localhost:4000/404.html" />
|
|
<meta property="og:site_name" content="Post Oak Lab" />
|
|
<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="@PostOakLab" />
|
|
<script type="application/ld+json">
|
|
{"@context":"https://schema.org","@type":"WebPage","description":"A place where I document my IT and networking projects. Also a way for me to learn Git and Markdown.","headline":"404: Page not found","url":"http://localhost:4000/404.html"}</script>
|
|
<!-- End Jekyll SEO tag -->
|
|
|
|
|
|
|
|
<title>404: Page not found | Post Oak Lab
|
|
</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="Post Oak Lab">
|
|
<meta name="application-name" content="Post Oak Lab">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
|
|
|
|
|
|
<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" crossorigin>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" >
|
|
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
|
|
|
|
<link rel="preconnect" href="https://cdn.jsdelivr.net" >
|
|
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" >
|
|
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap">
|
|
|
|
|
|
<!-- GA -->
|
|
|
|
|
|
<!-- Bootstrap -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css">
|
|
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.2/css/all.min.css">
|
|
|
|
<link rel="stylesheet" href="/assets/css/jekyll-theme-chirpy.css">
|
|
|
|
|
|
|
|
|
|
<!-- Manific Popup -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.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() {
|
|
if (this.hasMode) {
|
|
if (this.isDarkMode) {
|
|
if (!this.isSysDarkPrefer) {
|
|
this.setDark();
|
|
}
|
|
} else {
|
|
if (this.isSysDarkPrefer) {
|
|
this.setLight();
|
|
}
|
|
}
|
|
}
|
|
|
|
let self = this;
|
|
|
|
/* always follow the system prefers */
|
|
this.sysDarkPrefers.addEventListener('change', () => {
|
|
if (self.hasMode) {
|
|
if (self.isDarkMode) {
|
|
if (!self.isSysDarkPrefer) {
|
|
self.setDark();
|
|
}
|
|
} else {
|
|
if (self.isSysDarkPrefer) {
|
|
self.setLight();
|
|
}
|
|
}
|
|
|
|
self.clearMode();
|
|
}
|
|
|
|
self.notify();
|
|
});
|
|
} /* constructor() */
|
|
|
|
get sysDarkPrefers() {
|
|
return window.matchMedia('(prefers-color-scheme: dark)');
|
|
}
|
|
|
|
get isSysDarkPrefer() {
|
|
return this.sysDarkPrefers.matches;
|
|
}
|
|
|
|
get isDarkMode() {
|
|
return this.mode === ModeToggle.DARK_MODE;
|
|
}
|
|
|
|
get isLightMode() {
|
|
return this.mode === ModeToggle.LIGHT_MODE;
|
|
}
|
|
|
|
get hasMode() {
|
|
return this.mode != null;
|
|
}
|
|
|
|
get mode() {
|
|
return sessionStorage.getItem(ModeToggle.MODE_KEY);
|
|
}
|
|
|
|
/* get the current mode on screen */
|
|
get modeStatus() {
|
|
if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
|
|
return ModeToggle.DARK_MODE;
|
|
} else {
|
|
return 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 another plugins that the theme mode has changed */
|
|
notify() {
|
|
window.postMessage(
|
|
{
|
|
direction: ModeToggle.ID,
|
|
message: this.modeStatus
|
|
},
|
|
'*'
|
|
);
|
|
}
|
|
|
|
flipMode() {
|
|
if (this.hasMode) {
|
|
if (this.isSysDarkPrefer) {
|
|
if (this.isLightMode) {
|
|
this.clearMode();
|
|
} else {
|
|
this.setLight();
|
|
}
|
|
} else {
|
|
if (this.isDarkMode) {
|
|
this.clearMode();
|
|
} else {
|
|
this.setDark();
|
|
}
|
|
}
|
|
} else {
|
|
if (this.isSysDarkPrefer) {
|
|
this.setLight();
|
|
} else {
|
|
this.setDark();
|
|
}
|
|
}
|
|
|
|
this.notify();
|
|
} /* flipMode() */
|
|
} /* ModeToggle */
|
|
|
|
const modeToggle = new ModeToggle();
|
|
</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="https://github.com/PostOakLab/assets/blob/master/avatar.png?raw=true" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
|
|
|
|
</a>
|
|
|
|
<h1 class="site-title">
|
|
<a href="/">Post Oak Lab</a>
|
|
</h1>
|
|
<p class="site-subtitle fst-italic mb-0">Welcome to my IT Lab</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="mode-toggle btn" aria-label="Switch Mode">
|
|
<i class="fas fa-adjust"></i>
|
|
</button>
|
|
|
|
|
|
<span class="icon-border"></span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a
|
|
href="https://github.com/PostOakLab"
|
|
aria-label="github"
|
|
|
|
|
|
|
|
target="_blank"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
rel="noopener noreferrer"
|
|
|
|
>
|
|
<i class="fab fa-github"></i>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a
|
|
href="https://twitter.com/PostOakLab"
|
|
aria-label="twitter"
|
|
|
|
|
|
|
|
target="_blank"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
rel="noopener noreferrer"
|
|
|
|
>
|
|
<i class="fa-brands fa-x-twitter"></i>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a
|
|
href="javascript:location.href = 'mailto:' + ['ryan','postoaklab.com'].join('@')"
|
|
aria-label="email"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
<i class="fas fa-envelope"></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 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 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">
|
|
<main
|
|
aria-label="Main Content"
|
|
class="col-12 col-lg-11 col-xl-9 px-md-4 pb-5"
|
|
>
|
|
|
|
|
|
<article class="px-1">
|
|
|
|
|
|
|
|
<h1 class="dynamic-title">
|
|
404: Page not found
|
|
</h1>
|
|
<div class="content">
|
|
|
|
|
|
<!-- 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 -->
|
|
|
|
|
|
<!-- images -->
|
|
|
|
|
|
|
|
|
|
<!-- Add header for code snippets -->
|
|
|
|
|
|
|
|
<!-- Create heading anchors -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- return -->
|
|
|
|
|
|
|
|
|
|
<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 text-muted">
|
|
<div class="access">
|
|
<!-- Get the last 5 posts from lastmod list. -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- The trending tags list -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</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>2023</time>
|
|
<a href="https://x.com/PostOakLab">Ryan Alderson</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 href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a> theme <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
|
|
</p>
|
|
</footer>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- The Search results -->
|
|
|
|
<div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
|
|
<div class="col-11 content">
|
|
<div id="search-hints">
|
|
<!-- The trending tags list -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</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/jquery@3.7.1/dist/jquery.min.js,npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js,npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js,npm/lazysizes@5.3.2/lazysizes.min.js,npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js,npm/clipboard@2.0.11/dist/clipboard.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script defer src="/assets/js/dist/page.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
Jekyll Simple Search loader
|
|
See: <https://github.com/christian-fei/Simple-Jekyll-Search>
|
|
-->
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
/* Note: dependent library will be loaded in `js-selector.html` */
|
|
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"></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>
|
|
|