Add: Base 404 page template

archivist/apps/templates/404.html

@@ -0,0 +1,67 @@
+{% extends "layouts/base-electric.html" %}
+
+{% load static %}
+
+{% block title %} 404 Page Not Found {% endblock title %}
+
+{% block stylesheets %}
+<style>
+    .e-container-border{
+        padding: 4px;
+        margin: auto;
+        background-color:#222222;
+        border-radius: 25px;
+        background: linear-gradient(180deg, #4b8fca, #e73c7e, #23a6d5, #23d5ab);
+        background-size: 400% 400%;
+        animation: gradient 15s ease infinite;
+        box-shadow: 0px 2px 10px 0px #221133;
+        transition-timing-function: ease-out;
+        transition-duration: 0.3s;
+        display: flex;
+    }
+    .e-container{
+        overflow:hidden;
+        background-color:#222222;
+        padding:24px;
+        text-align:justify;
+        border-radius: 25px;
+    }
+    
+    {% comment %}
+    .containcenter{
+        margin:auto;
+    }
+    .index{
+        transform: scale(0.95);
+        transition-timing-function: ease-out;
+        transition-duration: 0.3s;
+        filter: saturate(0) contrast(75%) brightness(0.8);
+    }
+    .index:hover{
+        transform: scale(1);
+        transition-timing-function: ease-out;
+        transition-duration: 0.1s;
+        filter: saturate(1) contrast(100%) brightness(1);
+    } 
+    
+    {% endcomment %}
+</style>
+{% endblock stylesheets %}
+    
+{% block content %}
+    
+    {% include "includes/navigation-transparent.html" %}
+
+    <div class="container"> 
+        <div class="e-container-border row mb-3" tabindex="1">
+            <div class="e-container">
+                <div class="my-20 text-center">
+                    <h1 class="bold glitch" data-text="404">404</h1>
+                    <h2>Page Not Found</h2>
+                    <p>Sorry cant find that page :(</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+{% endblock content %}