fix 404 meta redirect

andrepg · andrepg · commit 72df05ebaf81 · 2024-11-12T23:02:10.000-03:00
diff --git a/public/404.html b/public/404.html
@@ -19,20 +19,67 @@
     if (resource.includes('blog')) {
       sessionStorage.redirect = resource
 
-      refresh = new HTMLMetaElement();
-      refresh.content = "0;URL='/'";
-      refresh.httpEquiv = 'refresh';
+      refresh = document.createElement('meta')
+      refresh.content = '0;URL=\'/\''
+      refresh.httpEquiv = 'refresh'
 
-      document.head.append(refresh);
+      document.head.append(refresh)
     }
   </script>
+
+  <style>
+      * {
+          transition: all 0.6s;
+      }
+
+      html {
+          height: 100%;
+      }
+
+      body {
+          font-family: 'Lato', sans-serif;
+          color: #888;
+          margin: 0;
+      }
+
+      #main {
+          display: table;
+          width: 100%;
+          height: 100vh;
+          text-align: center;
+      }
+
+      .fof {
+          display: table-cell;
+          vertical-align: middle;
+      }
+
+      .fof h1 {
+          font-size: 50px;
+          display: inline-block;
+          padding-right: 12px;
+          animation: type .5s alternate infinite;
+      }
+
+      @keyframes type {
+          from {
+              box-shadow: inset -3px 0 0 #888;
+          }
+          to {
+              box-shadow: inset -3px 0 0 transparent;
+          }
+      }
+  </style>
 </head>
 
 
 <body>
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+<div id="main">
+  <div class="fof">
+    <h1>Error 404</h1>
+    <p>Parece que essa página foi perdida.</p>
+  </div>
+</div>
 </body>
 
 
