From 99d29449a3482b78a4611757e13fc0de35dbe70a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Wed, 30 Sep 2015 10:44:38 +0200
Subject: [PATCH] style 404 page

---
 js/components/error_not_found_page.js | 11 ++++++++++-
 sass/main.scss                        | 17 +++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/js/components/error_not_found_page.js b/js/components/error_not_found_page.js
index 6de7c1f0..32787cb4 100644
--- a/js/components/error_not_found_page.js
+++ b/js/components/error_not_found_page.js
@@ -6,7 +6,16 @@ import React from 'react';
 let ErrorNotFoundPage = React.createClass({
     render() {
         return (
-            <span>Hello</span>
+            <div className="row">
+                <div className="col-md-12">
+                    <div className="error-wrapper">
+                        <h1>404</h1>
+                        <p>
+                            Ups, the page you are looking for does not exist.
+                        </p>
+                    </div>
+                </div>
+            </div>
         );
     }
 });
diff --git a/sass/main.scss b/sass/main.scss
index 1e56c7ed..d5fef084 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -480,3 +480,20 @@ hr {
         border-color: #ccc;
     }
 }
+
+.error-wrapper {
+    width: 100%;
+    text-align: center;
+
+    padding: 5% 20% 5% 20%;
+
+    > h1 {
+        font-size: 10em;
+        font-weight: 600;
+        margin-bottom: .25em;
+    }
+
+    > p {
+        font-size: 2em;
+    }
+}
\ No newline at end of file