maud formatting

This commit is contained in:
2025-08-02 21:24:12 +02:00
parent 4b62d5989b
commit b734043310
3 changed files with 54 additions and 56 deletions

View File

@@ -29,14 +29,22 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
} }
form { form {
fieldset role="group" { fieldset role="group" {
input name="name" placeholder=(format!("Rename {}", client.get_display_name())) aria-label="Name"; input
input type="submit" value="Save"; name="name"
} placeholder=(format!("Rename {}", client.get_display_name()))
aria-label="Name";
input type="submit" value="Save";
}
} }
p { "You have found " (sightings.len()) "/" (amount_total_cameras) " cameras." p {
progress value=(sightings.len()) max=(amount_total_cameras); "You have found "
(sightings.len())
"/"
(amount_total_cameras)
" cameras."
progress value=(sightings.len()) max=(amount_total_cameras);
} }
p { p {
h2 { "Highscore" } h2 { "Highscore" }
@@ -44,16 +52,12 @@ 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.text-muted { span.font-headline.rank.text-muted { (rank.rank) "." }
(rank.rank)"." @if rank.client == client { (PreEscaped("<mark>")) }
} (rank.client.get_display_name())
@if rank.client == client { (PreEscaped("<mark>")) } @if rank.client == client { (PreEscaped("</mark>")) }
(rank.client.get_display_name())
@if rank.client == client{ (PreEscaped("</mark>")) }
}
span.font-headline.cam {
(rank.amount)(PreEscaped("&nbsp;"))"📸"
} }
span.font-headline.cam { (rank.amount) (PreEscaped("&nbsp;")) "📸" }
} }
} }
} }

View File

@@ -3,11 +3,9 @@ use maud::{html, Markup};
pub(super) async fn index() -> Markup { pub(super) async fn index() -> Markup {
new(html! { new(html! {
h1 { h1 { "Digital Shadows" }
"Digital Shadows"
}
hgroup { hgroup {
h2 { h2 {
"Who owns your " "Who owns your "
mark { "data" } mark { "data" }
"?" "?"
@@ -22,9 +20,7 @@ pub(super) async fn index() -> Markup {
blockquote { blockquote {
"Digital Shadows confronts visitors with their digital self copied, measured, analyzed. An experiment on data power, visibility, and control in the digital age." "Digital Shadows confronts visitors with their digital self copied, measured, analyzed. An experiment on data power, visibility, and control in the digital age."
footer { footer {
cite { cite { "— René Mayrhofer" }
"— René Mayrhofer"
}
} }
} }
p { p {

View File

@@ -10,52 +10,50 @@ 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 { title { "Digital Shadows" }
"Digital Shadows"
}
} }
body { body {
header.container { header.container {
nav { nav {
ul { ul {
li { a href="/" { strong { "Digital Shadows" } } } li {
a href="/" {
strong { "Digital Shadows" }
}
} }
ul { }
li { ul {
a href="/"{ li {
span role="img" aria-label="home" { a href="/" {
"🏠" span role="img" aria-label="home" { "🏠" }
}
}
} }
li { }
a href="/game" { li {
span role="img" aria-label="camera" { a href="/game" {
"📸" span role="img" aria-label="camera" { "📸" }
}
}
} }
li { span id="theme_switcher" {} } }
li {
span id="theme_switcher" {}
} }
} }
} }
}
main.container { main.container {
section { section { (content) }
(content) }
}
}
footer.container { footer.container {
small { small {
"Footer " "Footer "
mark { "to be completed" } mark { "to be completed" }
a href="#" { "with links" } a href="#" { "with links" }
"" ""
a target="_blank" href="https://www.digidow.eu/impressum/" { "Impressum" } a target="_blank" href="https://www.digidow.eu/impressum/" { "Impressum" }
}
} }
script src="/static/theme.js" {} }
script src="/static/theme.js" {}
} }
} }
} }