From a62ba324f2237c8e2a23934444cdf278357f113a Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Sun, 24 Aug 2025 16:26:06 +0200
Subject: [PATCH] [TASK] add registration box

---
 locales/de.yml         |  2 ++
 locales/en.yml         |  2 ++
 src/index.rs           | 22 ++++++++++++++++++----
 static/serve/style.css | 11 ++++++++++-
 4 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/locales/de.yml b/locales/de.yml
index 1224528..f635e38 100644
--- a/locales/de.yml
+++ b/locales/de.yml
@@ -24,6 +24,8 @@ play_game_title: "Spiele unser Spiel"
 play_game_description: "Schon mal durch Linz gewandert mit dem Ziel, (versteckte) Kameras zu finden? Nun, wenn du so jemand bist, dann ist unser 'Kameras entdecken'-Spiel ideal für dich! "
 game_link_title: "Zur Spiel-Seite"
 location_linz: "Wo: überall in Linz"
+tour_aef_title: "Registriere dich zur Führung"
+tour_aef_description: "Register to our tour and check out the best :)  "
 
 # Game page
 game_title: "Wer findet die meisten Kameras?"
diff --git a/locales/en.yml b/locales/en.yml
index 828e50f..74e2766 100644
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -24,6 +24,8 @@ play_game_title: "Play our game"
 play_game_description: "Ever wandered through Linz with the aim to find (hidden) cameras? Well, if you are that kind of person than our 'Discover cameras' game will be ideal for you! "
 game_link_title: "Go to Game Page"
 location_linz: "Where: all over Linz"
+tour_aef_title: "Register for tour"
+tour_aef_description: "Register to our tour and check out the best :)  "
 
 # Game page
 game_title: "Who finds the most cameras?"
diff --git a/src/index.rs b/src/index.rs
index 8081db3..97002bc 100644
--- a/src/index.rs
+++ b/src/index.rs
@@ -32,15 +32,17 @@ pub(super) async fn index(cookies: CookieJar, headers: HeaderMap) -> Markup {
 
         h2 { (t!("what_to_do_title")) }
 
-        div.grid.gap-lg {
-            article {
-                header { (t!("visit_booth_title")) }
+        div.grid.gap-lg.grid-cols-2 {
+            article.col-span-2 {
+                header { (t!("tour_aef_title")) }
 
-                (t!("visit_booth_description"))
+                (t!("tour_aef_description"))
 
                 a
                     href="https://www.jku.at/ars-electronica-2025-panic-yes-no/digital-shadows/"
                     target="_blank"
+                    class="btn"
+                    role="button"
                     title=(t!("jku_link_title")) { (t!("find_out_more")) }
 
                 footer { (t!("location_postcity")) }
@@ -54,6 +56,18 @@ pub(super) async fn index(cookies: CookieJar, headers: HeaderMap) -> Markup {
 
                 footer { (t!("location_linz")) }
             }
+            article {
+                header { (t!("visit_booth_title")) }
+
+                (t!("visit_booth_description"))
+
+                a
+                    href="https://www.jku.at/ars-electronica-2025-panic-yes-no/digital-shadows/"
+                    target="_blank"
+                    title=(t!("jku_link_title")) { (t!("find_out_more")) }
+
+                footer { (t!("location_postcity")) }
+            }
         }
     })
 }
diff --git a/static/serve/style.css b/static/serve/style.css
index a09991f..d71a7ea 100644
--- a/static/serve/style.css
+++ b/static/serve/style.css
@@ -44,7 +44,8 @@ h2 {
 
 /** Button Styles */
 input[type="submit"], 
-button:not([class="secondary"]) {
+button:not([class="secondary"]),
+.btn {
     transition: box-shadow 0.3s ease;
 
     background: var(--pico-primary-background);
@@ -118,6 +119,14 @@ input[type="submit"]:active {
   .gap-lg {
     grid-gap: 5rem;
   }
+
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
 }
 
 /** custom ol style */