228 lines
7.7 KiB
HTML
228 lines
7.7 KiB
HTML
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en-us">
|
||
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||
|
|
<title>Title | ReachableCEO Homepage</title>
|
||
|
|
<meta name="description"
|
||
|
|
content="Hi!! ">
|
||
|
|
<link rel="canonical" href="http://localhost:1313/post/title/" />
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="http://localhost:1313/scss/style.min.aa7209164f013c6883aa54384ea45a46e582eacf9a17e9565badebd557dd1059.css">
|
||
|
|
|
||
|
|
<meta property="og:url" content="http://localhost:1313/post/title/">
|
||
|
|
<meta property="og:site_name" content="ReachableCEO Homepage">
|
||
|
|
<meta property="og:title" content="Title">
|
||
|
|
<meta property="og:description" content="Hi!! ">
|
||
|
|
<meta property="og:locale" content="en_us">
|
||
|
|
<meta property="og:type" content="article">
|
||
|
|
<meta property="article:section" content="post">
|
||
|
|
<meta property="article:published_time" content="2024-11-01T11:03:04-05:00">
|
||
|
|
<meta property="article:modified_time" content="2024-11-01T11:03:04-05:00">
|
||
|
|
|
||
|
|
|
||
|
|
<meta name="twitter:card" content="summary">
|
||
|
|
<meta name="twitter:title" content="Title">
|
||
|
|
<meta name="twitter:description" content="Hi!! ">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</head><body><nav class="navbar is-light" role="navigation">
|
||
|
|
<div class="container">
|
||
|
|
<div class="navbar-brand">
|
||
|
|
<a href="/" title="home" class="navbar-item">
|
||
|
|
<span class="logo">
|
||
|
|
<h1>ReachableCEO Homepage</h1>
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
|
||
|
|
<a id="theme-toggle" class="theme-toggle" href="#">
|
||
|
|
<img src="http://localhost:1313/svg/sun.svg" alt="sun icon" class="theme-icon" />
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="navbar-menu">
|
||
|
|
<div class="navbar-start">
|
||
|
|
|
||
|
|
<a href="/about" class="navbar-item">About</a>
|
||
|
|
|
||
|
|
<a href="/post" class="navbar-item">Blog</a>
|
||
|
|
|
||
|
|
<a href="/categories" class="navbar-item">Categories</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="search">
|
||
|
|
<div id="fastSearch">
|
||
|
|
<input id="searchInput" tabindex="0" placeholder="Search..">
|
||
|
|
<ul id="searchResults">
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<a id="search-btn" style="display: inline-block;" href="# ">
|
||
|
|
<div class="icon-search"><svg class="search-svg" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/js/fuse.min.js"></script>
|
||
|
|
<script src="/js/fastsearch.js"></script>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
var burger = document.querySelector('.navbar-burger');
|
||
|
|
burger.addEventListener('click', function() {
|
||
|
|
burger.classList.toggle('is-active');
|
||
|
|
document.querySelector('.navbar-menu').classList.toggle('is-active');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
function setTheme(theme) {
|
||
|
|
let body = document.body;
|
||
|
|
let themeIcon = document.querySelector(".theme-icon");
|
||
|
|
if (theme === "dark") {
|
||
|
|
body.classList.add("dark-mode");
|
||
|
|
themeIcon.src = "http:\/\/localhost:1313\/svg/moon.svg";
|
||
|
|
themeIcon.alt = "moon icon";
|
||
|
|
} else {
|
||
|
|
body.classList.remove("dark-mode");
|
||
|
|
themeIcon.src = "http:\/\/localhost:1313\/svg/sun.svg";
|
||
|
|
themeIcon.alt = "sun icon";
|
||
|
|
}
|
||
|
|
|
||
|
|
localStorage.setItem("theme", theme);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
let theme = localStorage.getItem("theme") || "light";
|
||
|
|
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||
|
|
if (isDarkMode) {
|
||
|
|
|
||
|
|
setTheme('dark');
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
setTheme('light');
|
||
|
|
}
|
||
|
|
setTheme(theme);
|
||
|
|
|
||
|
|
|
||
|
|
document.getElementById("theme-toggle").addEventListener("click", function() {
|
||
|
|
if (theme === "light") {
|
||
|
|
theme = "dark";
|
||
|
|
} else {
|
||
|
|
theme = "light";
|
||
|
|
}
|
||
|
|
setTheme(theme);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</header><main>
|
||
|
|
<div class="single-container">
|
||
|
|
<div class="archive">
|
||
|
|
<h1 class="title is-1">Title</h1>
|
||
|
|
<div class="title subtitle heading is-6">
|
||
|
|
<div class="author-info columns is-vcentered">
|
||
|
|
<div class="column">
|
||
|
|
<div class="columns is-vcentered is-mobile">
|
||
|
|
|
||
|
|
<div class="column is-narrow">
|
||
|
|
<img src="/images/profile.jpg" class="author-image">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="column">
|
||
|
|
<p>Charles N Wyble</p>
|
||
|
|
<p><time>November 1, 2024</time>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="small-categories-container">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="content article-content">
|
||
|
|
<div class="toc-container">
|
||
|
|
|
||
|
|
<div class="post-toc">
|
||
|
|
|
||
|
|
</div><script>
|
||
|
|
|
||
|
|
let button = document.getElementById('tocButton');
|
||
|
|
let hide = document.getElementById("hide");
|
||
|
|
let contents=document.getElementById("contents");
|
||
|
|
button.addEventListener("click", function() {
|
||
|
|
if (hide.style.display!='block') {
|
||
|
|
hide.style.display='block'
|
||
|
|
} else {
|
||
|
|
hide.style.display='none'
|
||
|
|
contents.style.color='rgb(96, 134, 180)'
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
<h2 id="hi">Hi!!</h2>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="#" id="scrollToTopButton">
|
||
|
|
<svg t="1686753152588" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||
|
|
p-id="3988" width="48" height="48">
|
||
|
|
<path
|
||
|
|
d="M518.5 360.3c-3.2-4.4-9.7-4.4-12.9 0l-178 246c-3.8 5.3 0 12.7 6.5 12.7H381c10.2 0 19.9-4.9 25.9-13.2L512 460.4l105.2 145.4c6 8.3 15.6 13.2 25.9 13.2H690c6.5 0 10.3-7.4 6.5-12.7l-178-246z"
|
||
|
|
p-id="3989" fill="#363636"></path>
|
||
|
|
<path
|
||
|
|
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
|
||
|
|
p-id="3990" fill="#363636"></path>
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="pp-container">
|
||
|
|
<section class="pre-and-post">
|
||
|
|
<div class="has-text-left">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="has-text-right">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</main><footer class="footer">
|
||
|
|
<div class="content has-text-centered">
|
||
|
|
<span>© 2024 <a href="http://localhost:1313/">ReachableCEO Homepage</a></span>
|
||
|
|
<span>
|
||
|
|
Powered by
|
||
|
|
<a href="https://gohugo.io/" target="_blank">Hugo</a> &
|
||
|
|
<a href="https://github.com/hotjuicew/hugo-JuiceBar" target="_blank">JuiceBar</a>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</footer></body>
|
||
|
|
</html>
|
||
|
|
|