website/src/layouts/Footer.astro
ndsboy 3cfa61aa2b
All checks were successful
deploy / deploy (push) Successful in 1m21s
feat: link to forgejo
2025-02-24 19:57:57 +00:00

120 lines
3.1 KiB
Text

---
import { documents } from "../helper"
const year = new Date().getFullYear()
function entry(name: string, icon: string, link: string) {
return { name, icon, link }
}
const social = [
entry(
"Mastodon",
"icon-[ph--mastodon-logo-duotone]",
"https://mastodon.social/@swablab",
),
entry(
"Instagram",
"icon-[ph--instagram-logo-duotone]",
"https://www.instagram.com/swablab/",
),
entry(
"Discord",
"icon-[ph--discord-logo-duotone]",
"https://swablab.de/discord",
),
entry(
"Printables",
"icon-[ph--cube-duotone]",
"https://www.printables.com/social/103546-swablab-ev/about",
),
entry(
"Forgejo",
"icon-[ph--git-branch]",
"https://git.swablab.de/explore/repos",
),
]
const downloads = [
entry("Satzung", "icon-[ph--file-pdf-duotone]", documents.Satzung),
entry(
"Beitragsordnung",
"icon-[ph--file-pdf-duotone]",
documents.Beitragsordnung,
),
entry(
"Mitgliedsantrag",
"icon-[ph--file-pdf-duotone]",
documents.Mitgliedsantrag,
),
]
---
<div class="bg-base-200 border-t border-base-300">
<footer class="footer max-w-7xl mx-auto p-8 grid-cols-1 md:grid-cols-3">
<nav class="w-full">
<header class="footer-title border-b w-full">Social</header>
{
social.map((e) => (
<a
class="link link-hover link-primary flex gap-1 items-center"
href={e.link}
rel="noopener noreferrer"
target="_blank"
>
<span class={e.icon} />
{e.name}
</a>
))
}
</nav>
<nav class="w-full">
<header class="footer-title border-b w-full">Downloads</header>
{
downloads.map((e) => (
<a
class="link link-hover link-primary flex gap-1 items-center"
href={e.link}
target="_blank"
>
<span class={e.icon} />
{e.name}
</a>
))
}
</nav>
<nav class="w-full">
<header class="footer-title border-b w-full">Kontakt</header>
<div class="flex gap-1 items-center">
<span class="icon-[ph--map-pin-duotone]"></span>
Katharinenstr. 1, 72250 Freudenstadt
</div>
<a
class="link link-hover link-primary flex gap-1 items-center"
href="mailto:info@swablab.de"
>
<span class="icon-[ph--envelope-simple-duotone]"></span>
info@swablab.de
</a>
<a
class="link link-hover link-primary flex gap-1 items-center"
href="tel:+4915679232971"
>
<span class="icon-[ph--phone-duotone]"></span>
+49 15679 232971
</a>
</nav>
</footer>
<footer class="footer footer-center p-4 bg-base-200 border-t border-base-300">
<aside>
<p class="flex gap-4">
<a href="/data-privacy" class="text-primary">Datenschutzerklärung</a>
<a href="/imprint" class="text-primary">Impressum</a>
</p>
<p>
<span class="icon-[ph--copyright-duotone]"></span>
<span>{year} swablab e.V.</span>
</p>
</aside>
</footer>
</div>