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>© 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> }