From 7078869b80da5a4611c1c22f5db8dc8c5a355130 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Sat, 13 Feb 2016 23:58:50 +0100
Subject: [PATCH] nicer 404 page, fixes #28

---
 _src/404.md                        |  2 +-
 _src/_assets/styles/_page-404.scss | 28 +++++++++++++++++++++-------
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/_src/404.md b/_src/404.md
index 52fda03..a7b5792 100644
--- a/_src/404.md
+++ b/_src/404.md
@@ -6,4 +6,4 @@ sitemap: false
 title: Oops, that didn't work
 ---
 
-[Back to site](/)
+Pardon us, the page you requested isn't here. Please check the the url for typos or [start from home](/).
diff --git a/_src/_assets/styles/_page-404.scss b/_src/_assets/styles/_page-404.scss
index e45213f..7563209 100644
--- a/_src/_assets/styles/_page-404.scss
+++ b/_src/_assets/styles/_page-404.scss
@@ -1,14 +1,28 @@
 
 .page-404 {
-    .header {
-        background-image: url('/assets/img/fail-cat.gif');
-        min-height: 420px;
+    position: relative;
+    background-image: url('/assets/img/fail-cat.gif');
+    background-size: cover;
+    background-position: center center;
+    @extend .color-overlay;
+    min-height: 100vh;
 
-        @media ($screen-md) {
-            min-height: 100vh;
-        }
+    &:before {
+        z-index: -1;
     }
-    .content--page {
+
+    .header {
+        background: none;
+        &:before { display: none; }
+    }
+
+    .content--page--markdown {
         text-align: center;
+        padding-top: 0;
+        margin-bottom: ($spacer * 6);
+    }
+
+    .menu--footer {
+        a { color: #fff }
     }
 }