portfolio/view/layout/base.templ

51 lines
1.6 KiB
Plaintext

package layout
templ Base() {
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Portfolio Lorenz Hohermuth</title>
<script src="https://cdn.jsdelivr.net/npm/@unocss/runtime"></script>
<script src="https://unpkg.com/htmx.org@1.9.11" integrity="sha384-0gxUXCCR8yv9FM2b+U3FDbsKthCI66oH5IA9fHppQq9DDMHuMauqq1ZHBpJxQ0J0" crossorigin="anonymous"></script>
</head>
<style>
@font-face {
font-family: UbuntuMono;
src: url(static/UbuntuMono/UbuntuMonoNerdFont-Bold.ttf)
}
</style>
<body class="m-0 p-0 font-black" style="font-family: UbuntuMono">
<nav class="flex w-full pos-sticky top-0 z-30">
<div class="bg-orange-500 w-35 flex justify-center">
<img src="/static/robot.png" height="70"/>
</div>
<div class="bg-[#3331ee] w-full">
<ul class="flex items-center justify-center h-full gap-x-4 p-0 list-none m-0">
<li><a class="no-underline text-[#ff5cdb]" href="#home">Home</a></li>
<li><a class="no-underline text-[#ff5cdb]" href="#projects">Projects</a></li>
<li><a class="no-underline text-[#ff5cdb]" href="#work">Work</a></li>
</ul>
</div>
</nav>
<main>
{ children... }
</main>
<footer class="flex text-xs font-thin">
<div class="bg-gray-500 text-gray-400 p-2 w-1/2 flex justify-center items-center">
<p>&copy; 2024 Lorenz Hohermuth All rights reserved.</p>
</div>
<div class="bg-gray-800 w-1/2 text-neutral-300 flex justify-center items-center">
<p> -- <a class=" text-neutral-300" href="https://github.com/lorenzhohermuth">GitHUB</a> -- </p>
</div>
</footer>
</body>
</html>
}