Merge branch 'main' of ssh://git.hofer.link:2222/philipp/aef-website

This commit is contained in:
2025-08-02 21:01:51 +02:00
3 changed files with 33 additions and 9 deletions

View File

@@ -27,9 +27,18 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
p { p {
mark { "TODO: Show optional SUCC message" } mark { "TODO: Show optional SUCC message" }
} }
form {
fieldset role="group" {
input name="name" placeholder="Replace Name" aria-label="Name";
input type="submit" value="Save";
}
}
p { p {
mark { "TODO: Show optional REGISTER-NAME message" } mark { "TODO: Show optional REGISTER-NAME message" }
} }
p { "You have found " (sightings.len()) "/" (amount_total_cameras) " cameras." } p { "You have found " (sightings.len()) "/" (amount_total_cameras) " cameras." }
p { p {
h2 { "Highscore" } h2 { "Highscore" }
@@ -37,16 +46,16 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
@for rank in highscore { @for rank in highscore {
li.card { li.card {
span { span {
span.font-headline.rank { span.font-headline.rank.text-muted {
(rank.rank) (rank.rank)"."
} }
@if rank.uuid == client.uuid { (PreEscaped("<mark>")) } @if rank.uuid == client.uuid { (PreEscaped("<mark>")) }
(rank.name) (rank.name)
@if rank.uuid == client.uuid { (PreEscaped("</mark>")) } @if rank.uuid == client.uuid { (PreEscaped("</mark>")) }
} }
span { span.font-headline.cam {
(rank.amount) (rank.amount)(PreEscaped("&nbsp;"))"📸"
} }
} }
} }
} }

View File

@@ -1,5 +1,7 @@
use maud::{html, Markup, DOCTYPE}; use maud::{html, Markup, DOCTYPE};
// TODO: set dynamic meta lang attribute
pub fn new(content: Markup) -> Markup { pub fn new(content: Markup) -> Markup {
html! { html! {
(DOCTYPE) (DOCTYPE)
@@ -8,6 +10,9 @@ pub fn new(content: Markup) -> Markup {
meta name="viewport" content="width=device-width, initial-scale=1.0"; meta name="viewport" content="width=device-width, initial-scale=1.0";
link rel="stylesheet" href="/static/pico.min.css"; link rel="stylesheet" href="/static/pico.min.css";
link rel="stylesheet" href="/static/style.css"; link rel="stylesheet" href="/static/style.css";
title {
"Digital Shadows"
}
} }
body { body {
header.container { header.container {
@@ -30,7 +35,7 @@ pub fn new(content: Markup) -> Markup {
} }
} }
} }
li { span id="theme_switcher" style="width: 20px; height: 20px;" {} } li { span id="theme_switcher" {} }
} }
} }
} }

View File

@@ -24,10 +24,14 @@ h1 {
} }
.rank { .rank {
font-size: clamp(2rem, 1.875rem + 2vw, 3rem); font-size: clamp(2rem, 1.875rem + 2vw, 2.5rem);
margin-right: 1rem; margin-right: 1rem;
} }
.cam {
font-size: 1.3rem;
}
ul.iterated { ul.iterated {
padding-left: unset; padding-left: unset;
} }
@@ -40,10 +44,16 @@ ul.iterated > li {
border-bottom: 3px solid white; border-bottom: 3px solid white;
} }
ul.iterated > li:nth-of-type(even) { :host(:not([data-theme=dark])), :root:not([data-theme=dark]), [data-theme=light] ul.iterated > li {
border-bottom: 3px solid black;
} }
ul.iterated > li:nth-of-type(odd) {
/* Header */
#theme_switcher {
width: 20px;
height: 20px;
display: inline-block;
} }
header a { header a {