From b186d35762511ac4b6712bac9e2312ce468f03e2 Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Sat, 22 Feb 2025 19:52:56 +0100
Subject: [PATCH 1/6] restyle homepage

---
 templates/home/index.html.twig | 48 +++++++++++++++++++++++++++-------
 1 file changed, 38 insertions(+), 10 deletions(-)

diff --git a/templates/home/index.html.twig b/templates/home/index.html.twig
index 1de0647..7ecc467 100644
--- a/templates/home/index.html.twig
+++ b/templates/home/index.html.twig
@@ -6,27 +6,55 @@
     <div class="min-h-screen bg-gradient-to-br from-yellow-50 via-white to-orange-50 relative overflow-hidden">
         <header class="w-full bg-white/90 backdrop-blur-md shadow-lg fixed top-0 z-50 border-b border-gray-100">
             <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-3 sm:py-4 flex justify-between items-center">
-                <img src="{{ asset('images/logo.png') }}" alt="Logo" class="w-32 sm:w-36 md:w-40 h-auto hover:opacity-90 transition-opacity" />
-                <a href="{{ path('app_contact') }}" class="bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-4 sm:px-6 md:px-8 py-2 sm:py-2.5 rounded-full text-xs sm:text-sm font-medium shadow-md hover:shadow-lg transition-all duration-300">
+                <img src="{{ asset('images/logo.png') }}" alt="Logo"
+                     class="w-32 sm:w-36 md:w-40 h-auto hover:opacity-90 transition-opacity"/>
+                <a href="{{ path('app_contact') }}"
+                   class="bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-4 sm:px-6 md:px-8 py-2 sm:py-2.5 rounded-full text-xs sm:text-sm font-medium shadow-md hover:shadow-lg transition-all duration-300">
                     Kontaktaufnahme
                 </a>
             </div>
         </header>
 
         <main class="container mx-auto px-4 sm:px-6 lg:px-8 pt-24 sm:pt-28 md:pt-32 pb-16 sm:pb-20 flex flex-col items-center justify-center relative z-10">
+            <h1 class="text-3xl sm:text-4xl md:text-5xl font-bold text-gray-800 text-center mb-6 sm:mb-8 tracking-tight leading-tight">
+                Willkommen zum <span class="bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Abiball 2025</span>
+            </h1>
             <div class="w-full max-w-4xl">
-                <h1 class="text-3xl sm:text-4xl md:text-5xl font-bold text-gray-800 text-center mb-6 sm:mb-8 tracking-tight leading-tight">
-                    Willkommen zum <span class="bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Abiball 2025</span>
-                </h1>
-                
-                <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-6 sm:p-8 md:p-10 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100">
-                    <p class="text-base sm:text-lg text-gray-700 leading-relaxed">
-                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+                <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-6 sm:p-8 md:p-10 mb-6 sm:mb-8 transform transition-all duration-300 border border-gray-100">
+                    <p class="text-base sm:text-lg text-gray-700 leading-relaxed whitespace-pre-line text-wrap" style="::first-line{display: none;}">
+                        Willkommen zum Abiball 2025! 🎉🎓
+
+                        Nach einer unvergesslichen Schulzeit feiern wir gemeinsam unseren Abschluss – und ihr seid
+                        herzlich eingeladen!
+                        Lasst uns gemeinsam diesen besonderen Abend genießen! 🥂✨
+
+                        Euer Abijahrgang 2025 🚀
                     </p>
                 </div>
 
+                <div class="grid grid-cols-2 w-full gap-3">
+                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-0 px-5 py-2 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-1">
+                        <h2 class="text-xl text-center font-semibold">Datum & Uhrzeit</h2>
+                        <div class="whitespace-pre-line text-wrap">
+                            📅 Datum: 28. Juni 2025
+                            ⏰ Einlass: 17:30 Uhr | Ende: Open End
+                            📍 Ort: Graubündener Str. 4, 28325 Bremen
+                        </div>
+                    </div>
+                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-0 px-5 p-2 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-2">
+                        <h2 class="text-xl text-center font-semibold">Ablauf</h2>
+                        <div class="whitespace-pre-line text-wrap">
+                            🍽 Einlass & Platznehmen – ab 17:30
+                            🥂 Dinner & gemütliches Beisammensein – ca. 19:30
+                            💃 Feier & Tanz im Saal – ab 22:00
+                        </div>
+                    </div>
+
+                </div>
+
                 <div class="text-center space-y-6">
-                    <a href="{{ path('app_ticket') }}" class="inline-block bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-8 sm:px-10 md:px-12 py-4 sm:py-5 rounded-full text-base sm:text-lg font-semibold shadow-xl hover:shadow-2xl transition-all duration-300">
+                    <a href="{{ path('app_ticket') }}"
+                       class="inline-block bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-8 sm:px-10 md:px-12 py-4 sm:py-5 rounded-full text-base sm:text-lg font-semibold shadow-xl hover:shadow-2xl transition-all duration-300">
                         Tickets kaufen
                     </a>
                 </div>
-- 
2.47.2


From b6f3ea560e0937a2eaa226102e74e23a476008d2 Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Sun, 23 Feb 2025 16:40:02 +0100
Subject: [PATCH 2/6] restyle homepage

---
 templates/home/index.html.twig | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/templates/home/index.html.twig b/templates/home/index.html.twig
index 7ecc467..cfd43c4 100644
--- a/templates/home/index.html.twig
+++ b/templates/home/index.html.twig
@@ -21,11 +21,10 @@
             </h1>
             <div class="w-full max-w-4xl">
                 <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-6 sm:p-8 md:p-10 mb-6 sm:mb-8 transform transition-all duration-300 border border-gray-100">
-                    <p class="text-base sm:text-lg text-gray-700 leading-relaxed whitespace-pre-line text-wrap" style="::first-line{display: none;}">
-                        Willkommen zum Abiball 2025! 🎉🎓
-
-                        Nach einer unvergesslichen Schulzeit feiern wir gemeinsam unseren Abschluss – und ihr seid
-                        herzlich eingeladen!
+                    <h1 class="text-3xl">Willkommen zum Abiball 2025! 🎉🎓</h1>
+                    <p class="text-base sm:text-lg text-gray-700 leading-relaxed whitespace-pre-line text-wrap">
+                        Nach einer unvergesslichen Schulzeit feiern wir gemeinsam unseren Abschluss.
+                        Und ihr seid herzlich eingeladen!
                         Lasst uns gemeinsam diesen besonderen Abend genießen! 🥂✨
 
                         Euer Abijahrgang 2025 🚀
@@ -33,7 +32,7 @@
                 </div>
 
                 <div class="grid grid-cols-2 w-full gap-3">
-                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-0 px-5 py-2 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-1">
+                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-1">
                         <h2 class="text-xl text-center font-semibold">Datum & Uhrzeit</h2>
                         <div class="whitespace-pre-line text-wrap">
                             📅 Datum: 28. Juni 2025
@@ -41,7 +40,7 @@
                             📍 Ort: Graubündener Str. 4, 28325 Bremen
                         </div>
                     </div>
-                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-0 px-5 p-2 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-2">
+                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-2">
                         <h2 class="text-xl text-center font-semibold">Ablauf</h2>
                         <div class="whitespace-pre-line text-wrap">
                             🍽 Einlass & Platznehmen – ab 17:30
-- 
2.47.2


From 4c7c644d7d627c48e60d6a94b70debfe7697d999 Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Sun, 23 Feb 2025 17:46:49 +0100
Subject: [PATCH 3/6] icons > emojis

---
 templates/home/index.html.twig | 48 ++++++++++++++++++++++++++--------
 1 file changed, 37 insertions(+), 11 deletions(-)

diff --git a/templates/home/index.html.twig b/templates/home/index.html.twig
index cfd43c4..6f1dc51 100644
--- a/templates/home/index.html.twig
+++ b/templates/home/index.html.twig
@@ -33,22 +33,48 @@
 
                 <div class="grid grid-cols-2 w-full gap-3">
                     <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-1">
-                        <h2 class="text-xl text-center font-semibold">Datum & Uhrzeit</h2>
-                        <div class="whitespace-pre-line text-wrap">
-                            📅 Datum: 28. Juni 2025
-                            ⏰ Einlass: 17:30 Uhr | Ende: Open End
-                            📍 Ort: Graubündener Str. 4, 28325 Bremen
+                        <h2 class="text-xl text-center font-semibold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Datum & Uhrzeit</h2>
+                        <div class="space-y-3">
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:calendar" class="w-5 h-5 text-orange-600" />
+                                <span class="text-gray-700">28. Juni 2025</span>
+                            </div>
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:clock" class="w-5 h-5 text-orange-600" />
+                                <span class="text-gray-700">17:30 - Open End</span>
+                            </div>
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:map-pin" class="w-5 h-5 text-orange-600" />
+                                <span class="text-gray-700">Graubündener Str. 4, 28325 Bremen</span>
+                            </div>
                         </div>
                     </div>
                     <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-2">
-                        <h2 class="text-xl text-center font-semibold">Ablauf</h2>
-                        <div class="whitespace-pre-line text-wrap">
-                            🍽 Einlass & Platznehmen – ab 17:30
-                            🥂 Dinner & gemütliches Beisammensein – ca. 19:30
-                            💃 Feier & Tanz im Saal – ab 22:00
+                        <h2 class="text-xl text-center font-semibold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Ablauf</h2>
+                        <div class="space-y-3">
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:ticket" class="w-5 h-5 text-orange-600" />
+                                <div class="text-gray-700">
+                                    <span class="font-medium">17:30-19:30</span>
+                                    <span class="ml-2">Einlass & Platznehmen</span>
+                                </div>
+                            </div>
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:cake" class="w-5 h-5 text-orange-600" />
+                                <div class="text-gray-700">
+                                    <span class="font-medium">19:30-22:00</span>
+                                    <span class="ml-2">Dinner & Beisammensein</span>
+                                </div>
+                            </div>
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:musical-note" class="w-5 h-5 text-orange-600" />
+                                <div class="text-gray-700">
+                                    <span class="font-medium">ab 22:00</span>
+                                    <span class="ml-2">Feier & Tanz im Saal</span>
+                                </div>
+                            </div>
                         </div>
                     </div>
-
                 </div>
 
                 <div class="text-center space-y-6">
-- 
2.47.2


From 5ab04953c9114e88f31d269ec5a71fcbb06873ed Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Sun, 23 Feb 2025 18:11:57 +0100
Subject: [PATCH 4/6] mobile

---
 templates/home/index.html.twig | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/home/index.html.twig b/templates/home/index.html.twig
index 6f1dc51..94b5a40 100644
--- a/templates/home/index.html.twig
+++ b/templates/home/index.html.twig
@@ -31,8 +31,8 @@
                     </p>
                 </div>
 
-                <div class="grid grid-cols-2 w-full gap-3">
-                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-1">
+                <div class="grid grid-cols-1 sm:grid-cols-2 w-full gap-3 mb-5">
+                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-3 sm:mb-12 transform transition-all duration-300 border border-gray-100">
                         <h2 class="text-xl text-center font-semibold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Datum & Uhrzeit</h2>
                         <div class="space-y-3">
                             <div class="flex items-center space-x-3">
@@ -49,7 +49,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-2">
+                    <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-3 sm:mb-12 transform transition-all duration-300 border border-gray-100">
                         <h2 class="text-xl text-center font-semibold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Ablauf</h2>
                         <div class="space-y-3">
                             <div class="flex items-center space-x-3">
-- 
2.47.2


From 90d0475b1a2090202d875ed5218bd34916cc6ff5 Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Sun, 23 Feb 2025 18:13:48 +0100
Subject: [PATCH 5/6] adjust success bg color

---
 templates/ticket/success.html.twig | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/ticket/success.html.twig b/templates/ticket/success.html.twig
index d5e0f9f..7dd3b70 100644
--- a/templates/ticket/success.html.twig
+++ b/templates/ticket/success.html.twig
@@ -5,7 +5,7 @@ Danke
 {% endblock %}
 
 {% block body %}
-<div class="min-h-screen bg-gradient-to-b from-white to-gray-50 relative overflow-hidden">
+<div class="min-h-screen bg-gradient-to-br from-yellow-50 via-white to-orange-50 relative overflow-hidden">
     <header class="w-full bg-white/90 backdrop-blur-md shadow-lg fixed top-0 z-50 border-b border-gray-100">
         <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-3 sm:py-4 flex justify-between items-center">
             <a href="{{ path('app_home') }}" class="flex items-center space-x-2 group">
-- 
2.47.2


From bc1c9825a00d515c1f3438fb9c33ba89f476354b Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Sun, 23 Feb 2025 18:15:12 +0100
Subject: [PATCH 6/6] adjust success icon color

---
 templates/ticket/success.html.twig | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/templates/ticket/success.html.twig b/templates/ticket/success.html.twig
index 7dd3b70..96d5dc5 100644
--- a/templates/ticket/success.html.twig
+++ b/templates/ticket/success.html.twig
@@ -34,19 +34,19 @@ Danke
                     <div class="max-w-xs mx-auto">
                         <div class="space-y-4">
                             <div class="flex justify-start space-x-3">
-                                <twig:ux:icon name="heroicons:calendar" class="w-6 h-6 text-gray-400" />
+                                <twig:ux:icon name="heroicons:calendar" class="w-6 h-6 text-orange-600" />
                                 <p class="text-gray-700">Sa. 28.06.2025</p>
                             </div>
                             <div class="flex justify-start space-x-3">
-                                <twig:ux:icon name="heroicons:clock" class="w-6 h-6 text-gray-400" />
+                                <twig:ux:icon name="heroicons:clock" class="w-6 h-6 text-orange-600" />
                                 <p class="text-gray-700">17:30 - Open End</p>
                             </div>
                             <div class="flex justify-start space-x-3">
-                                <twig:ux:icon name="heroicons:map-pin" class="w-6 h-6 text-gray-400" />
+                                <twig:ux:icon name="heroicons:map-pin" class="w-6 h-6 text-orange-600" />
                                 <p class="text-gray-700">Graubündener Str. 4, 28325 Bremen</p>
                             </div>
                             <div class="flex justify-start space-x-3">
-                                <twig:ux:icon name="tabler:shirt" class="w-6 h-6 text-gray-400" />
+                                <twig:ux:icon name="tabler:shirt" class="w-6 h-6 text-orange-600" />
                                 <p class="text-gray-700">Abendkleidung</p>
                             </div>
                         </div>
@@ -58,17 +58,17 @@ Danke
                     <div class="max-w-xs mx-auto">
                         <div class="space-y-4">
                             <div class="flex items-center gap-3">
-                                <twig:ux:icon name="heroicons:ticket" class="w-6 h-6 text-gray-400 flex-shrink-0" />
+                                <twig:ux:icon name="heroicons:ticket" class="w-6 h-6 text-orange-600 flex-shrink-0" />
                                 <span class="text-gray-600 font-medium whitespace-nowrap">17:30-19:30</span>
                                 <span class="text-gray-700">Einlass & Platznehmen</span>
                             </div>
                             <div class="flex items-center gap-3">
-                                <twig:ux:icon name="heroicons:cake" class="w-6 h-6 text-gray-400 flex-shrink-0" />
+                                <twig:ux:icon name="heroicons:cake" class="w-6 h-6 text-orange-600 flex-shrink-0" />
                                 <span class="text-gray-600 font-medium whitespace-nowrap">19:30-22:00</span>
                                 <span class="text-gray-700">Dinner & Beisammensein</span>
                             </div>
                             <div class="flex items-center gap-3">
-                                <twig:ux:icon name="heroicons:musical-note" class="w-6 h-6 text-gray-400 flex-shrink-0" />
+                                <twig:ux:icon name="heroicons:musical-note" class="w-6 h-6 text-orange-600 flex-shrink-0" />
                                 <span class="text-gray-600 font-medium whitespace-nowrap">ab 22:00</span>
                                 <span class="text-gray-700">Feier & Tanz im Saal</span>
                             </div>
-- 
2.47.2