2024-10-16 16:05:06 -05:00
|
|
|
<!DOCTYPE html>
|
2024-12-19 14:29:51 -06:00
|
|
|
<html lang="en-US" class="h-full">
|
2024-10-16 16:05:06 -05:00
|
|
|
<head>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>{{ page.title }} - {{ site.title }}</title>
|
|
|
|
|
<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
|
|
|
|
|
</head>
|
2024-12-19 14:29:51 -06:00
|
|
|
<body class="h-full">
|
|
|
|
|
<header class="bg-livingstone-500 p-5 h-32 hover:h-56 transition-all duration-500 w-full fixed group">
|
|
|
|
|
<h1 class="text-center text-5xl text-white p-7 font-bevan">David Livingstone</h1>
|
|
|
|
|
<ul class="flex place-content-center place-items-center p-8 invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-300 group-hover:duration-1000">
|
|
|
|
|
<li><a href="/" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Home</a></li>
|
|
|
|
|
<li><a href="/blog" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">Blog</a></li>
|
|
|
|
|
<li><a href="/about" class="text-white bg-livingstone-400 p-5 mx-1 hover:bg-livingstone-100 hover:text-xl transition-all duration-500 rounded-full font-mplus2">About</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</header>
|
|
|
|
|
<div class="flex p-16"></div>
|
|
|
|
|
<main class="min-h-[83.333333%]">
|
2025-01-07 13:57:35 -06:00
|
|
|
<h1 class="text-center font-mplus2 text-4xl p-5">{{page.title}}</h1>
|
2024-12-19 14:29:51 -06:00
|
|
|
<article class="mx-10 mb-10 text-black font-baskerville *:my-3 *:indent-8">
|
|
|
|
|
{{content}}
|
|
|
|
|
</article>
|
|
|
|
|
</main>
|
2024-10-16 16:05:06 -05:00
|
|
|
</body>
|
2024-12-19 14:29:51 -06:00
|
|
|
<footer class="h-1/3 min-h-60 bg-livingstone-100 flex flex-col place-content-center">
|
|
|
|
|
<h1 class="px-10 py-3 text-white text-lg font-bevan">David Livingstone</h1>
|
|
|
|
|
<ul class="flex place-content-start place-items-center px-5">
|
|
|
|
|
<li><a href="/" class="text-white font-mplus2 mx-5 hover:underline">Home</a></li>
|
|
|
|
|
<li><a href="/blog" class="text-white font-mplus2 mx-5 hover:underline">Blog</a></li>
|
|
|
|
|
<li><a href="/about" class="text-white font-mplus2 mx-5 hover:underline">About</a></li>
|
|
|
|
|
</ul><br />
|
|
|
|
|
<h2 class="px-10 py-3 text-white font-mplus2">©2024-2025 David Jentes</h2>
|
|
|
|
|
<h2 class="px-10 py-3 text-white font-mplus2">Designed for the 2025 Cumberland Valley Regional Student Convention</h2>
|
|
|
|
|
</footer>
|
2024-10-16 16:05:06 -05:00
|
|
|
</html>
|
