[TASK] add registration box

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?"

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?"

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 {
+        div.grid.gap-lg.grid-cols-2 {
-            article {
+            article.col-span-2 {
-                header { (t!("visit_booth_title")) }
+                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")) }
+            }
         }
     })
 }

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 */