[TASK] style highscore list

src/game.rs

@@ -33,14 +33,20 @@ async fn index(State(backend): State<Arc<Backend>>, cookies: CookieJar) -> Respo
         p { "You have found " (sightings.len()) "/" (amount_total_cameras) " cameras." }
         p {
             h2 { "Highscore" }
-            ul {
+            ul.iterated {
                 @for rank in highscore {
-                    li {
-                        @if rank.uuid == client.uuid { (PreEscaped("<mark>")) }
-                        @if let Some(name) = rank.name { (name) } @else { "Anonymer Bär" }
-                        @if rank.uuid == client.uuid { (PreEscaped("</mark>")) }
-                        (PreEscaped("&rarr;"))
-                        (rank.amount)
+                    li.card {
+                        span {
+                          span.font-headline.rank {
+                            (rank.rank)
+                          }
+                          @if rank.uuid == client.uuid { (PreEscaped("<mark>")) }
+                          @if let Some(name) = rank.name { (name) } @else { "Anonymer Bär" }
+                          @if rank.uuid == client.uuid { (PreEscaped("</mark>")) }
+                        }
+                        span {
+                          (rank.amount)
+                        }                        
                     }
                 }
             }

src/index.rs

@@ -16,7 +16,7 @@ pub(super) async fn index() -> Markup {
                 "What happens when your digital shadow takes shape: tangible, interrogative, observant?"
             }
         }
-        blockquote {
+        p {
             "Artists: René Mayrhofer(AT), Philipp Hofer (AT), Laura Poulbot (FR), Airan Berg (AT), Andrea Hummer (AT), Ilona Roth (DE/AT), Linda Huber (AT), Gisela Klammsteiner (AT), Sara Koniarek (AT), Simon Sharkey (GB), Valerio Iurato (IT), Doris Roth (DE), Alina Lugovskaya (UA/RU), Selina Nowak (AT), JeanClaude Grieco (AR/AT), Florian Böttcher (AT), Ethem Saygieder-Fischer (AT)"
         }
         article {