39 lines
2.5 KiB
HTML
39 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US" class="h-full">
|
|
<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>
|
|
<body class="h-full">
|
|
<header class="bg-livingstone-500 p-5 h-32 hover:h-56 transition-all duration-500 opacity-80 hover:opacity-100 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="bg-cover bg-fixed bg-[url('/assets/img/canyon.jpg')] h-3/4 flex flex-col place-content-center place-items-center">
|
|
<h1 class="text-5xl text-white font-bevan p-10">Africa's greatest missionary</h1>
|
|
<h2 class="text-xl text-white font-baskerville"></h2>
|
|
</div>
|
|
<main class="min-h-[83.333333%]">
|
|
<article class="m-10 text-black font-baskerville *:my-3 *:indent-8">
|
|
{{content}}
|
|
</article>
|
|
</main>
|
|
</body>
|
|
<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>
|
|
</html>
|