From c96107b6fc9ea0d287aa8ea135242c4efbd713cf Mon Sep 17 00:00:00 2001
From: Florian Herkommer <florian.herkommer@gmx.de>
Date: Mon, 14 Mar 2022 14:29:06 +0000
Subject: [PATCH] Implemented error page

---
 public/impressum.html                          |  1 -
 public/stylesheets/index-layout-responsive.css | 12 +++++++++++-
 views/error.pug                                | 15 ++++++++++++---
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/public/impressum.html b/public/impressum.html
index 61621963..2857364d 100644
--- a/public/impressum.html
+++ b/public/impressum.html
@@ -34,7 +34,6 @@
             </div>
         </div>
     </header>
-    <button onclick="backToTop()" id="btt-btn" title="Back to top">▲</button>
     <main id="index-main">
         <section id="heading-impressum" class="gradient border-radius">
             <div>
diff --git a/public/stylesheets/index-layout-responsive.css b/public/stylesheets/index-layout-responsive.css
index 0d332fa9..c5d323ee 100644
--- a/public/stylesheets/index-layout-responsive.css
+++ b/public/stylesheets/index-layout-responsive.css
@@ -69,13 +69,23 @@ footer {
 #heading-impressum {
     height: 100%;
     width: 100%;
-    margin-bottom: 2%;
     display: block;
     text-align: center;
     min-height: 400px;
     padding-top: 100px;
 }
 
+#heading-error {
+    height: 100%;
+    width: 100%;
+    display: block;
+    text-align: left;
+    min-height: 500px;
+    padding: 20vh;
+    padding-left: 5%;
+    padding-right: 5%;
+}
+
 #sub-slogan {
     margin-top: 5px;
 }
diff --git a/views/error.pug b/views/error.pug
index a8ba3317..037661ce 100644
--- a/views/error.pug
+++ b/views/error.pug
@@ -1,6 +1,15 @@
 extends shared/layout
 
 block content
-  h1= message
-  h2= error.status
-  pre #{error.stack}
+  header#navbar-fixed
+    nav
+      a(href="/") Startseite
+  header#navbar-hamburger
+    div.topnav
+      button.icon-home(onclick="window.location.href = '/';") ⌂
+  main#index-main
+    section#heading-error.gradient.border-radius 
+      div
+        h1= message
+        h2= error.status
+        pre #{error.stack}