Update 404.html

marioseixas · Aug 4, 2024 · a95b6ea · a95b6ea
1 parent 33dbb07
commit a95b6ea
Showing 1 changed file with 31 additions and 48 deletions.
diff --git a/404.html b/404.html
@@ -5,57 +5,40 @@
 id: not-found
 ---
 
-<style>
-    body {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100vh;
-        margin: 0;
-        background-color: #f8f9fa;
-        color: #343a40;
-    }
-    .container {
-        text-align: center;
-        padding: 20px;
-        max-width: 800px;
-        margin: auto;
-    }
-    h1 {
-        font-size: 2em;
-        margin-bottom: 0.5em;
-    }
-    p {
-        margin-bottom: 1em;
-    }
-    .gcse-search {
-        margin-bottom: 1em;
-    }
-    .iframe-container {
-        position: relative;
-        padding-bottom: 56.25%; /* 16:9 aspect ratio */
-        height: 0;
-        overflow: hidden;
-        width: 100%;
-        max-width: 100%;
-        background-color: #ffffff;
-        border: 1px solid #ced4da;
-        border-radius: 0.25rem;
-    }
-    .iframe-container iframe {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        border: 0;
-    }
-</style>
-<script async src="https://cse.google.com/cse.js?cx=000547254117280036387:qwl-zdl2sn0"></script>
-
 <div class="container">
+    <style scoped>
+        .container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 0;
+            text-align: center;
+            margin: auto;
+        }
+        .gcse-search {
+            margin-bottom: 1em;
+        }
+        .iframe-container {
+            position: relative;
+            padding-bottom: 56.25%; /* 16:9 aspect ratio */
+            height: 0;
+            overflow: hidden;
+            width: 100%;
+            max-width: 100%;
+        }
+        .iframe-container iframe {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border: 0;
+        }
+    </style>
     <div class="gcse-search"></div>
     <div class="iframe-container">
         <iframe name="embed_readwrite" src="https://pad.riseup.net/p/short-ref-keep?showControls=false&showChat=false&showLineNumbers=true&useMonospaceFont=true&noColors=true&alwaysShowChat=false&chatAndUsers=false" frameborder="0"></iframe>
     </div>
 </div>
+
+<script async src="https://cse.google.com/cse.js?cx=000547254117280036387:qwl-zdl2sn0"></script>