reachableceo.com/about/index.html
2024-11-01 13:05:02 -05:00

153 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>About | ReachableCEO Homepage</title>
<meta name="description"
content="Intro hi!
this is the ReachableCEO!">
<link rel="canonical" href="https://reachableceo.com/about/" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css">
<link rel="stylesheet" href="https://reachableceo.com/scss/style.min.aa7209164f013c6883aa54384ea45a46e582eacf9a17e9565badebd557dd1059.css">
<meta property="og:url" content="https://reachableceo.com/about/">
<meta property="og:site_name" content="ReachableCEO Homepage">
<meta property="og:title" content="About">
<meta property="og:description" content="Intro hi!
this is the ReachableCEO!">
<meta property="og:locale" content="en_us">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2024-11-01T11:02:54-05:00">
<meta property="article:modified_time" content="2024-11-01T11:02:54-05:00">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="About">
<meta name="twitter:description" content="Intro hi!
this is the ReachableCEO!">
</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="https://reachableceo.com/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 = "https:\/\/reachableceo.com\/svg/moon.svg";
themeIcon.alt = "moon icon";
} else {
body.classList.remove("dark-mode");
themeIcon.src = "https:\/\/reachableceo.com\/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>
</main><footer class="footer">
<div class="content has-text-centered">
<span>&copy; 2024 <a href="https://reachableceo.com/">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>