FEAT: New 404 page, pages now use jekyll for componentalization.

This commit is contained in:
MajorDroolz
2023-01-03 22:04:28 -05:00
parent c1c1c664a3
commit e264abd558
19 changed files with 326 additions and 182 deletions

13
_includes/footer.html Normal file
View File

@@ -0,0 +1,13 @@
<link rel="stylesheet" href="/styles/footer.css">
<footer class="dark back">
<h2>&copy; 2022</h2>
<div class="flex"></div>
<a href="https://github.com/MajorDroolz" class="png-icon" target="_blank">
<img src="/res/icons/github.png" alt="GitHub" width="30" height="30">
</a>
<a href="https://www.linkedin.com/in/maximhutz/" class="png-icon" target="_blank">
<img src="/res/icons/linkedin.png" alt="LinkedIn" width="30" height="30">
</a>
<a href="mailto:maximhutz@gmail.com" class="nav-link white icon" data-i="mail" aria-label="Contact" target="_blank"></a>
</footer>

30
_includes/header.html Normal file
View File

@@ -0,0 +1,30 @@
<link rel="stylesheet" href="/styles/header.css">
<header class="light back shadow">
<a href="/" class="nav-link dark">MAX HUTZ</a>
<div class="flex"></div>
<a href="/experience" class="nav-link dark icon nav3" data-i="work">Experience</a>
<a href="/resume" class="nav-link dark icon nav3" data-i="clinical_notes">Resume</a>
<a href="mailto:maximhutz@gmail.com" class="nav-link dark icon nav3" data-i="mail">Contact</a>
<a href="/experience" class="nav-link dark icon nav2" data-i="work" aria-label="Experience"></a>
<a href="/resume" class="nav-link dark icon nav2" data-i="clinical_notes" aria-label="Resume"></a>
<a href="mailto:maximhutz@gmail.com" class="nav-link dark icon nav2" data-i="mail" aria-label="Contact"></a>
<button class="nav-link dark icon nav1" data-i="menu" aria-label="Menu" onclick="document.getElementById('menu')?.showModal()"></button>
</header>
<dialog id="menu">
<div class="light width-pad shadow">
<div id="menu-inner">
<div id="menu-top">
<a href="/home" class="nav-link dark">MAX HUTZ</a>
<div class="flex"></div>
<form method="dialog">
<button class="nav-link dark icon" data-i="close" aria-label="Close"></button>
</form>
</div>
<a href="/experience" class="nav-link dark icon" data-i="work">Experience</a>
<a href="/resume" class="nav-link dark icon" data-i="clinical_notes">Resume</a>
<a href="mailto:maximhutz@gmail.com" class="nav-link dark icon" data-i="mail">Contact</a>
</div>
</div>
</dialog>

1
_includes/style.html Normal file
View File

@@ -0,0 +1 @@
<link rel="stylesheet" href="/styles/{{ include.name }}.css">