update 404 page (#73)

MystenLabs · Jun 18, 2024 · 357b812 · 357b812
1 parent 92d332e
commit 357b812
Showing 1 changed file with 24 additions and 61 deletions.
diff --git a/portal/static/404-page.template.html b/portal/static/404-page.template.html
@@ -9,68 +9,31 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>404 Walrus Site Not Found</title>
-        <style>
-            body,
-            html {
-                height: 100%;
-                margin: 0;
-                font-family: "Inter", sans-serif;
-                background-color: #f5f5f5;
-                color: #333;
-            }
-            .container {
-                position: relative;
-                height: 100%;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                text-align: center;
-                flex-direction: column;
-            }
-            .headline {
-                font-size: 5em;
-                line-height: 1.2;
-                font-weight: bolder;
-                margin: 0;
-                padding: 5px;
-            }
-            .error {
-                background-color: #e53e3e;
-                color: white;
-            }
-            .description {
-                font-size: 1.5em;
-                margin: 20px 0;
-            }
-            .button {
-                display: inline-block;
-                padding: 1em 2em;
-                margin-top: 20px;
-                border: 2px solid #e53e3e;
-                color: #333;
-                text-decoration: none;
-                font-size: 1em;
-                transition: all 0.3s ease;
-            }
-            .button:hover {
-                background-color: #e53e3e;
-                color: #fff;
-            }
-            @media (max-width: 600px) {
-                .headline {
-                    font-size: 2.5em;
-                }
-                .description {
-                    font-size: 1.5em;
-                }
-            }
-        </style>
     </head>
     <body>
-        <div class="container">
-            <p class="headline error">404</p>
-            <p class="description">${message}</p>
-            <button onclick="history.back()" href="/" class="button">Go Back</button>
-        </div>
+        <main>
+            <div class="main-div">
+                <div class="content-div">
+                    <div class="center InterTightMedium" style="color: #696969;">
+                        <div style="font-size: 88px; line-height: 160%;">🙅🏽</div>
+                        <div style="font-size: 16px; line-height: 160%;">This page does not exist</div>
+                        <a href="https://walrus.site/" style="color: #696969; font-size: 16px; line-height: 160%;">Open Walrus.site</a>
+                    </div>
+                </div>
+                <footer class="InterTightBold">
+                    <div>
+                        Copyright 2024 © Mysten Labs, Inc.  
+                    </div>
+                    <div class="terms-policies">
+                        <div>
+                            Terms of Service
+                        </div>
+                        <div>
+                            Privacy Policy
+                        </div>
+                    </div>
+                </footer>
+            </div>
+        </main>
     </body>
 </html>