---
import path from "../utils/path.ts"
---

<footer class="bg-base-200 pb-20">
  <div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
  <div class="container pt-8 px-8 max-w-3xl mx-auto">
    <h3 class="text-2xl font-semibold mb-4">
      Kontakt und Infos
    </h3>
    <p>
      Ihr findet alle Informationen auf dieser Webseite. Wenn ihr Wünsche und Anregungen habt, schreibt uns gerne
      eine Email an <a class="link" href="mailto:orga@didays.de">orga@didays.de</a>.<br><br>
    </p>
  </div>
  <div class="container px-8 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-3 items-center gap-12">
    <div class="flex flex-col items-center">
      <a class="link" href="https://hamburg.ccc.de/imprint/">Kontakt & Impressum</a>
      <a class="link" href="https://hamburg.ccc.de/privacy-notice/">Datenschutzerklärung</a>
      <a class="link" rel="me" href="https://chaos.social/@didays">Fediverse</a>
    </div>
    <div class="flex flex-col items-center">
      <a href="https://hamburg.ccc.de">
        <img alt="Logo des Chaos Computer Club Hamburg e.V." src={path(import.meta.env.BASE_URL, "/ccchh.svg")}
             class="max-w-40 invert"/>
      </a>
    </div>
    <div class="flex flex-col items-center">
      <a href="https://www.wauland.de">
        <img alt="Logo der Wau-Holland-Stiftung" src={path(import.meta.env.BASE_URL, "/wauland.svg")}
             class="max-w-40 invert"/>
      </a>
    </div>
  </div>
</footer>