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,87 @@
+<script lang="ts">
+  import ContentRows from '$lib/components/ContentRows.svelte';
+  import Tag from '$lib/components/Tag.svelte';
+  import Tags from '$lib/components/Tags.svelte';
+  import EventBadges from '$lib/components/EventBadges.svelte';
+  import EventMap from '$lib/components/EventMap.svelte';
+  import Accordion from '$lib/components/Accordion.svelte';
+  import { t, T } from '$lib/translations';
+  import type { PageData } from './$types';
+
+  let { data }: { data: PageData } = $props();
+</script>
+
+<svelte:head>
+  <title>{data.seoTitle}</title>
+  {#if data.seoDescription}
+    <meta name="description" content={data.seoDescription} />
+  {/if}
+  {#if data.postImageUrl}
+    <meta property="og:image" content={data.postImageUrl} />
+  {/if}
+</svelte:head>
+
+{#if data.isEvent && (data.eventDateLabel || data.eventLocationText)}
+  <div class="mb-6">
+    <EventBadges
+      eventDate={data.eventDateRaw}
+      locationText={data.eventLocationText}
+      locationHref={(data.mapEmbedUrl || data.mapLinkUrl) ? '#map-section' : null}
+    />
+  </div>
+{/if}
+
+<div class="md:flex gap-2 items-end">
+  {#if data.postImageUrl}
+    <div class="overflow-hidden inline-block my-4 border border-white self-start ring-1 ring-black/50 shadow-lg">
+      <img
+        src={data.postImageUrl}
+        alt=""
+        class="block object-cover"
+        width="150"
+        height="200"
+        style="aspect-ratio: 1.3333"
+        loading="eager"
+      />
+    </div>
+  {/if}
+  <div class="mt-2 mb-4! md:mb-1 min-w-0 gap-2">
+    {#if data.postDate}
+      <div class="flex flex-nowrap gap-2 items-center shrink-0 mb-2">
+        <Tag label={data.postDate} variant="date" />
+      </div>
+    {/if}
+    <div class="flex flex-nowrap gap-2 items-center shrink-0 p-1 pb-4 -ml-1 overflow-x-auto overflow-y-hidden">
+      <Tags tags={data.post.postTag ?? []} variant="green" tagBase="/posts/tag" />
+    </div>
+  </div>
+</div>
+
+<article class="mt-8">
+  {#if data.contentHtml}
+    <div class="content markdown max-w-none prose prose-zinc">
+      {@html data.contentHtml}
+    </div>
+  {/if}
+  {#if data.hasRowContent}
+    <ContentRows layout={data.post} translations={data.translations} />
+  {/if}
+</article>
+
+{#if data.isEvent && (data.mapEmbedUrl || data.mapLinkUrl)}
+  <EventMap
+    embedUrl={data.mapEmbedUrl}
+    linkUrl={data.mapLinkUrl}
+    locationText={data.eventLocationText}
+    label={t(data.translations, T.post_map)}
+    translations={data.translations}
+  />
+{/if}
+
+{#if data.commentSlot}
+  <Accordion label={t(data.translations, T.post_comments)} class="mt-6">
+    <div class="p-8 border border-zinc-200 rounded-lg">
+      {@html data.commentSlot}
+    </div>
+  </Accordion>
+{/if}