Enhance project structure and functionality by adding new components and integrations. Updated .gitignore to exclude history and transformed images. Integrated Svelte, sitemap, and icon support in astro.config.mjs. Added multiple new components including BlogOverview, ContentRows, Footer, Header, and various block components for improved content management. Updated package.json with new dependencies and modified scripts for build and development processes.

2026-02-22 12:14:43 +01:00
parent 054b5719e5
commit bb6ec20d45
52 changed files with 12536 additions and 179 deletions
@@ -0,0 +1,48 @@
+<script lang="ts">
+  import { marked } from "marked";
+  import PostCard from "../PostCard.svelte";
+  import { getBlockLayoutClasses } from "../../lib/block-layout";
+  import type { PostOverviewBlockData } from "../../lib/block-types";
+  import type { PostEntry } from "../../lib/cms";
+  import { postHref } from "../../lib/blog-utils";
+
+  let { block, class: className = "" }: { block: PostOverviewBlockData; class?: string } = $props();
+
+  marked.setOptions({ gfm: true });
+  const textHtml = $derived(
+    block.text && typeof block.text === "string"
+      ? (marked.parse(block.text) as string)
+      : "",
+  );
+  const layoutClasses = $derived(getBlockLayoutClasses(block.layout));
+  const posts = $derived((block.postsResolved ?? []) as (PostEntry & { _resolvedImageUrl?: string })[]);
+  const design = $derived(block.design ?? "cards");
+  const tagBase = "/posts/tag";
+</script>
+
+<div
+  class="post-overview mb-4 {layoutClasses} {className}"
+  data-block-type="post_overview"
+  data-block-slug={block._slug}
+>
+  {#if block.headline}
+    <h3 class="mb-2">{block.headline}</h3>
+  {/if}
+  {#if textHtml}
+    <div class="mb-2 markdown max-w-none prose prose-zinc">{@html textHtml}</div>
+  {/if}
+
+  {#if design === "list" && posts.length > 0}
+    <div class="flex flex-col gap-4">
+      {#each posts as post}
+        <PostCard post={post} href={postHref(post)} tagBase={tagBase} />
+      {/each}
+    </div>
+  {:else if design === "cards" && posts.length > 0}
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      {#each posts as post}
+        <PostCard post={post} href={postHref(post)} tagBase={tagBase} />
+      {/each}
+    </div>
+  {/if}
+</div>