67 lines
1.8 KiB
HTML
67 lines
1.8 KiB
HTML
{% 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 %}
|