diff --git a/website/source/assets/stylesheets/_buttons.scss b/website/source/assets/stylesheets/_buttons.scss index f630b7073..ecbf41d20 100644 --- a/website/source/assets/stylesheets/_buttons.scss +++ b/website/source/assets/stylesheets/_buttons.scss @@ -1,7 +1,7 @@ .button { background: $button-background; border: 1px solid $button-font-color; - box-shadow: 4px 4px 0 rgba(0,0,0,0.07); + box-shadow: 3px 4px 0 rgba(0,0,0,0.1); color: $button-font-color; display: inline-block; font-family: $button-font-family; diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index 7c242d27e..b148d1b76 100644 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -45,38 +45,12 @@ $baseline: 20px; } header { - display: flex; - flex-direction: row; - background: url('../images/hero-image.svg') no-repeat; - - @media (max-width: 991px) { - align-items: flex-end; - padding-top: 60%; - background-size: 80%; - background-position: top right; - text-align: center; - } - - @media (min-width: 992px) { - height: 400px; - text-align: left; - align-items: center; - background-size: 50%; - background-position: right; - } - - @media (min-width: 1280px) { - height: 600px; - } - .hero { - h1 { - font-weight: $font-weight-bold; - color: $black; - } + margin: 140px auto 160px auto; + text-align: center; .button { - margin: 5px 5px 5px 2px; + margin: 5px; @media (max-width: 768px) { display: block; diff --git a/website/source/index.html.erb b/website/source/index.html.erb index 8f90761ac..57056ef28 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -8,7 +8,7 @@ description: |-
- + <%= inline_svg "logo-text.svg", height: 120, class: "logo" %>

Build Automated Machine Images @@ -17,7 +17,9 @@ description: |- Get Started Download <%= latest_version %>

- +
+ <%= inline_svg "hero-image.svg" %> +