maud formatting
This commit is contained in:
22
src/game.rs
22
src/game.rs
@@ -30,12 +30,20 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
|
||||
|
||||
form {
|
||||
fieldset role="group" {
|
||||
input name="name" placeholder=(format!("Rename {}", client.get_display_name())) aria-label="Name";
|
||||
input
|
||||
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 {
|
||||
"You have found "
|
||||
(sightings.len())
|
||||
"/"
|
||||
(amount_total_cameras)
|
||||
" cameras."
|
||||
progress value=(sightings.len()) max=(amount_total_cameras);
|
||||
}
|
||||
p {
|
||||
@@ -44,16 +52,12 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
|
||||
@for rank in highscore {
|
||||
li.card {
|
||||
span {
|
||||
span.font-headline.rank.text-muted {
|
||||
(rank.rank)"."
|
||||
}
|
||||
span.font-headline.rank.text-muted { (rank.rank) "." }
|
||||
@if rank.client == client { (PreEscaped("<mark>")) }
|
||||
(rank.client.get_display_name())
|
||||
@if rank.client == client{ (PreEscaped("</mark>")) }
|
||||
}
|
||||
span.font-headline.cam {
|
||||
(rank.amount)(PreEscaped(" "))"📸"
|
||||
@if rank.client == client { (PreEscaped("</mark>")) }
|
||||
}
|
||||
span.font-headline.cam { (rank.amount) (PreEscaped(" ")) "📸" }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -3,9 +3,7 @@ use maud::{html, Markup};
|
||||
|
||||
pub(super) async fn index() -> Markup {
|
||||
new(html! {
|
||||
h1 {
|
||||
"Digital Shadows"
|
||||
}
|
||||
h1 { "Digital Shadows" }
|
||||
hgroup {
|
||||
h2 {
|
||||
"Who owns your "
|
||||
@@ -22,9 +20,7 @@ pub(super) async fn index() -> Markup {
|
||||
blockquote {
|
||||
"Digital Shadows confronts visitors with their digital self – copied, measured, analyzed. An experiment on data power, visibility, and control in the digital age."
|
||||
footer {
|
||||
cite {
|
||||
"— René Mayrhofer"
|
||||
}
|
||||
cite { "— René Mayrhofer" }
|
||||
}
|
||||
}
|
||||
p {
|
||||
|
26
src/page.rs
26
src/page.rs
@@ -10,40 +10,38 @@ pub fn new(content: Markup) -> Markup {
|
||||
meta name="viewport" content="width=device-width, initial-scale=1.0";
|
||||
link rel="stylesheet" href="/static/pico.min.css";
|
||||
link rel="stylesheet" href="/static/style.css";
|
||||
title {
|
||||
"Digital Shadows"
|
||||
}
|
||||
title { "Digital Shadows" }
|
||||
}
|
||||
body {
|
||||
header.container {
|
||||
nav {
|
||||
ul {
|
||||
li { a href="/" { strong { "Digital Shadows" } } }
|
||||
li {
|
||||
a href="/" {
|
||||
strong { "Digital Shadows" }
|
||||
}
|
||||
}
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
a href="/"{
|
||||
span role="img" aria-label="home" {
|
||||
"🏠"
|
||||
}
|
||||
a href="/" {
|
||||
span role="img" aria-label="home" { "🏠" }
|
||||
}
|
||||
}
|
||||
li {
|
||||
a href="/game" {
|
||||
span role="img" aria-label="camera" {
|
||||
"📸"
|
||||
span role="img" aria-label="camera" { "📸" }
|
||||
}
|
||||
}
|
||||
li {
|
||||
span id="theme_switcher" {}
|
||||
}
|
||||
li { span id="theme_switcher" {} }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main.container {
|
||||
section {
|
||||
(content)
|
||||
}
|
||||
section { (content) }
|
||||
}
|
||||
|
||||
footer.container {
|
||||
|
Reference in New Issue
Block a user