From 50ba28fad0a64475426718b4c94e6430917e4684 Mon Sep 17 00:00:00 2001 From: Marie Birner Date: Sat, 2 Aug 2025 21:35:16 +0200 Subject: [PATCH 1/5] [TASK] add shadow on buttons except secondary button --- static/serve/style.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/static/serve/style.css b/static/serve/style.css index f583c49..ae8f291 100644 --- a/static/serve/style.css +++ b/static/serve/style.css @@ -8,6 +8,8 @@ :root { --pico-typography-spacing-vertical: 2rem; --pico-font-family: 'Arial', sans-serif; + --pico-form-element-spacing-vertical: .3rem; + --pico-form-element-spacing-horizontal: .8rem; } h1 { @@ -19,6 +21,39 @@ h1 { text-align: center; } +input[type="submit"], +button:not([class="secondary"]) { + transition: margin-top 0.3s ease, + margin-left 0.3s ease, + box-shadow 0.3s ease; + + background: var(--pico-primary); + border: solid 1px var(--pico-primary-hover-background); + + box-shadow: 1px 0px 0px var(--pico-primary-hover-background),0px 1px 0px var(--pico-primary-hover-background), + 2px 1px 0px var(--pico-primary-hover-background),1px 2px 0px var(--pico-primary-hover-background), + 3px 2px 0px var(--pico-primary-hover-background),2px 3px 0px var(--pico-primary-hover-background), + 4px 3px 0px var(--pico-primary-hover-background),3px 4px 0px var(--pico-primary-hover-background), + 5px 4px 0px var(--pico-primary-hover-background),4px 5px 0px var(--pico-primary-hover-background), + 6px 5px 0px var(--pico-primary-hover-background),5px 6px 0px var(--pico-primary-hover-background), + 7px 6px 0px var(--pico-primary-hover-background),6px 7px 0px var(--pico-primary-hover-background), + 8px 7px 0px var(--pico-primary-hover-background),7px 8px 0px var(--pico-primary-hover-background), + 9px 8px 0px var(--pico-primary-hover-background),8px 9px 0px var(--pico-primary-hover-background); +} + +/* When the button is clicked */ +button:not([class="secondary"]):active, +input[type="submit"]:active { + transition: margin-top 0.3s ease; + margin-left 0.3s ease; + box-shadow 0.3s ease; + + margin-left:9px; + margin-top:9px; + + box-shadow: 0px 0px 0px var(--pico-primary-hover-background); +} + .font-headline { font-family: 'Rubik Doodle Shadow', sans-serif; } From 45d33d035119389161aa1e54cc8e69d67dfa655a Mon Sep 17 00:00:00 2001 From: Marie Birner Date: Sat, 2 Aug 2025 21:41:50 +0200 Subject: [PATCH 2/5] [TASK] change color of rank class css --- static/serve/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/static/serve/style.css b/static/serve/style.css index ae8f291..8e0578b 100644 --- a/static/serve/style.css +++ b/static/serve/style.css @@ -61,6 +61,7 @@ input[type="submit"]:active { .rank { font-size: clamp(2rem, 1.875rem + 2vw, 2.5rem); margin-right: 1rem; + color: var(--pico-primary); } .cam { From 0204a18d56dc1bb4a0798ebd135821a74209b0ce Mon Sep 17 00:00:00 2001 From: Marie Birner Date: Sat, 2 Aug 2025 21:42:43 +0200 Subject: [PATCH 3/5] [TASK] change letter spacing rank class --- static/serve/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/static/serve/style.css b/static/serve/style.css index 8e0578b..eaf3f08 100644 --- a/static/serve/style.css +++ b/static/serve/style.css @@ -62,6 +62,7 @@ input[type="submit"]:active { font-size: clamp(2rem, 1.875rem + 2vw, 2.5rem); margin-right: 1rem; color: var(--pico-primary); + letter-spacing: 0.33rem; } .cam { From 12de65c1e7f170f09fcae380b420ce38589daf8a Mon Sep 17 00:00:00 2001 From: Marie Birner Date: Sat, 2 Aug 2025 21:51:30 +0200 Subject: [PATCH 4/5] [TASK] add funny text - we're tired --- src/game.rs | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/game.rs b/src/game.rs index 7fae183..2bb5958 100644 --- a/src/game.rs +++ b/src/game.rs @@ -28,11 +28,16 @@ async fn index(State(backend): State>, cookies: CookieJar) -> Respo mark { "TODO: Show optional SUCC message" } } + div { + (client.get_display_name()) + ", do you want to be named something different? No worries, change here 👇" + } + form { fieldset role="group" { input name="name" - placeholder=(format!("Rename {}", client.get_display_name())) + placeholder="✨ Your new name starts here ✨" aria-label="Name"; input type="submit" value="Save"; } From 52e7137a6d129ecdee4b6b082e925369a366f8a3 Mon Sep 17 00:00:00 2001 From: Marie Birner Date: Sat, 2 Aug 2025 21:55:55 +0200 Subject: [PATCH 5/5] [TASK] add easteregg in text --- src/index.rs | 3 +++ static/serve/style.css | 4 ++++ 2 files changed, 7 insertions(+) diff --git a/src/index.rs b/src/index.rs index 274041d..eb88c6d 100644 --- a/src/index.rs +++ b/src/index.rs @@ -16,6 +16,9 @@ pub(super) async fn index() -> Markup { } p { "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)" + span.easteregg { + ", Marie Birner (Couch)" + } } blockquote { "Digital Shadows confronts visitors with their digital self – copied, measured, analyzed. An experiment on data power, visibility, and control in the digital age." diff --git a/static/serve/style.css b/static/serve/style.css index eaf3f08..bad01f2 100644 --- a/static/serve/style.css +++ b/static/serve/style.css @@ -98,3 +98,7 @@ header a { line-height: 1.75; font-size: 1.25em; } + +.easteregg { + color: var(--pico-background-color); +}