Under Maintenance
+Stay up to date with Travis CI by following us
+diff --git a/.travis.yml b/.travis.yml index ca777b12..328f0908 100644 --- a/.travis.yml +++ b/.travis.yml @@ -25,3 +25,19 @@ script: notifications: campfire: secure: "JJezWGD9KJY/LC2aznI3Zyohy31VTIhcTKX7RWR4C/C8YKbW9kZv3xV6Vn11\nSHxJTeZo6st2Bpv6tjlWZ+HCR09kyCNavIChedla3+oHOiuL0D4gSo+gkTNW\nUKYZz9mcQUd9RoQpTeyxvdvX+l7z62/7JwFA7txHOqxbTS8jrjc=" + +before_deploy: + - DISABLE_FINGERPRINTS=true ember build --env production + # delete some of the stuff that's useless for maintenance page + - rm -fr dist/assets/*.js dist/images/emoji dist/index.html dist/images/sponsors + - cp dist/maintenance.html dist/index.html + +deploy: + provider: s3 + access_key_id: $MAINTENANCE_S3_ACCESS_KEY_ID + secret_access_key: $MAINTENANCE_S3_SECRET_ACCESS_KEY + bucket: travis-error-pages + skip_cleanup: true + acl: public_read + local_dir: dist + region: us-east-1 diff --git a/Brocfile.js b/Brocfile.js index 7aeb4dc2..328cc541 100644 --- a/Brocfile.js +++ b/Brocfile.js @@ -2,16 +2,22 @@ var EmberApp = require('ember-cli/lib/broccoli/ember-app'); -var fingerprint = { - extensions: ['js', 'css', 'png', 'jpg', 'gif', 'map', 'svg'] - }, +var fingerprint, assetsHost; -if (assetsHost = process.env.ASSETS_HOST) { - if (assetsHost.substr(-1) !== '/') { - assetsHost = assetsHost + '/' +if (process.env.DISABLE_FINGERPRINTS) { + fingerprint = false; +} else { + fingerprint = { + extensions: ['js', 'css', 'png', 'jpg', 'gif', 'map', 'svg'] + }; + + if (assetsHost = process.env.ASSETS_HOST) { + if (assetsHost.substr(-1) !== '/') { + assetsHost = assetsHost + '/' + } + fingerprint.prepend = assetsHost } - fingerprint.prepend = assetsHost } var app = new EmberApp({ diff --git a/app/router.coffee b/app/router.coffee index e57388a1..22be0a06 100644 --- a/app/router.coffee +++ b/app/router.coffee @@ -52,7 +52,6 @@ Router.map -> @resource 'account', path: '/:login' @route 'info', path: '/info' - @route 'maintenance', path: "/maintenance" - @route 'error404', path: "/*path" + @route 'error404', path: '/*path' `export default Router` diff --git a/app/styles/app/_mixins/vars.sass b/app/styles/app/_mixins/vars.sass index 77d019eb..8a49e900 100644 --- a/app/styles/app/_mixins/vars.sass +++ b/app/styles/app/_mixins/vars.sass @@ -36,14 +36,15 @@ $footer-h3-color: #8f9ba2 $footer-h3-corder-color: #ccd0d5 // error pages -// 404 -$error-hill-grey: #bbcac6 $error-heading-color: #357389 $error-copy-color: $dashboard-text-color $error-bg-gradient: rgba(204,235,247,1) // maintenance $maintenance-grass: #8cad7d - +// 404 +$error-hill-grey: #bbcac6 +//500 +$error-sand: #dcc682 // tabs $tab-nav-inactive-bg: #f8f8f8 diff --git a/app/styles/app/layouts/error.sass b/app/styles/app/layouts/error.sass index 5ea61f29..565c890e 100644 --- a/app/styles/app/layouts/error.sass +++ b/app/styles/app/layouts/error.sass @@ -1,7 +1,14 @@ /* - * Error Pages + * Error Pages + Maintenance */ +@mixin error-bg-gradient($color) + background: linear-gradient(0deg, $color, $color 38.9%, $error-bg-gradient 39%, $white 60%, $white) + +@mixin error-position-img($size:inherit, $pos:inherit) + background: + size: $size + position: $pos .error, .maintenance @@ -14,8 +21,7 @@ height: 100% width: 100% overflow: hidden - background: - repeat: no-repeat + background-repeat: no-repeat .main--error min-height: 100% @@ -52,98 +58,89 @@ 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) + background-image: url(../images/error/twitter.svg) + background-repeat: no-repeat + @include error-position-img(100% auto, 0 .2em) +.error500 + .error-bg + @include error-bg-gradient($error-sand) .hill-left - background: - image: url(../images/error/maintenance-hills-left.svg) - size: 80vw auto - position: 0 62% + background-image: url(../images/error/500-hills-left.svg) + @include error-position-img(auto 10vh, 0 58%) @media #{$medium-up} - background-size: 58vw auto - background-position: 0 62% - @media #{$large-up} - background-size: 50vw auto - background-position: 0 61% + @include error-position-img(38vw auto, 0 58%) .hill-right + background-image: url(../images/error/500-hills-right.svg) + @include error-position-img(38vw auto, 99% 59%) display: none - background: - image: url(../images/error/maintenance-hills-right.svg) - size: 38vw auto - position: 99% 63% @media #{$medium-up} display: block .shadow-left - background: - image: url(../images/error/maintenance-grass-shade-left.svg) - size: 24vw auto - position: 6% 82% + background-image: url(../images/error/500-hills-shade-left.svg) + @include error-position-img(24vw auto, 6% 72%) .shadow-right - background: - image: url(../images/error/maintenance-grass-shade-right.svg) - size: 17vw auto - position: 95% 89% + background-image: url(../images/error/500-hills-shade-right.svg) + @include error-position-img(17vw auto, 95% 79%) + .road + background-image: url(../images/error/500-road.svg) + @include error-position-img(auto 27vh, 42% 78%) + @media #{$medium-up} + @include error-position-img(auto 40vh, 42% 91.3%) -.maintenance-tractor - background: - image: url(../images/error/maintenance-tractor.svg) - size: 87vw auto - position: 63% 87% - @media #{$medium-up} - background-size: auto 40vh - @media #{$large-up} - background-size: auto 40vh +.error404 + .error-bg + @include error-bg-gradient($error-hill-grey) + .hill-left + display: none + background-image: url(../images/error/404-hills-left.svg) + @include error-position-img(30vw auto, 0 58%) + @media #{$medium-up} + display: block + .hill-right + background-image: url(../images/error/404-hills-right.svg) + @include error-position-img(auto 20vw, 99% 58%) + @media #{$medium-up} + @include error-position-img(50vw auto, 99% 58%) + @media #{$large-up} + @include error-position-img(50vw auto, 99% 54%) + .error-excavator + background-image: url(../images/error/excavator.svg) + @include error-position-img(auto 25vh, 71% 83%) + .error-travis + background-image: url(../images/error/pensive-travis.svg) + @include error-position-img(auto 60vh, 34% 92%) + @media #{$medium-up} + background-size: auto 50vh + @media #{$large-up} + background-size: auto 60vh -/* - * 404 - */ -.error-bg - background: linear-gradient(0deg, $error-hill-grey, $error-hill-grey 34.9%, $error-bg-gradient 35%, $white 60%, $white) -.error-hill-left - display: none - background: - image: url(../images/error/404-hills-left.svg) - size: 30vw auto - position: 0 (100% - 37%) - @media #{$medium-up} - display: block - -.error-hill-right - background: - image: url(../images/error/404-hills-right.svg) - size: auto 20vw - position: 99% 63% - @media #{$medium-up} - background-size: 50vw auto - background-position: 99% 63% - @media #{$large-up} - background-position: 99% 61% - -.error-excavator - background: - image: url(../images/error/excavator.svg) - size: auto 25vh - position: 71% 83% - -.error-travis - background: - image: url(../images/error/pensive-travis.svg) - size: auto 60vh - position: 34% 92% - @media #{$medium-up} - background-size: auto 50vh - @media #{$large-up} - background-size: auto 60vh +.maintenance + .maintenance-bg + @include error-bg-gradient($maintenance-grass) + .hill-left + background-image: url(../images/error/maintenance-hills-left.svg) + @include error-position-img(80vw auto, 0 58%) + @media #{$medium-up} + @include error-position-img(58vw auto, 0 58%) + @media #{$large-up} + @include error-position-img(50vw auto, 0 56%) + .hill-right + background-image: url(../images/error/maintenance-hills-right.svg) + @include error-position-img(38vw auto, 99% 59%) + display: none + @media #{$medium-up} + display: block + .shadow-left + background-image: url(../images/error/maintenance-grass-shade-left.svg) + @include error-position-img(24vw auto, 6% 72%) + .shadow-right + background-image: url(../images/error/maintenance-grass-shade-right.svg) + @include error-position-img(17vw auto, 95% 79%) + .maintenance-tractor + background-image: url(../images/error/maintenance-tractor.svg) + @include error-position-img(87vw auto, 63% 87%) + @media #{$medium-up} + @include error-position-img(auto 44vh, 63% 83%) diff --git a/app/styles/app/maximize.sass b/app/styles/app/maximize.sass index fefd80e5..4e36174b 100644 --- a/app/styles/app/maximize.sass +++ b/app/styles/app/maximize.sass @@ -5,21 +5,22 @@ #right display: none - #global_slider - position: absolute - background-color: $color-bg-slider - cursor: pointer - background: transparent inline-image('ui/slider-open.svg') no-repeat 6px 5px - border-top-left-radius: 4px - top: 85px - right: 0 - width: 20px - height: 20px - border-bottom-left-radius: 4px - display: block + .application:not(> .error) + #global_slider + position: absolute + background-color: $color-bg-slider + cursor: pointer + background: transparent inline-image('ui/slider-open.svg') no-repeat 6px 5px + border-top-left-radius: 4px + top: 85px + right: 0 + width: 20px + height: 20px + border-bottom-left-radius: 4px + display: block - &:hover - background-color: $color-border-slider-hover + &:hover + background-color: $color-border-slider-hover #top .profile margin-right: 15px diff --git a/app/templates/error404.hbs b/app/templates/error404.hbs index d408249b..cc397661 100644 --- a/app/templates/error404.hbs +++ b/app/templates/error404.hbs @@ -1,6 +1,6 @@