<footer class="bg-sand-500 text-amber-900 mt-16 dark:bg-gray-800 dark:text-sand-500">
  <div class="wompum-container wompum-container--no-gap h-1">
    <div class="wompum-grid" data-text="{{ .Site.Title }}" data-columns="7" data-rows="1">
    </div>
  </div>
  <div class="p-8 pt-16 flex justify-between md:items-center gap-8">
    <section>
      <h1 class="text-2xl font-bold">
        <a href="/">{{ .Site.Title }}</a>
      </h1>
      <p class="text-lg">{{ .Site.Params.footer | markdownify }}</p>
    </section>
    <nav class="font-iosevka mt-2">
      <ul class="flex-col items-end gap-4">
        <li>
          <a href="/">Home</a>
        </li>
        <li>
          <a href="/about">About</a>
        </li>
      </ul>
    </nav>
  </div>
</footer>