<!-- basic header partial in hugo with just home and about -->
<header class="p-4 flex justify-between items-center border-b border-gray-300 mb-4">
  <h1 class="text-2xl font-bold">
    <a href="/">{{ .Site.Title }}</a>
  </h1>
  <nav class="font-iosevka">
    <ul class="flex gap-4">
      <li>
        <a href="/" class="hover:text-blue-700">Home</a>
      </li>
      <li>
        <a href="/about" class="hover:text-blue-700">About</a>
      </li>
    </ul>
  </nav>
</header>
