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';