Initial SvelteKit frontend port of windwiderstand.de

Full parity with Astro site: content rows, post/tag routes, pagination, event badges + OSM map, comments, Live-Search via /api/search-index, CMS image proxy, RSS, sitemap. Deploy: Dockerfile + docker-compose.prod.yml + Gitea Actions workflow to build + push to git.pm86.de registry and ssh-deploy to Contabo.
2026-04-17 22:01:30 +02:00
parent 852cef0980
commit 2fef91a548
137 changed files with 28585 additions and 0 deletions
@@ -0,0 +1,58 @@
+<script lang="ts">
+  import ContentRows from "./ContentRows.svelte";
+  import type { RowContentLayout } from "$lib/block-types";
+  import { t as tStatic, T } from "$lib/translations";
+  import type { Translations } from "$lib/translations";
+
+  interface FooterEntry extends RowContentLayout {
+    id?: string;
+  }
+
+  let { footer = null, translations = {} }: { footer?: FooterEntry | null; translations?: Translations | null } = $props();
+
+  function t(key: string) {
+    return tStatic(translations ?? null, key);
+  }
+
+  const justifyClass = $derived(
+    footer?.row1JustifyContent === "end"
+      ? "justify-end"
+      : footer?.row1JustifyContent === "between"
+        ? "justify-between"
+        : footer?.row1JustifyContent === "around"
+          ? "justify-around"
+          : footer?.row1JustifyContent === "evenly"
+            ? "justify-evenly"
+            : footer?.row1JustifyContent === "start"
+              ? "justify-start"
+              : "justify-center",
+  );
+
+  const hasRowContent = $derived(
+    !!footer &&
+      ((footer.row1Content?.length ?? 0) > 0 ||
+        (footer.row2Content?.length ?? 0) > 0 ||
+        (footer.row3Content?.length ?? 0) > 0),
+  );
+</script>
+
+{#if footer}
+  <footer
+    class="mt-auto bg-zinc-950 text-white py-6"
+    data-footer-id={footer.id}
+  >
+    <div class="container-custom py-6">
+      {#if hasRowContent}
+        <div class="content-footer text-xs">
+          <ContentRows layout={footer} translations={translations} />
+        </div>
+      {:else}
+        <p class="text-sm text-white/80 {justifyClass} flex">
+          {t(T.footer_copyright) !== T.footer_copyright
+            ? t(T.footer_copyright)
+            : `© ${new Date().getFullYear()} Windwiderstand`}
+        </p>
+      {/if}
+    </div>
+  </footer>
+{/if}