feat(404): changed the error page to be generic and used with a custom go server

assets/scss/style.scss

@@ -351,13 +351,13 @@ table {
   margin: auto;
   font-size: 1.2rem;
 
-  &.error-404 {
+  &.http-error {
     flex-direction: row;
     line-height: normal;
   }
 }
 
-#spotlight.error-404 > #home-center {
+#spotlight.http-error > #home-center {
   align-self: center;
   flex-direction: row;
 }
@@ -372,7 +372,7 @@ p.img-404 {
   }
 }
 
-.banner-404 {
+.banner-error {
   margin-left: 2em;
 
   h1 {
@@ -384,7 +384,7 @@ p.img-404 {
     margin-top: 0;
   }
 
-  .btn-404 {
+  .btn-http-error {
     font-size: .8em;
 
     a {
@@ -909,13 +909,13 @@ a.footnote-ref {
     }
   }
 
-  #spotlight.error-404 {
+  #spotlight.http-error {
     flex-direction: row;
     flex-grow: 1;
     text-align: center;
     align-self: center;
 
-    .banner-404 {
+    .banner-error {
       margin: 0;
     }
   }

layouts/404.html

@@ -1,11 +1,11 @@
 {{ define "main" }}
-	<div id="spotlight" class="error-404 animated fadeIn">
+	<div id="spotlight" class="http-error animated fadeIn">
 		<div id="home-center">
-			<div class="banner-404">
+			<div class="banner-error">
-				<h1>404</h1>
+				<h1>STATUSCODE</h1>
-				<p>{{ i18n "notFound" }}</p>
+				<p>STATUSMSG</p>
-				<p class="btn-404">
+				<p class="btn-http-error">
-					<a href="{{.Site.BaseURL}}"><img class="feather" width="24" height="24" alt="GPG" src="{{"home.svg" | relURL}}"> {{ i18n "home" }}</a>
+					<a href="{{.Site.BaseURL}}"><img class="feather" width="24" height="24" alt="home" src="{{"home.svg" | relURL}}"> {{ i18n "home" }}</a>
 				</p>
 			</div>
 		</div>