From 7c3dca6225b0d24eb7cb5a45d69b063b5fb8ed6f Mon Sep 17 00:00:00 2001 From: RJ Spiker Date: Thu, 14 Jun 2018 15:16:49 -0600 Subject: [PATCH] website - cta section and button updates --- .../images/consul-connect/Rectangle 77.svg | 17 +++++ .../logos/consul-enterprise.png | Bin 0 -> 3592 bytes .../images/consul-connect/logos/consul.png | Bin 0 -> 2630 bytes .../assets/stylesheets/application.scss | 2 +- .../stylesheets/consul-connect/_index.scss | 1 + .../consul-connect/_variables.scss | 2 + .../consul-connect/components/_button.scss | 61 ++++++++++++------ .../components/_cta-section.scss | 21 ++++++ .../components/_text-asset.scss | 16 ++--- .../consul-connect/pages/_home.scss | 37 ++++++++++- website/source/configuration.html.erb | 19 ++++++ website/source/discovery.html.erb | 25 +++++-- website/source/index.html.erb | 42 +++++++++++- website/source/segmentation.html.erb | 13 ++++ 14 files changed, 218 insertions(+), 38 deletions(-) create mode 100644 website/source/assets/images/consul-connect/Rectangle 77.svg create mode 100644 website/source/assets/images/consul-connect/logos/consul-enterprise.png create mode 100644 website/source/assets/images/consul-connect/logos/consul.png create mode 100644 website/source/assets/stylesheets/consul-connect/components/_cta-section.scss diff --git a/website/source/assets/images/consul-connect/Rectangle 77.svg b/website/source/assets/images/consul-connect/Rectangle 77.svg new file mode 100644 index 0000000000..164b14d30d --- /dev/null +++ b/website/source/assets/images/consul-connect/Rectangle 77.svg @@ -0,0 +1,17 @@ + + + + Rectangle 77 + Created with Sketch. + + + + + + + + + + + + \ No newline at end of file diff --git a/website/source/assets/images/consul-connect/logos/consul-enterprise.png b/website/source/assets/images/consul-connect/logos/consul-enterprise.png new file mode 100644 index 0000000000000000000000000000000000000000..910e5b1f1c4934470f5b71d4d35ee0a75eab6b05 GIT binary patch literal 3592 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 img { + width: 100%; + + &.shadow { + box-shadow: 0 40px 48px -20px rgba(63, 68, 85, 0.4); + } + } + &.code-sample > div { box-shadow: 0 40px 48px -20px rgba(63, 68, 85, 0.4); color: $white; @@ -92,12 +100,4 @@ h3 { margin: 16px 0; } - - & > img { - width: 100%; - - &.shadow { - box-shadow: 0 40px 48px -20px rgba(63, 68, 85, 0.4); - } - } } diff --git a/website/source/assets/stylesheets/consul-connect/pages/_home.scss b/website/source/assets/stylesheets/consul-connect/pages/_home.scss index 58e2c51280..9b723366e6 100644 --- a/website/source/assets/stylesheets/consul-connect/pages/_home.scss +++ b/website/source/assets/stylesheets/consul-connect/pages/_home.scss @@ -1,3 +1,38 @@ #page-home { - + .home-cta-section { + color: $white; + display: flex; + + & > div { + display: flex; + justify-content: center; + width: 50%; + + &:first-child { + background: $consul-red; + } + + &:last-child { + background: $consul-black; + } + + & > div { + display: flex; + flex-direction: column; + max-width: 564px; + padding: 96px 0; + text-align: center; + + div:first-child { + height: 50px; + width: auto; + } + + p { + flex: 1 0 auto; + margin: 24px 0 32px; + } + } + } + } } diff --git a/website/source/configuration.html.erb b/website/source/configuration.html.erb index 6fd856c40d..a389041772 100644 --- a/website/source/configuration.html.erb +++ b/website/source/configuration.html.erb @@ -181,4 +181,23 @@ description: |- +
+
+

Case Studies

+
+
+ +
+
+

Ready to get started?

+ + + + + Download + + Explore docs +
+
+ diff --git a/website/source/discovery.html.erb b/website/source/discovery.html.erb index 7da3e28a0e..c686df0c5b 100644 --- a/website/source/discovery.html.erb +++ b/website/source/discovery.html.erb @@ -41,12 +41,6 @@ description: |- -
-
-

Case Studies

-
-
-
@@ -187,4 +181,23 @@ description: |-
+
+
+

Case Studies

+
+
+ +
+
+

Ready to get started?

+ + + + + Download + + Explore docs +
+
+ diff --git a/website/source/index.html.erb b/website/source/index.html.erb index 881952c092..a844bb7e99 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -47,7 +47,9 @@ description: |-

Service Discovery for connectivity

Service Registry enables services to register and discover each other.

- Learn more +
@@ -55,7 +57,9 @@ description: |-

Service Segmentation for security

Secure service-to-service communication with automatic TLS encryption and identity-based authorization.

- Learn more +
@@ -63,7 +67,9 @@ description: |-

Service Configuration for runtime configuration

Feature rich Key/Value store lets you easily configure services.

- Learn more +
@@ -166,4 +172,34 @@ description: |- +
+
+
+
+ Consul +
+

Consul Open Source addresses the technical complexity of connecting services across distributed infrastructure.

+ +
+
+
+
+
+ Consul Enterprise +
+

Consul Enterprise addresses the organizational complexity of large user bases and compliance requirements with collaboration and governance features.

+ +
+
+
+ diff --git a/website/source/segmentation.html.erb b/website/source/segmentation.html.erb index 6e11866070..d373ec6800 100644 --- a/website/source/segmentation.html.erb +++ b/website/source/segmentation.html.erb @@ -152,4 +152,17 @@ description: |- +
+
+

Ready to get started?

+ + + + + Download + + Explore docs +
+
+