add first prototype of website

src/index.rs

@@ -0,0 +1,91 @@
+use crate::page::new;
+use maud::{html, Markup, PreEscaped};
+
+pub(super) async fn index() -> Markup {
+    new(html! {
+        hgroup {
+            h1 { "Digital Shadows" (PreEscaped("—")) "Who owns your data?" }
+            p {
+                "What happens when your digital shadow takes shape: tangible, interrogative, observant?"
+            }
+        }
+        blockquote {
+            "Artists: René Mayrhofer(AT), Philipp Hofer (AT), Laura Poulbot (FR), Airan Berg (AT), Andrea Hummer (AT), Ilona Roth (DE/AT), Linda Huber (AT), Gisela Klammsteiner (AT), Sara Koniarek (AT), Simon Sharkey (GB), Valerio Iurato (IT), Doris Roth (DE), Alina Lugovskaya (UA/RU), Selina Nowak (AT), JeanClaude Grieco (AR/AT), Florian Böttcher (AT), Ethem Saygieder-Fischer (AT)"
+        }
+        article {
+            "Digital Shadows confronts visitors with their digital self – copied, measured, analyzed. An experiment on data power, visibility, and control in the digital age."
+        }
+        p {
+            "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."
+        }
+
+        h2 {
+            mark { "TODO: Hier weitermachen" }
+        }
+
+        h2 { "Features" }
+        h3 { "Sample Form" }
+        form {
+            fieldset {
+                label for="name" {
+                    "Name"
+                    input type="text" id="name" name="name" placeholder="Your name" required;
+                }
+
+                label for="email" {
+                    "Email"
+                    input
+                        type="email"
+                        id="email"
+                        name="email"
+                        placeholder="your@email.com"
+                        required;
+                }
+
+                label for="message" {
+                    "Message"
+                    textarea
+                        id="message"
+                        name="message"
+                        placeholder="Your message here..."
+                        rows="4" {}
+                }
+            }
+
+            input type="submit" value="Send Message";
+        }
+
+        h3 { "Sample Grid" }
+        div.grid {
+            div {
+                article {
+                    header { "Card 1" }
+                    p { "This is the first card in a responsive grid layout." }
+                }
+            }
+            div {
+                article {
+                    header { "Card 2" }
+                    p {
+                        "This is the second card. Pico CSS handles the responsive behavior automatically."
+                    }
+                }
+            }
+            div {
+                article {
+                    header { "Card 3" }
+                    p { "Third card completes our example grid layout." }
+                }
+            }
+        }
+
+        h3 { "Sample Buttons" }
+        p {
+            button { "Primary Button" }
+            " "
+            button.secondary { "Secondary Button" }
+            " "
+            button.contrast { "Contrast Button" }
+        }
+    })
+}