diff --git a/app/router.coffee b/app/router.coffee index 14bc693d..938e571b 100644 --- a/app/router.coffee +++ b/app/router.coffee @@ -52,6 +52,7 @@ Router.map -> @resource 'account', path: '/:login' @route 'info', path: '/info' + @route 'maintenance', path: "/maintenance" @route 'error404', path: "/*path" `export default Router` diff --git a/app/styles/app/_mixins/vars.sass b/app/styles/app/_mixins/vars.sass index c80de9d2..5f03a976 100644 --- a/app/styles/app/_mixins/vars.sass +++ b/app/styles/app/_mixins/vars.sass @@ -37,6 +37,8 @@ $footer-h3-corder-color: #ccd0d5 // error pages // 404 $error-hill-grey: #bbcac6 -$error-heading-color: #366c7b +$error-heading-color: #357389 $error-copy-color: $dashboard-text-color -$error-bg-gradient: #00888e \ No newline at end of file +$error-bg-gradient: rgba(204,235,247,1) +// maintenance +$maintenance-grass: #8cad7d diff --git a/app/styles/app/layouts/error.sass b/app/styles/app/layouts/error.sass index 6ed3d0dc..6a7e110f 100644 --- a/app/styles/app/layouts/error.sass +++ b/app/styles/app/layouts/error.sass @@ -3,14 +3,25 @@ */ -.error +.error, +.maintenance height: 100% overflow: hidden + .full-size + position: absolute + top: 0 + height: 100% + width: 100% + overflow: hidden + background: + repeat: no-repeat + .main--error min-height: 100% -.error-text +.error-text, +.maintenance-text position: absolute left: 0 right: 0 @@ -23,33 +34,91 @@ line-height: 1 text-align: center p + padding: 0 1em color: $error-copy-color - font-size: 20px + font-size: 18px text-align: center + a + color: $error-copy-color + &:hover, + &:focus + color: $error-copy-color + text-decoration: underline + @media #{$medium-up} h1 margin: 1.5em 0 .4em - font-size: 60px + font-size: 70px +.icon-twitter + display: inline-block + width: 1.1em + height: 1.1em + background: + image: url(../images/error/twitter.svg) + size: 100% auto + repeat: no-repeat + position: 0 .2em + + +/* + * Maintenance + */ +.maintenance-bg + background: linear-gradient(0deg, $maintenance-grass, $maintenance-grass 34.9%, $error-bg-gradient 35%, $white 60%, $white) + + .hill-left + background: + image: url(../images/error/maintenance-hills-left.svg) + size: 80vw auto + position: 0 62% + @media #{$medium-up} + background-size: 58vw auto + background-position: 0 62% + @media #{$large-up} + background-size: 49vw auto + background-position: 0 60% + + .hill-right + display: none + background: + image: url(../images/error/maintenance-hills-right.svg) + size: 38vw auto + position: 99% 63% + @media #{$medium-up} + display: block + + @media #{$large-up} + + + .shadow-left + background: + image: url(../images/error/maintenance-grass-shade-left.svg) + size: 24vw auto + position: 6% 82% + + .shadow-right + background: + image: url(../images/error/maintenance-grass-shade-right.svg) + size: 17vw auto + position: 95% 89% + +.maintenance-tractor + background: + image: url(../images/error/maintenance-tractor.svg) + size: 87vw auto + position: 63% 87% + @media #{$medium-up} + // background-size: 60vw auto + background-size: auto 40vh + @media #{$large-up} + background-size: auto 40vh /* * 404 */ -.error-bg, -.error-hill-left, -.error-hill-right, -.error-excavator, -.error-travis - position: absolute - top: 0 - height: 94vh - width: 100% - overflow: hidden - background: - repeat: no-repeat - .error-bg - background: linear-gradient(0deg, $error-hill-grey, $error-hill-grey 34.9%, rgba($error-bg-gradient, 0.3) 35%, $white 60%, $white) + background: linear-gradient(0deg, $error-hill-grey, $error-hill-grey 34.9%, $error-bg-gradient 35%, $white 60%, $white) .error-hill-left background: diff --git a/app/templates/error404.hbs b/app/templates/error404.hbs index 8048eb34..d408249b 100644 --- a/app/templates/error404.hbs +++ b/app/templates/error404.hbs @@ -1,9 +1,9 @@ -
-
-
+
+
+
-
-
+
+

404: Something's Missing

We're sorry! It seems like this page cannot be found.

diff --git a/app/templates/maintenance.hbs b/app/templates/maintenance.hbs new file mode 100644 index 00000000..957b4ab8 --- /dev/null +++ b/app/templates/maintenance.hbs @@ -0,0 +1,11 @@ +
+
+
+
+
+
+
+
+

Under Maintenance

+

Stay up to date with Travis CI by following us

+
diff --git a/app/views/maintenance.coffee b/app/views/maintenance.coffee new file mode 100644 index 00000000..22e526e3 --- /dev/null +++ b/app/views/maintenance.coffee @@ -0,0 +1,7 @@ +`import BasicView from 'travis/views/basic'` + +View = BasicView.extend + layoutName: 'layouts/error' + classNames: ['error maintenance'] + +`export default View` diff --git a/public/images/error/maintenance-grass-shade-left.svg b/public/images/error/maintenance-grass-shade-left.svg new file mode 100644 index 00000000..696f772b --- /dev/null +++ b/public/images/error/maintenance-grass-shade-left.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/public/images/error/maintenance-grass-shade-right.svg b/public/images/error/maintenance-grass-shade-right.svg new file mode 100644 index 00000000..00c17572 --- /dev/null +++ b/public/images/error/maintenance-grass-shade-right.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/public/images/error/maintenance-hills-left.svg b/public/images/error/maintenance-hills-left.svg new file mode 100644 index 00000000..8b7d9d26 --- /dev/null +++ b/public/images/error/maintenance-hills-left.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/error/maintenance-hills-right.svg b/public/images/error/maintenance-hills-right.svg new file mode 100644 index 00000000..6225deb0 --- /dev/null +++ b/public/images/error/maintenance-hills-right.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/images/error/maintenance-tractor.svg b/public/images/error/maintenance-tractor.svg new file mode 100644 index 00000000..6846f479 --- /dev/null +++ b/public/images/error/maintenance-tractor.svg @@ -0,0 +1,367 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/error/twitter.svg b/public/images/error/twitter.svg new file mode 100644 index 00000000..b4f8fde2 --- /dev/null +++ b/public/images/error/twitter.svg @@ -0,0 +1,13 @@ + + + + + +