<footer
  class="footer footer-horizontal footer-center bg-base-200 text-base-content rounded p-10"
>
  <nav class="grid grid-flow-col gap-4">
    <a href="/members/" class="link link-hover">Members</a>
    <a href="/meetings/" class="link link-hover">Meetings</a>
    <a href="/resources/" class="link link-hover">Resources</a>
    <a href="/privacy/" class="link link-hover">Privacy</a>
  </nav>
  <nav>
    <div class="grid grid-flow-col gap-4">
      <!-- Zulip Chat -->
      <a
        href="https://refl.zulipchat.com/"
        aria-label="ReFL Zulip Chat"
        target="_blank"
        rel="noopener noreferrer"
        class="flex items-center gap-1"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          class="fill-current"
        >
          <path
            d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z" />
        </svg>
      </a>
      <!-- Email icon link -->
      <a
        href="mailto:refl@framalistes.org"
        aria-label="Email ReFL"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          class="fill-current"
        >
          <g
            stroke-linejoin="round"
            stroke-linecap="round"
            stroke-width="2"
            fill="none"
          >
            <rect
              width="20"
              height="16"
              x="2"
              y="4"
              rx="2"
              stroke="currentColor" />
            <path
              d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"
              stroke="currentColor" />
          </g>
        </svg>
      </a>
    </div>
  </nav>
  <aside>
    <p>
      ReFL - Reflexions sur les Fondements de la Logique
    </p>
  </aside>
</footer>
