Use 404.svg image if available.

README.md

@@ -1,3 +1,15 @@
 # hugo_bootstrap_theme
 
 Simple Bootstrap-based theme for Hugo.
+
+
+## Custom error page
+
+The theme has a custom 404 error page.
+
+If the site has an SVG image in `assets/svg/404.svg`,
+this image will be displayed instead of a generic 404
+code. Regardless of whether an SVG assets exists or not,
+English and German explanations of what's going on will
+be included on the page.
+

layouts/404.html

@@ -0,0 +1,47 @@
+{{ define "main" }}
+<div class="container">
+  <div class="row">
+    <div class="col mt-5 mb-5">
+      {{ with resources.Get "svg/404.svg" }}
+        {{ .Content | safeHTML }}
+      {{ else }}
+        <h1 class="display-1 mx-auto text-center">
+          404
+        </h1>
+      {{ end }}
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-lg-6">
+      <div class="alert alert-danger mb-5" lang="en">
+        <h4 class="alert-heading">
+          Page not found
+        </h4>
+        <p>
+          The page you were trying to navigate to was not found on this
+          server.
+        </p>
+        <hr />
+        <p class="mb-0">
+          <a href="{{ .Site.BaseURL }}" class="alert-link">Back to the home page.</a>
+        </p>
+      </div>
+    </div>
+    <div class="col-lg-6">
+      <div class="alert alert-danger" lang="de">
+        <h4 class="alert-heading">
+          Seite nicht gefunden
+        </h4>
+        <p>
+          Die angeforderte Seite existiert nicht auf diesem Server.
+        </p>
+        <hr />
+        <p class="mb-0">
+          <a href="{{ .Site.BaseURL }}" class="alert-link">Zurück zur Homepage.</a>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}
+