dereklseitz/dlseitz.dev-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: Modularize Stylesheets

Browse Source
This commit is contained in:
Derek L. Seitz
2025-08-13 11:54:28 -05:00
parent 691968ceac
commit 16d93122ca
23 changed files with 725 additions and 1716 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/_includes/base.njk Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{title}}</title>
<link rel="stylesheet" href="/styles/header-footer.css">
<link rel="stylesheet" href="{{ stylesheet }}">
</head>
<body>
{% include "header.html" %}
<main>
{{ content | safe }}
</main>
{% include "footer.html" %}
</body>
</html>

20
src/_includes/footer.html Normal file
View File

@@ -0,0 +1,20 @@
<footer>
<ul class="social-links">
<li><a href="https://linkedin.com/in/dereklseitz" target="_blank">Connect on LinkedIn</a></li>
<li><a href="https://git.dsnet.pro/dereklseitz" target="_blank">My Project Repos</a></li>
</ul>
<nav aria-label="Footer navigation">
<ul class="footer-links">
<li><a href="#top">Back to Top</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="demos.html">Demos</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<p>&copy; 2025, Derek L.Seitz, All rights reserved.</p>
</footer>

14
src/_includes/header.html Normal file
View File

@@ -0,0 +1,14 @@
<header class="main-header">
<nav class="main-nav">
<ul class="nav-list">
<li class="nav-item nav-logo"><a href="#home">Derek L. Seitz</a></li>
<li class="nav-item nav-about"><a href="#about">About</a></li>
<li class="nav-item nav-demos"><a href="#demos">Demos</a></li>
<li class="nav-item nav-contact"><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>