maud formatting

src/game.rs

@@ -29,29 +29,35 @@ 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 type="submit" value="Save";
-          }
+            fieldset role="group" {
+                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 {
             h2 { "Highscore" }
             ul.iterated {
                 @for rank in highscore {
                     li.card {
                         span {
-                          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("&nbsp;"))"📸"
+                            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("&nbsp;")) "📸" }
                     }
                 }
             }

src/index.rs

@@ -3,11 +3,9 @@ use maud::{html, Markup};
 
 pub(super) async fn index() -> Markup {
     new(html! {
-        h1 { 
-              "Digital Shadows"
-        }
+        h1 { "Digital Shadows" }
         hgroup {
-            h2 {    
+            h2 {
                 "Who owns your "
                 mark { "data" }
                 "?"
@@ -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 {

src/page.rs

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