maud formatting
This commit is contained in:
34
src/game.rs
34
src/game.rs
@@ -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(" "))"📸"
|
|
||||||
}
|
}
|
||||||
|
span.font-headline.cam { (rank.amount) (PreEscaped(" ")) "📸" }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -3,9 +3,7 @@ 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 "
|
||||||
@@ -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 {
|
||||||
|
66
src/page.rs
66
src/page.rs
@@ -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" {}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user