Initial commit

2026-03-08 00:42:22 +00:00 · 2021-12-17 19:00:01 +02:00
commit fffa29fc1e
8 changed files with 505 additions and 0 deletions
--- a/templates/custom-error-page/custom-error-page.css
+++ b/templates/custom-error-page/custom-error-page.css
@@ -0,0 +1,184 @@
+/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
+html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+@font-face {
+    font-family: "Inter var";
+    font-weight: 100 900;
+    font-display: swap;
+    font-style: normal;
+    font-named-instance: "Regular";
+    src: url("./inter-roman-var.woff2?v=3.19") format("woff2");
+}
+
+html {
+    font-family: "Inter var", sans-serif;
+}
+.container {
+    min-height: 100vh;
+    background-color: white;
+    display: flex;
+}
+@media (max-width: 1023px) {
+    .container {
+        display: block;
+    }
+}
+.left,
+.right {
+    width: 50%;
+}
+@media (max-width: 1023px) {
+    .left,
+    .right {
+        width: 100%;
+    }
+}
+.left {
+    background-color: #f44336;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+@media (max-width: 1023px) {
+    .left svg {
+        min-height: 200px;
+    }
+}
+.left svg {
+    width: 300px;
+    height: auto;
+    opacity: 0.3;
+    margin-right: 40px;
+    margin-left: 40px;
+}
+@media (max-width: 1023px) {
+    .left svg {
+        width: 100px;
+    }
+}
+.right {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.text-container {
+    width: 500px;
+    margin-right: 40px;
+    margin-left: 40px;
+    margin-top: 40px;
+    margin-bottom: 40px;
+}
+.text-container *:last-child {
+    margin-bottom: 0;
+}
+.code {
+    font-size: 75px;
+    margin-bottom: 40px;
+    font-weight: 700;
+    line-height: 1.3;
+}
+
+/* https://seek-oss.github.io/capsize/ */
+
+.code::before {
+    content: "";
+    margin-bottom: -0.2597em;
+    display: table;
+}
+
+.code::after {
+    content: "";
+    margin-top: -0.287em;
+    display: table;
+}
+
+@media (max-width: 1300px) {
+    .code {
+        font-size: 75px;
+    }
+}
+@media (max-width: 1023px) {
+    .code {
+        font-size: 50px;
+    }
+}
+.status {
+    font-size: 38px;
+    margin-bottom: 40px;
+    font-weight: 500;
+    line-height: 1.3;
+}
+
+.status::before {
+    content: "";
+    margin-bottom: -0.2758em;
+    display: table;
+}
+
+.status::after {
+    content: "";
+    margin-top: -0.3031em;
+    display: table;
+}
+
+@media (max-width: 1023px) {
+    .status {
+        font-size: 25px;
+    }
+}
+
+.description {
+    font-size: 18px;
+    line-height: 1.5;
+    margin-bottom: 40px;
+}
+
+/* https://seek-oss.github.io/capsize/ */
+
+.description::before {
+    content: "";
+    margin-bottom: -0.3752em;
+    display: table;
+}
+
+.description::after {
+    content: "";
+    margin-top: -0.4026em;
+    display: table;
+}
+
+.footer {
+    font-size: 16px;
+    margin-bottom: 40px;
+    opacity: 0.5;
+}
+
+/* https://seek-oss.github.io/capsize/ */
+
+.footer::before {
+    content: "";
+    margin-bottom: -0.3613em;
+    display: table;
+}
+
+.footer::after {
+    content: "";
+    margin-top: -0.3887em;
+    display: table;
+}
+.button-container {
+    margin-bottom: 40px;
+}
+.button {
+    all: unset;
+    display: inline-block;
+    background-color: #f44336;
+    color: white;
+    font-weight: 500;
+    border-radius: 3px;
+    padding-top: 12px;
+    padding-bottom: 12px;
+    padding-left: 15px;
+    padding-right: 15px;
+    cursor: pointer;
+}