From 0cf1025252450ba50eb4d6eb7588c7a79b0601d1 Mon Sep 17 00:00:00 2001
From: kritzl <kritzl@kritzl.dev>
Date: Wed, 16 Sep 2026 10:38:30 +0200
Subject: [PATCH] add transitions to other pages

---
 src/pages/hamburg/2026/programm.astro | 14 +++++++++++++-
 src/pages/hamburg/2026/wer.astro      | 17 +++++++++++++++--
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/pages/hamburg/2026/programm.astro b/src/pages/hamburg/2026/programm.astro
index ff35b14..21bf9d5 100644
--- a/src/pages/hamburg/2026/programm.astro
+++ b/src/pages/hamburg/2026/programm.astro
@@ -54,7 +54,13 @@ const program = [
       <h2 class="text-4xl text-center font-semibold">Wir haben Vorträge und Workshops zu folgenden Themen:</h2>
     </div>
   </div>
-  <div class="bg-base-200 py-20">
+  <div class="bg-base-200 w-screen overflow-x-hidden">
+    <svg
+        viewBox="0 0 283.46457 11.338583"
+        class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) mb-20"
+        xmlns="http://www.w3.org/2000/svg">
+      <use xlink:href="#transition"/>
+    </svg>
     <div class="container p-8 mx-auto">
       <div class="flex flex-col gap-5 items-center">
           {program.map(element => (
@@ -65,6 +71,12 @@ const program = [
           ))}
       </div>
     </div>
+    <svg
+        viewBox="0 0 283.46457 11.338583"
+        class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) bg-base-200 rotate-180 mt-20"
+        xmlns="http://www.w3.org/2000/svg">
+      <use xlink:href="#transition"/>
+    </svg>
   </div>
   <Footer/>
 </Layout>
diff --git a/src/pages/hamburg/2026/wer.astro b/src/pages/hamburg/2026/wer.astro
index 882b47e..bc9d844 100644
--- a/src/pages/hamburg/2026/wer.astro
+++ b/src/pages/hamburg/2026/wer.astro
@@ -74,7 +74,13 @@ const partners = [
       <h2 class="text-4xl text-center font-semibold">Veranstaltet von</h2>
     </div>
   </div>
-  <div class="bg-base-200 py-20">
+  <div class="bg-base-200 pb-20 w-screen overflow-x-hidden">
+    <svg
+        viewBox="0 0 283.46457 11.338583"
+        class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) mb-20"
+        xmlns="http://www.w3.org/2000/svg">
+      <use xlink:href="#transition"/>
+    </svg>
     <div class="container p-8 mx-auto">
       <div class="grid grid-cols-1 md:grid-cols-2 place-content-center place-items-center">
           {orgs.map(org => (
@@ -90,7 +96,14 @@ const partners = [
       </div>
     </div>
   </div>
-  <div class="bg-base-100 py-20">
+
+  <div class="bg-base-100 pb-20 w-screen overflow-x-hidden">
+    <svg
+        viewBox="0 0 283.46457 11.338583"
+        class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-200) mb-20"
+        xmlns="http://www.w3.org/2000/svg">
+      <use xlink:href="#transition"/>
+    </svg>
     <div class="container p-8 mx-auto">
       <h2 class="text-4xl text-center font-semibold mb-8">Partner</h2>
       <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 place-content-center gap-20">