diff --git a/website/source/assets/images/hero-image.svg b/website/source/assets/images/hero-image.svg deleted file mode 100644 index ab1f97b64..000000000 --- a/website/source/assets/images/hero-image.svg +++ /dev/null @@ -1,272 +0,0 @@ - - - - -Artboard 1 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/website/source/assets/images/integrations/aws.svg b/website/source/assets/images/integrations/aws.svg index cb42678c3..c1ba8bbfa 100644 --- a/website/source/assets/images/integrations/aws.svg +++ b/website/source/assets/images/integrations/aws.svg @@ -1,137 +1,45 @@ - - - - - - - - - - - - - - - - - + + + Amazon Web Services Logo + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/images/integrations/azure.svg b/website/source/assets/images/integrations/azure.svg index b44d5a4cc..efa590881 100644 --- a/website/source/assets/images/integrations/azure.svg +++ b/website/source/assets/images/integrations/azure.svg @@ -1,105 +1,155 @@ - + + + Microsoft Azure Logo - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - + + + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - - + + + + + + + + + + + - - - - - - + + + + + + + + + + - - - - - - + + + + + + + + + + diff --git a/website/source/assets/images/integrations/digitalocean.svg b/website/source/assets/images/integrations/digitalocean.svg new file mode 100644 index 000000000..4d9238010 --- /dev/null +++ b/website/source/assets/images/integrations/digitalocean.svg @@ -0,0 +1,40 @@ + + + DigitalOcean Logo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/images/integrations/docker.svg b/website/source/assets/images/integrations/docker.svg index aeafda82c..3c12c93a0 100644 --- a/website/source/assets/images/integrations/docker.svg +++ b/website/source/assets/images/integrations/docker.svg @@ -1,23 +1,39 @@ - + + + Docker Logo - + - - - - + + + + + - - - - - + + - - + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/images/integrations/google-cloud.svg b/website/source/assets/images/integrations/google-cloud.svg index 5e01ebcc6..361ca9f04 100644 --- a/website/source/assets/images/integrations/google-cloud.svg +++ b/website/source/assets/images/integrations/google-cloud.svg @@ -1,32 +1,48 @@ - + + + Google Cloud Services Logo - + + - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/images/integrations/vmware.svg b/website/source/assets/images/integrations/vmware.svg index 5d3d926a4..bb1085b3a 100644 --- a/website/source/assets/images/integrations/vmware.svg +++ b/website/source/assets/images/integrations/vmware.svg @@ -1,22 +1,26 @@ - + + + VM Ware Logo - + - - - - - - - - - - - + + + + + + + + + + + + + - - + + diff --git a/website/source/assets/stylesheets/_buttons.scss b/website/source/assets/stylesheets/_buttons.scss index e1037e818..ad6a3ee93 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: 3px 4px 0 rgba(0,0,0,0.1); + box-shadow: 4px 4px 0 rgba(0,0,0,0.1); color: $button-font-color; display: inline-block; font-family: $button-font-family; @@ -9,7 +9,7 @@ font-weight: $button-font-weight; letter-spacing: 1px; margin-bottom: 4px; - padding: 10px 30px; + padding: 12px 30px 10px 30px; text-transform: uppercase; text-decoration: none; diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index de152313e..dd5f5b5bf 100644 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -74,6 +74,7 @@ letter-spacing: -0.02em; margin: 20px 0 10px 0; padding: 0; + color: $black; } p { @@ -93,7 +94,7 @@ font-weight: $font-weight-bold; line-height: 1; margin: 0; - padding: 5px; + padding: 7px 5px 5px 5px; letter-spacing: 0.05em; text-transform: uppercase; } @@ -142,6 +143,11 @@ height: 100px; width: 33.3%; background-color: $white; + padding: 5px; + + img { + max-width: 100%; + } } } } diff --git a/website/source/assets/stylesheets/_logos.scss b/website/source/assets/stylesheets/_logos.scss index 811cf2175..5ce5987e3 100644 --- a/website/source/assets/stylesheets/_logos.scss +++ b/website/source/assets/stylesheets/_logos.scss @@ -8,12 +8,12 @@ svg.logo { } path.p-front { - fill: #4DA7DD; + fill: $packer-blue; opacity: 1.0; } path.p-back { - fill: #3192D0; + fill: $packer-blue-dark; opacity: 1.0; } } diff --git a/website/source/assets/stylesheets/_variables.scss b/website/source/assets/stylesheets/_variables.scss index 325e74bbb..c5a411572 100644 --- a/website/source/assets/stylesheets/_variables.scss +++ b/website/source/assets/stylesheets/_variables.scss @@ -1,7 +1,8 @@ // Colors $white: #FFFFFF; $black: #000000; -$gray-darker: #555555; +$gray: #555555; +$gray-darker: #24292e; $consul-pink: #D62783; $consul-pink-dark: #961D59; @@ -29,7 +30,7 @@ $body-link-color: $packer-blue; // Home $home-header-background-color: transparent; -$home-header-link-color: $gray-darker; +$home-header-link-color: $gray; $home-header-link-color-hover: $black; // Sidebar diff --git a/website/source/index.html.erb b/website/source/index.html.erb index 339720868..a204aac75 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -7,8 +7,9 @@ description: |- - - <%= inline_svg "logo-hashicorp.svg", height: 120, class: "logo" %> + + + <%= inline_svg "logo-text.svg", height: 120, class: "logo" %> Build Automated Machine Images @@ -17,9 +18,6 @@ description: |- Get Started Download <%= latest_version %> - - <%= inline_svg "hero-image.svg" %> - @@ -105,7 +103,7 @@ description: |- <%= image_tag("integrations/docker.svg", alt: "Docker") %> - <%= image_tag("integrations/aws.svg", alt: "Virtual Box") %> + <%= image_tag("integrations/digitalocean.svg", alt: "Digital Ocean") %>