<div class="relative h-16 inset-x-0 inset-y-0 px-4 shadow-md grid place-items-center">
  <div class="flex flex-row items-center w-full">
    <!-- The Moxxy logo -->
    <a href="/index.html">
      <img src="/assets/img/logo.png" class="w-12 h-12 p-2" />
    </a>

    <a href="/index.html">
      <span class="font-bold">Moxxy</span>
    </a>

    <!-- Spacer -->
    <div class="grow"></div>

    <a href="/posts.html" class="px-2 text-sky-400">Blog</a>
    <a href="/developers.html" class="px-2 text-sky-400">Developers</a>
    <a href="{{ site.sourceUrl }}" class="px-2 text-sky-400">Source</a>
  </div>
</div>