404

4 years ago · 9be53a980b
parent 21f84b7ca4
commit 9be53a980b
2 changed files with 40 additions and 3 deletions
--- a/themes/hugo-nes-classic/layouts/404.html
+++ b/themes/hugo-nes-classic/layouts/404.html
@ -1,3 +1,23 @@
-{{ partial "header.html"}}
-404!
-{{ partial "footer.html"}}
+<!DOCTYPE html>
+<html>
+<head>
+    <title>we are experiencing technical difficulties</title>
+
+    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
+    <link href="/css/nes.min.css" rel="stylesheet" />
+    <link href="/css/style.css" rel="stylesheet" />
+
+</head>
+<body class="eggplant" style="">
+
+<div class="404">
+
+<a href="https://wowbux.org/">
+<video autoplay muted loop id="myVideo">
+  <source src="404.webm" type="video/webm">
+</video>
+</a>
+
+</div>
+</body>
+</html>
--- a/themes/hugo-nes-classic/static/css/style.css
+++ b/themes/hugo-nes-classic/static/css/style.css
@ -156,6 +156,7 @@ a {
 }


+
 div.rightbottom {
  right: 2px;
  bottom: 1px;
@ -165,4 +166,20 @@ div.rightbottom {

 div.webring {
  width: 200px;
+}
+
+#myVideo {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: fill;
+}
+
+div.404 {
+    position: absolute;
+    top: 40px; /* Header Height */
+    bottom: 20px; /* Footer Height */
+    width: 100%;
 }