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

Finished layout for footer

Browse Source
This commit is contained in:
Cyper
2025-07-19 01:34:46 -04:00
parent 9fb509fc85
commit 705dca45b5
3 changed files with 157 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/_includes/layout.html
View File

@ -24,10 +24,27 @@
</div>
<div class="nav-title">
<h1>{{ metadata.title }}</h1>
</div>
<div class="nav-hyperlinks">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/posts">Posts</a></li>
<li><a href="/about">About</a></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>
@ -92,20 +109,36 @@
</main>
<footer>
<div class="container">
<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>Connect with me!</p>
<p>by {{ metadata.author.name }}</p>
<h4>Connect with me!</h4>
<div class="nav-socials">
<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>
test
</div>
</div>
</footer>