diff --git a/docs/landing_source/source/favicon.ico b/docs/landing_source/source/favicon.ico index d94f53021637..7cd45f110377 100644 Binary files a/docs/landing_source/source/favicon.ico and b/docs/landing_source/source/favicon.ico differ diff --git a/docs/landing_source/source/images/envoy_logo.svg b/docs/landing_source/source/images/envoy_logo.svg new file mode 100644 index 000000000000..666b617b4b09 --- /dev/null +++ b/docs/landing_source/source/images/envoy_logo.svg @@ -0,0 +1,71 @@ + + + + Group 5 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + by + + + + + + + + + + + + + + + + + + + envoy + + + + + \ No newline at end of file diff --git a/docs/landing_source/source/localizable/index.html.erb b/docs/landing_source/source/localizable/index.html.erb index 91943b976f14..9f3caca5f36b 100644 --- a/docs/landing_source/source/localizable/index.html.erb +++ b/docs/landing_source/source/localizable/index.html.erb @@ -8,7 +8,7 @@ layout: layout

<%= t("index.headline") %>

<%= t("index.description") %>

-
+
@@ -20,8 +20,7 @@ layout: layout
-
-
+

@@ -43,15 +42,13 @@ layout: layout

-
-
+
-
+
-
-
+

diff --git a/docs/landing_source/source/stylesheets/base/_variables.scss b/docs/landing_source/source/stylesheets/base/_variables.scss index 217700e39892..c3154a01109c 100644 --- a/docs/landing_source/source/stylesheets/base/_variables.scss +++ b/docs/landing_source/source/stylesheets/base/_variables.scss @@ -43,8 +43,10 @@ $medium-yellow: #F5D784; $red: #E86A61; $white: #FFFFFF; -// Confidant colors -$confidant-red: #E86A61; +// Envoy colors +$confidant-red: #FF00BF; +$envoy-blue: #290b54; +$envoy-black-blue: #130229; // Font Colors $base-font-color: $black; @@ -61,7 +63,7 @@ $hover-button-color: $hover-link-color; // Background Color $base-background-color: #fff; -$base-hero-color: $lightest-yellow; +$base-hero-color: transparent; // Border color $base-border-color: $light-gray; diff --git a/docs/landing_source/source/stylesheets/modules/_global-nav.scss b/docs/landing_source/source/stylesheets/modules/_global-nav.scss index c9f1c095385a..ec38bfa6c954 100644 --- a/docs/landing_source/source/stylesheets/modules/_global-nav.scss +++ b/docs/landing_source/source/stylesheets/modules/_global-nav.scss @@ -30,10 +30,10 @@ margin-right: 0; a { - color: $global-nav-link-color; + color: darken($white, 20%); &:hover { - color: $global-nav-link-hover-color; + color: tint($white, 20%); } } } diff --git a/docs/landing_source/source/stylesheets/modules/_layout.scss b/docs/landing_source/source/stylesheets/modules/_layout.scss index 718b39ceb9e5..78e9b097e81a 100644 --- a/docs/landing_source/source/stylesheets/modules/_layout.scss +++ b/docs/landing_source/source/stylesheets/modules/_layout.scss @@ -4,6 +4,7 @@ body { .wrap-container { @include outer-container; + max-width: 68rem; padding: 0 $gutter; } diff --git a/docs/landing_source/source/stylesheets/modules/landing/_cta.scss b/docs/landing_source/source/stylesheets/modules/landing/_cta.scss index 55608a9745d2..b20f463437ce 100644 --- a/docs/landing_source/source/stylesheets/modules/landing/_cta.scss +++ b/docs/landing_source/source/stylesheets/modules/landing/_cta.scss @@ -12,10 +12,10 @@ } &-button-fill { - @include button-filled($red); + @include button-filled($confidant-red); } &-button-outline { - @include button-outline($red, $red); + @include button-outline($confidant-red, $confidant-red); } } diff --git a/docs/landing_source/source/stylesheets/modules/landing/_hero.scss b/docs/landing_source/source/stylesheets/modules/landing/_hero.scss index 21f05f2d9c35..7f20f5dc37ab 100644 --- a/docs/landing_source/source/stylesheets/modules/landing/_hero.scss +++ b/docs/landing_source/source/stylesheets/modules/landing/_hero.scss @@ -1,5 +1,8 @@ +$white: #FFFFFF; + .hero { - background: $base-hero-color; + background: $envoy-blue; + background: linear-gradient(to bottom, $envoy-blue 0%, $envoy-black-blue 100%); height: 572px; margin-bottom: 1em; text-align: center; @@ -10,14 +13,14 @@ } .hero-headline { - color: $dark-brown; + color: $white; font-size: $base-font-size * 2.2; font-weight: 600; margin: 1.2em 0 0.5em; } .hero-description { - color: tint($dark-brown, 20%); + color: darken($white, 20%); display: inline-block; font-size: $base-font-size; line-height: 1.4; @@ -31,22 +34,19 @@ } .hero-banner-container { - .laptop { - background: image_url("laptop.png"); - background-size: 350px; + .envoy-logo { + background: image_url("envoy_logo.svg"); + background-size: 330px; background-repeat: no-repeat; background-position: 50%; height: 13em; margin: 0 auto; - width: 330px; + width: 100%; @include media($medium-screen-up) { - @include span-columns(8 of 12); - @include shift(2); - background-size: 549px; - height: 21em; - position: absolute; - width: 680px; + background-size: 500px; + height: 20em; + width: 100%; } } } diff --git a/docs/landing_source/source/stylesheets/modules/landing/_introduction.scss b/docs/landing_source/source/stylesheets/modules/landing/_introduction.scss index cd8bf7291c17..7ef6c909333c 100644 --- a/docs/landing_source/source/stylesheets/modules/landing/_introduction.scss +++ b/docs/landing_source/source/stylesheets/modules/landing/_introduction.scss @@ -1,5 +1,9 @@ -.introduction-container.active { - margin-top: $global-nav-height; +.introduction-container { + margin-bottom: 7rem; + + &.active { + margin-top: $global-nav-height; + } } .introduction-item { @@ -106,12 +110,13 @@ text-align: center; @include media($medium-screen-up) { - margin-top: 4em; text-align: left; } } .introduction-item-header { + font-size: 2rem; + margin-top: 0; color: $dark-gray; }