From dc3e3256f95e8d5afc105851dc397c498f04f08e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Tue, 12 Aug 2014 13:51:57 +0200
Subject: [PATCH] Not found page

---
 app/partials/not-found.jade      |  6 +++++-
 app/styles/layout/not-found.scss | 24 ++++++++++++++++++++++++
 app/styles/main.scss             |  1 +
 3 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 app/styles/layout/not-found.scss

diff --git a/app/partials/not-found.jade b/app/partials/not-found.jade
index 502d42dc..82511783 100644
--- a/app/partials/not-found.jade
+++ b/app/partials/not-found.jade
@@ -1 +1,5 @@
-h1 TODO error not found
+div.error-main
+    div.error-container
+        h1 Not found
+        p.error-text Error 404. The page you are looking for no longer exists. Perhaps you can return back to the homepage and see if you can find what you are looking for.
+        a(href="#", title="") Go back to login
diff --git a/app/styles/layout/not-found.scss b/app/styles/layout/not-found.scss
new file mode 100644
index 00000000..9d7cf350
--- /dev/null
+++ b/app/styles/layout/not-found.scss
@@ -0,0 +1,24 @@
+.error-main {
+    @include table-flex(center, center, flex, row, wrap, center);
+    @extend %backgound-taiga;
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 999;
+    .error-container {
+        @include table-flex-child(0, 650px, 0, 650px);
+        color: $white;
+        text-align: center;
+    }
+    h1 {
+        color: $white;
+    }
+    a {
+        color: $green-taiga;
+        &:hover {
+            color: $fresh-taiga;
+        }
+    }
+}
diff --git a/app/styles/main.scss b/app/styles/main.scss
index c08c2850..0aff9988 100755
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -119,6 +119,7 @@ $prefix-for-spec:      true;
 @import 'layout/base';
 @import 'layout/login';
 @import 'layout/invitation';
+@import 'layout/not-found';
 @import 'layout/backlog';
 @import 'layout/taskboard';
 @import 'layout/us-detail';