From a851c8101b569942fc55ad23c293285875c268d0 Mon Sep 17 00:00:00 2001
From: Tobias Feigel <info@feigel.it>
Date: Wed, 9 Jul 2025 16:18:23 +0200
Subject: [PATCH] feat: add blog section with blueprint, template, and
 structured content

Introduced a new blog section with a dedicated blueprint (`blog.yml`) and PHP template (`blog.php`). Added initial content, including hero text, button, and link for improved navigation and communication. Structured layout supports dynamic blog post rendering with author details and summaries.
---
 content/2_news/blog.txt        | 17 +++++++++++++
 content/2_news/news.txt        |  5 ----
 site/blueprints/pages/blog.yml | 24 ++++++++++++++++++
 site/templates/blog.php        | 45 ++++++++++++++++++++++++++++++++++
 4 files changed, 86 insertions(+), 5 deletions(-)
 create mode 100644 content/2_news/blog.txt
 delete mode 100644 content/2_news/news.txt
 create mode 100644 site/blueprints/pages/blog.yml
 create mode 100644 site/templates/blog.php

diff --git a/content/2_news/blog.txt b/content/2_news/blog.txt
new file mode 100644
index 0000000..879b813
--- /dev/null
+++ b/content/2_news/blog.txt
@@ -0,0 +1,17 @@
+Title: News
+
+----
+
+Herotext: Unser Verein hat aufregende Neuigkeiten! Wir freuen uns, Sie auf unserer Homepage auf dem Laufenden zu halten. Schauen Sie auch auf unsere alte Homepage, um weitere Informationen und Ressourcen zu finden.
+
+----
+
+Herobutton: Archiv
+
+----
+
+Buttonlink: https://archiv.schachfreunde-badsteben.de
+
+----
+
+Uuid: qtyyzjcbmgvhwzod
\ No newline at end of file
diff --git a/content/2_news/news.txt b/content/2_news/news.txt
deleted file mode 100644
index 429e70f..0000000
--- a/content/2_news/news.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-Title: News
-
-----
-
-Uuid: qtyyzjcbmgvhwzod
\ No newline at end of file
diff --git a/site/blueprints/pages/blog.yml b/site/blueprints/pages/blog.yml
new file mode 100644
index 0000000..1e953bd
--- /dev/null
+++ b/site/blueprints/pages/blog.yml
@@ -0,0 +1,24 @@
+title: Verein
+
+columns:
+  main:
+    width: 1/2
+    sections:
+      fields:
+        type: fields
+        fields:
+          herotext:
+            label: Text (Hero)
+            type: text
+          herobutton:
+            label: Text für den Button
+            type: text
+          buttonlink:
+            label: Link für den Button
+            type: text
+  sidebar:
+    width: 1/2
+    sections:
+      pages:
+        type: pages
+        template: news
\ No newline at end of file
diff --git a/site/templates/blog.php b/site/templates/blog.php
new file mode 100644
index 0000000..a31c0fd
--- /dev/null
+++ b/site/templates/blog.php
@@ -0,0 +1,45 @@
+<?php snippet('layout', slots: true) ?>
+
+    <?php foreach($page->children() as $post): ?>
+    <article class="relative isolate flex flex-col gap-8 lg:flex-row">
+        <div class="relative aspect-video sm:aspect-2/1 lg:aspect-square lg:w-64 lg:shrink-0">
+            <img src="<?= $post->image()->url() ?>" alt="" class="absolute inset-0 size-full rounded-2xl bg-gray-50 object-cover" />
+            <div class="absolute inset-0 rounded-2xl ring-1 ring-gray-900/10 ring-inset"></div>
+        </div>
+        <div>
+            <div class="flex items-center gap-x-4 text-xs">
+                <time datetime="2020-03-16" class="text-gray-500"><?= $post->date()->toDate("d.m.Y") ?></time>
+                <a href="#" class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">Marketing</a>
+            </div>
+            <div class="group relative max-w-xl">
+                <h2>
+                    <a href="<?= $post->url() ?>" class="relative">
+                        <span class="absolute inset-0"></span>
+                        <?= $post->headline() ?>
+                    </a>
+                </h2>
+                <p><?= $post->summary() ?></p>
+            </div>
+            <?php if ($user = $post->author()->toUser()): ?>
+            <div class="mt-6 flex border-t border-gray-900/5 pt-6">
+                <div class="relative flex items-center gap-x-4">
+                    <img src="<?= $user->avatar()->url() ?>" alt="" class="size-10 rounded-full bg-gray-50" />
+                    <div class="text-sm/6">
+                        <p>
+                            <a href="#">
+                                <span class="absolute inset-0"></span>
+                                <div class="text-xl">
+                                    <?= $user->username() ?>
+                                </div>
+                            </a>
+                        </p>
+                        <p class="text-sm"><?= $user->role()->title() ?></p>
+                    </div>
+                </div>
+            </div>
+            <?php endif ?>
+        </div>
+    </article>
+    <?php endforeach ?>
+
+<?php endsnippet() ?>
\ No newline at end of file