<script src="/static/js/navbar.js" defer></script>
<nav
  class="fixed z-20 flex flex-col items-center justify-center w-full p-4 bg-transparent md:flex-row"
  id="navbar"
>
  <span class="flex-1"></span>
  <div class="flex gap-4">
    <a href="/" class="text-lg"> Home </a>
    <a href="/projects" class="text-lg"> Projects </a>
    <a
      href="https://blog.gabrielkaszewski.dev/"
      class="text-lg"
      target="_blank"
    >
      Blog
    </a>
    <a href="/about" class="text-lg"> About </a>
  </div>
</nav>
