Cyper/CyBySide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'initial-layout'
All checks were successful
Deploy Blog to Folder / deploy (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Cyper
2025-07-19 02:21:19 -04:00
parent 20519c5bf5 6f56318376
commit 5c9a3c3aa7
4 changed files with 225 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/_data/metadata.js
View File

@ -11,7 +11,7 @@ export default {
url: "https://cyper.cc"
},
title: "Cy by Side!",
title: "Cy-by-Side",
url: "https://cy.cyper.cc/",
language: "en",
description: "Cy by Side with Cyper: Tangents, Tech, and Thoughtful Takes.",

74
src/_includes/layout.html
View File

@ -44,22 +44,39 @@
</head>
<body>
<header>
<nav class="container h-100">
<nav class="container h-100" aria-label="Main nav">
<div class="nav-logo">
<img class="site-logo" src="/img/logo.png" alt="CyBySide logo" />
</div>
<div class="nav-title">
<h1>{{ metadata.title }}</h1>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/posts">Posts</a></li>
<li><a href="/about">About</a></li>
</ul>
</div>
<div class="nav-socials">
<a href="#"><i data-lucide="twitter"></i></a>
<a href="#"><i data-lucide="youtube"></i></a>
<a href="#"><i data-lucide="rss"></i></a>
<div class="nav-hyperlinks">
<ul>
<li data-mobile>
<button class="hamburger" aria-label="Toggle menu">
<ion-icon name="menu-sharp"></ion-icon>
</button>
</li>
<li>
<a href="/">
<ion-icon name="home-sharp"></ion-icon>
<span>Home</span>
</a>
</li>
<li>
<a href="/posts">
<ion-icon name="newspaper-sharp"></ion-icon>
<span>Posts</span>
</a>
</li>
<li>
<a href="/about">
<ion-icon name="help-circle-sharp"></ion-icon>
<span>About</span>
</a>
</li>
</ul>
</div>
</nav>
</header>
@ -123,13 +140,40 @@
</main>
<footer>
<div class="container">
<a style="text-decoration: none;" href="{{ metadata.author.url }}">{{ metadata.author.name }}</a> &copy; {{ metadata.year }}
<div>
<h3>Cyper Catalog</h3>
<div class="footer-links">
<div>
<h4>Websites</h4>
<ul>
<li><a href="#">Main Site</a></li>
<li><a href="#">Gitea</a></li>
</ul>
</div>
<div>
<h4>Consumables</h4>
<ul>
<li><a href="#">RSS Feed</a></li>
</ul>
</div>
</div>
</div>
<div>
<h3>{{ metadata.title }}</h3>
<p>by {{ metadata.author.name }}</p>
<h4>Connect with me!</h4>
<div class="footer-socials">
<a href="#"><ion-icon name="logo-twitter"></ion-icon></a>
<a href="#"><ion-icon name="logo-youtube"></ion-icon></a>
<a href="#"><ion-icon name="logo-tiktok"></ion-icon></a>
<a href="#"><ion-icon name="logo-rss"></ion-icon></a>
</div>
</div>
</div>
</footer>
<script src="https://unpkg.com/lucide@latest"></script>
<script>
lucide.createIcons();
</script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</body>
</html>