diff --git a/src/game.rs b/src/game.rs
index f937926..8867b57 100644
--- a/src/game.rs
+++ b/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>")) }
                             }
diff --git a/src/page.rs b/src/page.rs
index d62514a..65a00de 100644
--- a/src/page.rs
+++ b/src/page.rs
@@ -83,20 +83,39 @@ impl Page {
                 }
 
                 main.container {
-                    @if self.has_msg() {
-                        section {
-                            @if let Some(succ) = self.succ {
-                                p class="succ" {
-                                    (succ)
-                                }
-                            }
-                            @if let Some(err) = self.err{
-                                p class="err" {
-                                    (err)
-                                }
-                            }
+                    article class="succ w-full" {
+                        header {
+                          "Camera found"
+                        }
+                        "✨ You are a star ✨ Star dust sprinkle, sprinkle. "
+                        a href="#ranking" {
+                          "See your ranking"
+                        }
+                        footer {
+                          "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) }
                 }
 
diff --git a/static/serve/style.css b/static/serve/style.css
index 841c1b6..49e5fdf 100644
--- a/static/serve/style.css
+++ b/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;
 }