cache theme
This commit is contained in:
@@ -14,20 +14,24 @@ 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"
|
||||
|
||||
# Game page
|
||||
game_title: "Wer findet die meisten Kameras?"
|
||||
|
||||
@@ -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"
|
||||
@@ -25,9 +25,14 @@ play_game_description: "Ever wandered through Linz with the aim to find (hidden)
|
||||
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_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"
|
||||
|
||||
# Game page
|
||||
game_title: "Who finds the most cameras?"
|
||||
|
||||
34
src/index.rs
34
src/index.rs
@@ -33,6 +33,15 @@ pub(super) async fn index(cookies: CookieJar, headers: HeaderMap) -> Markup {
|
||||
h2 { (t!("what_to_do_title")) }
|
||||
|
||||
div.grid.gap-lg.grid-cols-2 {
|
||||
article {
|
||||
header { (PreEscaped(t!("new_header"))) }
|
||||
|
||||
a
|
||||
href="https://ars.electronica.art/panic/de/view/digital-shadows-22a38ddb450c81d08bc4f50a818b0319/"
|
||||
target="_blank"
|
||||
class="btn mt-1 block"
|
||||
role="button" { (t!("more_infos")) }
|
||||
}
|
||||
article.col-span-2 {
|
||||
header { (t!("tour_aef_title")) }
|
||||
|
||||
@@ -56,19 +65,20 @@ 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")) }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
a
|
||||
href="https://digidow.eu"
|
||||
target="_blank"
|
||||
class="btn mt-1 block"
|
||||
role="button" { (t!("scientific_background")) }
|
||||
|
||||
|
||||
h2 { (t!("calendar")) }
|
||||
iframe 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" style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no";
|
||||
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -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();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user