added customized error pages for nginx

fixes #285
gyselroth · Feb 14, 2020 · ce2374c · ce2374c
1 parent 0cabdd7
commit ce2374c
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/src/error.html b/src/error.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Error</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+<body>
+    <div id="error">
+        <div><!--# echo var="status" default="" --></div>
+        <div><!--# echo var="status_text" default="Something goes wrong" --></div>
+    </div>
+</body>
+</html>
diff --git a/src/themes/default/scss/_error.scss b/src/themes/default/scss/_error.scss
@@ -0,0 +1,30 @@
+#error {
+  background-image: url(../../../themes/default/img/teaser/teaser-image-red_right.svg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  overflow: auto;
+  line-height: normal;
+  text-align: center;
+
+  div {
+    &:first-child {
+      font-size: 15em;
+      color: #F26D84;
+      margin-top: 40px;
+      margin-bottom: -20px;
+      font-weight: bold;
+    }
+
+    &:last-child {
+      font-size: 2em;
+      color: #776EAB;
+    }
+  }
+}