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>

}