[WIP] hardcoded succ and error msg

src/game.rs

@@ -32,9 +32,6 @@ async fn index(
             p {
                 mark { "TODO: Explanation of AEF / digital shadows / search game" }
             }
-            p {
-                mark { "TODO: Show optional SUCC message" }
-            }
 
             div.mb-sm {
                 (client.get_display_name())
@@ -75,7 +72,7 @@ async fn index(
                         li.card {
                             span {
                                 span.font-headline.rank.text-muted { (rank.rank) "." }
-                                @if rank.client == client { (PreEscaped("<mark>")) }
+                                @if rank.client == client { (PreEscaped("<mark id='ranking'>")) }
                                 (rank.client.get_display_name())
                                 @if rank.client == client { (PreEscaped("</mark>")) }
                             }

src/page.rs

@@ -83,20 +83,39 @@ impl Page {
                 }
 
                 main.container {
-                    @if self.has_msg() {
+                    article class="succ w-full" {
-                        section {
+                        header {
-                            @if let Some(succ) = self.succ {
+                          "Camera found"
-                                p class="succ" {
+                        }
-                                    (succ)
+                        "✨ You are a star ✨ Star dust sprinkle, sprinkle. "
-                                }
+                        a href="#ranking" {
-                            }
+                          "See your ranking"
-                            @if let Some(err) = self.err{
+                        }
-                                p class="err" {
+                        footer {
-                                    (err)
+                          "Rear Exit Cam"
-                                }
-                            }
                         }
                     }
+
+                    article class="name w-full" {
+                        header {
+                          "Camera found"
+                        }
+                        "text"
+                        footer {
+                          "Name of Camera"
+                        }
+                    }
+
+                    article class="error w-full" {
+                        header {
+                          "Camera found"
+                        }
+                        "text"
+                        footer {
+                          "Name of Camera"
+                        }
+                    }
+                   
                     section { (content) }
                 }
 

static/serve/style.css

@@ -95,6 +95,12 @@ input[type="submit"]:active {
   flex-wrap: wrap;
 }
 
+.w-full {
+  width: 100%;
+  max-width: 40rem;
+  text-align: center;
+}
+
 .small {
   font-size: .8rem;
 }