1
0
Fork 0

fix: wrong static template tag usage

This commit is contained in:
Dariusz Niemczyk 2024-01-14 13:52:59 +01:00
parent f5740e1543
commit 2323263ccb
No known key found for this signature in database
5 changed files with 101 additions and 282 deletions

View File

@ -1,70 +1,5 @@
{% load static %} {% extends "error_template.html" %}
{% block content %}
<!DOCTYPE html> <div>400</div>
<style> <div class="txt">Invalid request<span class="blink">_</span></div>
@font-face { {% endblock %}
font-family: "Press Start 2P";
src: url("{% static fonts/pressstart2p-regular-webfont.woff2 %}") format("woff2"),
url("{% static fonts/pressstart2p-regular-webfont.woff %}") format("woff");
font-weight: normal;
font-style: normal;
}
:root {
--color: #54fe55;
--glowSize: 10px;
}
html,
body {
width: 100%;
height: 100%;
margin: 0;
}
* {
font-family: "Press Start 2P", cursive;
box-sizing: border-box;
}
#app {
padding: 1rem;
background: black;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
color: var(--color);
text-shadow: 0px 0px var(--glowSize);
font-size: 6rem;
flex-direction: column;
.txt {
font-size: 1.8rem;
}
}
@keyframes blink {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.blink {
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite;
}
</style>
<html lang="en">
<div id="app">
<div>400</div>
<div class="txt">Invalid request<span class="blink">_</span></div>
</div>
</html>

View File

@ -1,75 +1,7 @@
{% load static %} {% extends "error_template.html" %}
<!DOCTYPE html> {% block content %}
<style> <div>403</div>
@font-face { <div class="txt">Forbidden<span class="blink">_</span></div>
font-family: "Press Start 2P"; <div><a href="/admin/login">Login</a></div>
src: url("{% static fonts/pressstart2p-regular-webfont.woff2 %}") format("woff2"), {% endblock %}
url("{% static fonts/pressstart2p-regular-webfont.woff %}") format("woff");
font-weight: normal;
font-style: normal;
}
:root {
--color: #54fe55;
--glowSize: 10px;
}
html,
body {
width: 100%;
height: 100%;
margin: 0;
}
* {
font-family: "Press Start 2P", cursive;
box-sizing: border-box;
}
#app {
padding: 1rem;
background: black;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
color: var(--color);
text-shadow: 0px 0px var(--glowSize);
font-size: 6rem;
flex-direction: column;
.txt {
font-size: 1.8rem;
}
}
@keyframes blink {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.blink {
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite;
}
a {
font-size: 4rem;
}
</style>
<html lang="en">
<div id="app">
<div>403</div>
<div class="txt">Forbidden<span class="blink">_</span></div>
<div><a href="/admin/login">Login</a></div>
</div>
</html>

View File

@ -1,68 +1,8 @@
<!DOCTYPE html> {% extends "error_template.html" %}
<style>
@font-face {
font-family: "Press Start 2P";
src: url("{% static fonts/pressstart2p-regular-webfont.woff2 %}") format("woff2"),
url("{% static fonts/pressstart2p-regular-webfont.woff %}") format("woff");
font-weight: normal;
font-style: normal;
}
:root { {% block content %}
--color: #54fe55; <div>404</div>
--glowSize: 10px; <div class="txt">Not found<span class="blink">_</span></div>
} {% endblock %}
html,
body {
width: 100%;
height: 100%;
margin: 0;
}
* {
font-family: "Press Start 2P", cursive;
box-sizing: border-box;
}
#app {
padding: 1rem;
background: black;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
color: var(--color);
text-shadow: 0px 0px var(--glowSize);
font-size: 6rem;
flex-direction: column;
.txt {
font-size: 1.8rem;
}
}
@keyframes blink {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.blink {
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite;
}
</style>
<html lang="en">
<div id="app">
<div>404</div>
<div class="txt">Not found<span class="blink">_</span></div>
</div>
</html>

View File

@ -1,77 +1,8 @@
{% load static %} {% extends "error_template.html" %}
<!DOCTYPE html> {% block content %}
<style>
@font-face {
font-family: "Press Start 2P";
src: url("{% static fonts/pressstart2p-regular-webfont.woff2 %}") format("woff2"),
url("{% static fonts/pressstart2p-regular-webfont.woff %}") format("woff");
font-weight: normal;
font-style: normal;
}
:root {
--color: #54fe55;
--glowSize: 10px;
}
html,
body {
width: 100%;
height: 100%;
margin: 0;
}
* {
font-family: "Press Start 2P", cursive;
box-sizing: border-box;
}
#app {
padding: 1rem;
background: black;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
color: var(--color);
text-shadow: 0px 0px var(--glowSize);
font-size: 6rem;
flex-direction: column;
.txt {
font-size: 1.8rem;
}
}
@keyframes blink {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.blink {
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite;
}
</style>
<html lang="en">
<div id="app">
<div>500</div> <div>500</div>
<div class="txt">Something went wrong...<span class="blink">_</span></div> <div class="txt">Something went wrong...<span class="blink">_</span></div>
</div> {% endblock %}
</html>

View File

@ -0,0 +1,81 @@
{% load static %}
<!DOCTYPE html>
<style>
@font-face {
font-family: "Press Start 2P";
src: url("{% static 'fonts/pressstart2p-regular-webfont.woff2' %}")
format("woff2"),
url("{% static 'fonts/pressstart2p-regular-webfont.woff' %}") format("woff");
font-weight: normal;
font-style: normal;
}
:root {
--color: #54fe55;
--glowSize: 10px;
}
html,
body {
width: 100%;
height: 100%;
margin: 0;
}
* {
font-family: "Press Start 2P", cursive;
box-sizing: border-box;
}
#app {
padding: 1rem;
background: black;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
color: var(--color);
text-shadow: 0px 0px var(--glowSize);
font-size: 6rem;
flex-direction: column;
.txt {
font-size: 1.8rem;
}
}
@keyframes blink {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.blink {
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite;
}
</style>
<html lang="en">
<div id="app">
{% block content %}
<div>MISSING_ERROR_CODE</div>
<div class="txt">
MISSING ERROR DESCRIPTION <span class="blink">_</span>
</div>
{% endblock %}
</div>
</html>