add feedback from Ilona; various other changes

cache theme
gender..
2025-08-27 17:49:51 +02:00 · 2025-08-27 17:14:04 +02:00 · 2025-08-26 18:48:21 +02:00 · 2025-08-25 18:29:55 +02:00
6 changed files with 178 additions and 47 deletions
--- a/locales/de.yml
+++ b/locales/de.yml
@@ -14,26 +14,33 @@ artists_easter_egg: ", Marie Birner (Couch)"
 project_quote: "Digital Shadows konfrontiert Besucher*innen mit ihrem digitalen Selbst – kopiert, vermessen, analysiert. Ein Experiment über Datenmacht, Sichtbarkeit und Kontrolle im digitalen Zeitalter."
 project_quote_attribution: "— Digital Shadows Team"
 project_description: "Digital Shadows lädt die Teilnehmer*innen ein, Fragen digitaler und physischer Identität, Datensicherheit und Kontrolle zu erleben. In immersiven Zonen, die mit choreografischen Elementen verwoben sind, begegnen Besucher*innen sich selbst gespiegelt, kopiert, vermessen und verlieren sich gleichzeitig in einem System, das mehr über sie weiß, als sie preisgeben wollen. Zwischen Spiel und Analyse, Verbergen und Transparenz entsteht eine Reflexion über Identität im Zeitalter von Gesichtserkennung, Deepfakes und algorithmischer Profilierung. Wie täuscht man eine Kamera? Wie sichtbar möchte ich sein? Wem gehört, was ich hinterlasse, und wer profitiert davon? Dieses Experiment ist ein kollaboratives Unterfangen zwischen Wissenschaft und Kunst, das Macht, Sichtbarkeit und Selbstbestimmung im digitalen Raum greifbar macht. Durch eine Erkundung digitaler Materialität und algorithmischer Intelligenz entfaltet sich eine manchmal absurde, immer unmittelbare Reflexion über unsere Rolle in datengetriebenen Welten, bis wir unserem digitalen Dilemma gegenüberstehen und die Wahl noch immer bei uns liegt."
-what_to_do_title: "Was tun mit diesen Informationen?"
+what_to_do_title: "Unsere Aktivitäten"
 visit_booth_title: "Besuche unseren Stand"
 visit_booth_description: "Wir freuen uns darauf, dich an unserem Stand in der Post City Linz zu sehen, wo unser Team dir zeigt, was passiert, wenn dein digitaler Schatten allmächtig wird. "
 jku_link_title: "Zur JKU Informationsseite"
 find_out_more: "Erfahre mehr"
 location_postcity: "Wo: Postcity Linz"
-play_game_title: "Spiele unser Spiel"
+play_game_title: "Finde die Überwachungskameras"
 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: "Finden deinen perfekten Partner"
-tour_aef_description: "Entdecke echte Verbindungen durch unsere fachkundig geführten Touren. <strong>Dein perfekter Partner wartet auf dich.</strong> Bringe deine Freunde als Unterstützung mit und sichere dir noch heute deinen Termin."
+tour_aef_title: "Anmeldung zu \"Finde deinen perfekten Partner\""
+tour_aef_description: "Digital Shadows lädt dich ein, Fragen nach digitaler und physischer Identität, Datensicherheit und Kontrolle hautnah zu erleben. In immersiven Zonen mit choreografischen Elementen begegnen dir Spiegelungen, Kopien und Messungen deiner selbst – während du dich zugleich in einem System verlierst, das mehr über dich weiß, als du preisgeben willst.<br /><br/>Zwischen Spiel und Analyse, zwischen Verbergen und Offenlegen entsteht eine eindringliche Reflexion über Identität im Zeitalter von Gesichtserkennung, Deepfakes und algorithmischem Profiling. Wie täuscht man eine Kamera? Wie sichtbar will ich sein? Wem gehören meine digitalen Spuren – und wer profitiert davon?<br /><br />Dieses Experiment, eine Zusammenarbeit von Wissenschaft und Kunst, macht Machtverhältnisse, Sichtbarkeit und Selbstbestimmung im digitalen Raum greifbar. In der Auseinandersetzung mit digitaler Materialität und algorithmischer Intelligenz entfaltet sich ein mitunter absurdes, stets unmittelbares Spiegelbild unserer Rolle in datengetriebenen Welten – bis wir unserem eigenen digitalen Dilemma gegenüberstehen und die Entscheidung noch immer bei uns liegt."
 tour_register: "Jetzt anmelden"
 tour_register_title: "Zur Tour anmelden"
+more_infos: "Mehr Infos"
+new_header: "Laufende<br />Ausstellung <br /> Performances <br/> Immersive Theatre Tour"
+scientific_background: "Scientific background"
+calendar: "Kalender"
+cal_options: "Wähle wie du den Kalender anzeigen willst"
+cal_new_tab: "In neuen Tab öffnen"
+cal_show_here: "Hier anzeigen"

 # Game page
 game_title: "Wer findet die meisten Kameras?"
 game_explanation_todo: "Willkommen zu unserem Überwachungsbewusstseinsspiel! Als Teil unserer Digital Shadows Ausstellung beim Ars Electronica Festival haben wir QR-Codes bei Überwachungskameras in ganz Linz platziert. Deine Mission: Entdecke die Kameras, scanne unsere Codes und finde heraus, wie allgegenwärtig öffentliche Überwachung wirklich ist. Wir sind aber nur Menschen – wir haben nur einen kleinen Teil aller Kameras erfasst, die unsere Stadt beobachten. Wer beobachtet wen in unseren öffentlichen Räumen? Die Jagd beginnt jetzt! 🕵️"
 save_button: "Speichern"
-amount_participants: "Aktuell gibt es insgesamt %{amount} Teilnehmer (die mindestens 1 Kamera gefunden haben)."
+amount_participants: "Aktuell gibt es insgesamt %{amount} Teilnehmer:innen (die mindestens 1 Kamera gefunden haben)."
 cameras_found: "Du hast %{found}/%{total} Kameras gefunden:"
 highscore_title: "Bestenliste"
 not_found_title: "ups"
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -14,7 +14,7 @@ artists_easter_egg: ", Marie Birner (Couch)"
 project_quote: "Digital Shadows confronts visitors with their digital self – copied, measured, analyzed. An experiment on data power, visibility, and control in the digital age."
 project_quote_attribution: "— Digital Shadows Team"
 project_description: "Digital Shadows invites the participants to experience questions of digital and physical identity, data security, and control. In immersive zones woven with choreographic elements, visitors encounter themselves mirrored, copied, measured and simultaneously lose themselves in a system that knows more about them than they intend to reveal. Between play and analysis, concealment and transparency, a reflection emerges on identity in the age of facial recognition, deepfakes, and algorithmic profiling. How does one fool a camera? How visible do I want to be? Who owns what I leave behind, and who profits from it? This experiment is a collaborative endeavor between science and art, making power, visibility, and self-determination in digital space tangible. Through an exploration of digital materiality and algorithmic intelligence, a sometimes absurd, always immediate reflection unfolds on our role in data-driven worlds until we face our digital dilemma, and the choice is still ours to make."
-what_to_do_title: "What to do with this information?"
+what_to_do_title: "Our Activities"
 visit_booth_title: "Visit our booth"
 visit_booth_description: "We will be delighted to see you at our booth in the Post City Linz, where our team will show you, what happens when your Digital Shadow becomes allmighty. "
 jku_link_title: "Go to JKU Information Page"
@@ -24,10 +24,18 @@ 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: "Find Your Perfect Partner"
-tour_aef_description: "Discover meaningful connections through our expertly guided tours. <strong>Your perfect match is waiting.</strong> Bring your friends along for support and book your tour slots today."
+tour_aef_title: "Registration for \"Find Your Perfect Partner\""
+tour_aef_description: "Digital Shadows invites you to explore pressing questions about digital and physical identity, data security, and control in an immediate and tangible way. In immersive zones with choreographic elements, you encounter reflections, copies, and measurements of yourself—while at the same time losing yourself in a system that knows more about you than you may wish to reveal.
+Between play and analysis, between concealment and disclosure, an intense reflection emerges on identity in the age of facial recognition, deepfakes, and algorithmic profiling. How can one deceive a camera? How visible do I want to be? Who owns my digital traces—and who benefits from them?<br /><br />This experiment, a collaboration between science and art, makes power structures, visibility, and self-determination in digital spaces tangible. In engaging with digital materiality and algorithmic intelligence, an at times absurd yet always immediate mirror of our role in data-driven worlds unfolds—until we face our own digital dilemma, with the decision still in our hands"
 tour_register: "Register now"
 tour_register_title: "Register a slot"
+more_infos: "More infos"
+new_header: "Ongoing<br />Exhibition<br /> Performances <br/> Immersive Tour"
+scientific_background: "Scientific background"
+calendar: "Calendar"
+cal_options: "Choose how you'd like to access the calendar"
+cal_new_tab: "Open in New Tab"
+cal_show_here: "Show here"

 # Game page
 game_title: "Who finds the most cameras?"
--- a/src/index.rs
+++ b/src/index.rs
@@ -33,19 +33,14 @@ pub(super) async fn index(cookies: CookieJar, headers: HeaderMap) -> Markup {
        h2 { (t!("what_to_do_title")) }

        div.grid.gap-lg.grid-cols-2 {
-            article.col-span-2 {
-                header { (t!("tour_aef_title")) }
-
-                (PreEscaped(t!("tour_aef_description")))
+            article {
+                header { (PreEscaped(t!("new_header"))) }

                a
-                    href="https://www.jku.at/ars-electronica-2025-panic-yes-no/digital-shadows/"
+                    href="https://ars.electronica.art/panic/de/view/digital-shadows-22a38ddb450c81d08bc4f50a818b0319/"
                    target="_blank"
                    class="btn mt-1 block"
-                    role="button"
-                    title=(t!("tour_register_title")) { (t!("tour_register")) }
-
-                footer { (t!("location_postcity")) }
+                    role="button" { (t!("more_infos")) }
            }
            article {
                header { (t!("play_game_title")) }
@@ -56,19 +51,82 @@ pub(super) async fn index(cookies: CookieJar, headers: HeaderMap) -> Markup {

                footer { (t!("location_linz")) }
            }
-            article {
-                header { (t!("visit_booth_title")) }
+            article.col-span-2 {
+                header { (t!("tour_aef_title")) }

-                (t!("visit_booth_description"))
+                (PreEscaped(t!("tour_aef_description")))

                a
-                    href="https://www.jku.at/ars-electronica-2025-panic-yes-no/digital-shadows/"
+                    href="https://reglist24.com/digital-shadows-tour/form"
                    target="_blank"
-                    title=(t!("jku_link_title")) { (t!("find_out_more")) }
+                    class="btn mt-1 block"
+                    role="button"
+                    title=(t!("tour_register_title")) { (t!("tour_register")) }

                footer { (t!("location_postcity")) }
            }
        }
+
+
+        a
+            href="https://digidow.eu"
+            target="_blank"
+            class="btn mt-1 block"
+            role="button" { (t!("scientific_background")) }
+
+
+        h2 { (t!("calendar")) }
+        // Initial options shown to user
+        div #calendar-options .calendar-options {
+            p { (t!("cal_options"))" }
+
+            // Direct link option (privacy-first)
+            a href="https://calendar.google.com/calendar/embed?height=600&wkst=2&ctz=Europe%2FVienna&showPrint=0&showTz=0&showCalendars=0&showTabs=0&showDate=0&showNav=0&showTitle=0&mode=AGENDA&hl=en&src=YjA4NTZlZDUyZDAwNmY3ZTczNTgxYTk2NjI4MjFjMDZhYWJkZjUzMDBkMjZmMDZiOWFiYzg2YWE3YzBhNzFlNkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%23d50000" 
+              target="_blank" 
+              rel="noopener noreferrer" 
+              class="calendar-link" {
+                (t!("cal_new_tab"))
+            }
+
+            // Embed option
+            button #embed-calendar .embed-button {
+                (t!("cal_show_here"))
+            }
+        }
+
+        // iframe initially without src attribute
+        iframe #google-calendar
+            data-src="https://calendar.google.com/calendar/embed?height=600&wkst=2&ctz=Europe%2FVienna&showPrint=0&showTz=0&showCalendars=0&showTabs=0&showDate=0&showNav=0&showTitle=0&mode=AGENDA&hl=en&src=YjA4NTZlZDUyZDAwNmY3ZTczNTgxYTk2NjI4MjFjMDZhYWJkZjUzMDBkMjZmMDZiOWFiYzg2YWE3YzBhNzFlNkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%23d50000"
+            width="100%" 
+            height="600" 
+            frameborder="0" 
+            scrolling="no"
+            class="hidden" {}
+
+        // Inline JavaScript
+        script {
+            (PreEscaped(r#"
+                document.addEventListener('DOMContentLoaded', function() {
+                    const calendarOptions = document.getElementById('calendar-options');
+                    const embedButton = document.getElementById('embed-calendar');
+                    const iframe = document.getElementById('google-calendar');
+
+                    embedButton.addEventListener('click', function() {
+                        // Hide the options
+                        calendarOptions.classList.add('hidden');
+
+                        // Load the iframe by setting src from data-src
+                        const src = iframe.getAttribute('data-src');
+                        iframe.setAttribute('src', src);
+
+                        // Show the iframe
+                        iframe.classList.remove('hidden');
+                    });
+                });
+            "#))
+        }
+
+
    })
 }

--- a/src/model/highscore.rs
+++ b/src/model/highscore.rs
@@ -41,7 +41,7 @@ impl Backend {
                    WHERE rank <= COALESCE(
                        (SELECT rank FROM ranked_clients ORDER BY rank LIMIT 1 OFFSET 9),
                        (SELECT MAX(rank) FROM ranked_clients)
-                    )
+                    ) AND amount > 0
                    ORDER BY rank, name"
                )
                .fetch_all(db)
--- a/static/serve/style.css
+++ b/static/serve/style.css
@@ -22,6 +22,41 @@
 body {
  hyphens: auto;
 }
+.calendar-options {
+    border: 2px solid #ccc;
+    color: white;
+    padding: 20px;
+    text-align: center;
+    background-color: gray;
+    border-radius: 5px;
+    margin: 20px 0;
+}
+
+.calendar-link {
+    display: inline-block;
+    background-color: #4285f4;
+    color: white;
+    padding: 12px 24px;
+    text-decoration: none;
+    border-radius: 4px;
+    font-size: 16px;
+    margin: 10px;
+}
+
+.embed-button {
+    background-color: #34a853;
+    color: white;
+    padding: 12px 24px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 16px;
+    margin: 10px;
+}
+
+.hidden {
+    display: none;
+}

 /** Headline Styles */
 h1 {
--- a/static/serve/theme.js
+++ b/static/serve/theme.js
@@ -19,35 +19,58 @@ function setLanguageCookie() {

 /** [ph] */
 function switchTheme() {
-  let isLight = true;
-  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches){
-      isLight = false
-  }
-
-  const html = document.documentElement
-  const switchTheme = document.getElementById('theme_switcher')
+  // Define the SVG icons first
  const os_default = '<svg viewBox="0 0 16 16"><path fill="currentColor" d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/></svg>'
  const sun = '<svg viewBox="0 0 16 16"><path fill="currentColor" d="M8 11a3 3 0 1 1 0-6a3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8a4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/></svg>'
  const moon = '<svg viewBox="0 0 16 16"><g fill="currentColor"><path d="M6 .278a.768.768 0 0 1 .08.858a7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277c.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316a.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71C0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063c-4.61 0-8.343-3.714-8.343-8.29c0-1.167.242-2.278.681-3.286z"/><path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/></g></svg>'
-  const removeTooltip = (timeInt = 1750) => {
-    setTimeout(()=>{
-      switchTheme.blur()
-    },timeInt)
+
+  // Check for saved theme preference first
+  let savedTheme = localStorage.getItem('theme-preference');
+  let isLight = true;
+
+  if (savedTheme) {
+    // Use saved preference
+    isLight = savedTheme === 'light';
+  } else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    // Fall back to OS preference only if no saved theme
+    isLight = false;
  }

-  switchTheme.innerHTML = os_default
-  //html.setAttribute('data-theme', 'auto')
-  switchTheme.setAttribute('data-tooltip', 'os theme')
-  switchTheme.focus()
-  removeTooltip(3000)
+  const html = document.documentElement;
+  const switchTheme = document.getElementById('theme_switcher');

-  switchTheme.addEventListener('click', (e)=> {
-    e.preventDefault()
-    isLight = !isLight
-    html.setAttribute('data-theme', isLight? 'light':'dark')
-    switchTheme.innerHTML = isLight? sun : moon
-    switchTheme.setAttribute('data-tooltip', `theme ${isLight?'light':'dark'}`)
-    removeTooltip()
-  })
+  const removeTooltip = (timeInt = 1750) => {
+    setTimeout(() => {
+      switchTheme.blur();
+    }, timeInt);
+  };
+
+  // Apply the theme immediately if we have a saved preference
+  if (savedTheme && savedTheme !== 'auto') {
+    html.setAttribute('data-theme', savedTheme);
+    switchTheme.innerHTML = isLight ? sun : moon;
+    switchTheme.setAttribute('data-tooltip', `theme ${savedTheme}`);
+  } else {
+    // Default OS theme
+    switchTheme.innerHTML = os_default;
+    switchTheme.setAttribute('data-tooltip', 'os theme');
+  }
+
+  switchTheme.focus();
+  removeTooltip(3000);
+
+  switchTheme.addEventListener('click', (e) => {
+    e.preventDefault();
+    isLight = !isLight;
+    const newTheme = isLight ? 'light' : 'dark';
+
+    // Save preference
+    localStorage.setItem('theme-preference', newTheme);
+
+    html.setAttribute('data-theme', newTheme);
+    switchTheme.innerHTML = isLight ? sun : moon;
+    switchTheme.setAttribute('data-tooltip', `theme ${newTheme}`);
+    removeTooltip();
+  });
 }
Author	SHA1	Message	Date
Philipp Hofer	56b717cfab	add feedback from Ilona; various other changes	2025-08-27 17:49:51 +02:00
Philipp Hofer	fc74957bb7	cache theme	2025-08-27 17:14:04 +02:00
Philipp Hofer	d88a85233a	gender..	2025-08-26 18:48:21 +02:00
Philipp Hofer	09549aabea	hide those with 0 cams in highscore list	2025-08-25 18:29:55 +02:00