diff --git a/website/source/assets/images/consul-connect/Rectangle 77.svg b/website/source/assets/images/consul-connect/Rectangle 77.svg
deleted file mode 100644
index 164b14d30..000000000
--- a/website/source/assets/images/consul-connect/Rectangle 77.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
\ No newline at end of file
diff --git a/website/source/assets/images/consul-connect/code-sample-1.png b/website/source/assets/images/consul-connect/code-sample-1.png
deleted file mode 100644
index 83906a28c..000000000
--- a/website/source/assets/images/consul-connect/code-sample-1.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:450306d4ea063118be2a84c6cb218707b4149da541bf72ed9cbb09e4e698672f
-size 23736
diff --git a/website/source/assets/images/consul-connect/code-sample-2.png b/website/source/assets/images/consul-connect/code-sample-2.png
deleted file mode 100644
index 935cf339f..000000000
--- a/website/source/assets/images/consul-connect/code-sample-2.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:ea6d0626cbbc19de69af85b84ca632ade519b44dbafddc4c0abdd6df11b1f83b
-size 63714
diff --git a/website/source/assets/images/consul-connect/code-sample-3.png b/website/source/assets/images/consul-connect/code-sample-3.png
deleted file mode 100644
index df922bc3f..000000000
--- a/website/source/assets/images/consul-connect/code-sample-3.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:74aa0cdff8aed576b992db51be0b578b2cefbcd372d07ea19796a3156c7d9d6f
-size 35697
diff --git a/website/source/assets/images/consul-connect/feature.jpg b/website/source/assets/images/consul-connect/feature.jpg
new file mode 100644
index 000000000..83411ef7a
--- /dev/null
+++ b/website/source/assets/images/consul-connect/feature.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c971e3e33bbae50b240ff28d42b582b8b43887f171558182caa570e46b120675
+size 84628
diff --git a/website/source/assets/images/consul-connect/health-checks.png b/website/source/assets/images/consul-connect/health-checks.png
deleted file mode 100644
index 51491f4d7..000000000
--- a/website/source/assets/images/consul-connect/health-checks.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3c0217804f0348902fadcaf140163e5efa34c997ef426f72794188f898afb84f
-size 79542
diff --git a/website/source/assets/images/consul-connect/mesh.svg b/website/source/assets/images/consul-connect/mesh.svg
new file mode 100644
index 000000000..851f37792
--- /dev/null
+++ b/website/source/assets/images/consul-connect/mesh.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/website/source/assets/images/consul-connect/service-access-graph.png b/website/source/assets/images/consul-connect/service-access-graph.png
deleted file mode 100644
index 563d30494..000000000
--- a/website/source/assets/images/consul-connect/service-access-graph.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a88ca9e8ba6d388821d7a931574548b3cc850cb757ce23c5ae7d40c7ee86d1f0
-size 126482
diff --git a/website/source/assets/images/consul-connect/service-registry.png b/website/source/assets/images/consul-connect/service-registry.png
deleted file mode 100644
index 563d30494..000000000
--- a/website/source/assets/images/consul-connect/service-registry.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:a88ca9e8ba6d388821d7a931574548b3cc850cb757ce23c5ae7d40c7ee86d1f0
-size 126482
diff --git a/website/source/assets/stylesheets/consul-connect/components/_cta-section.scss b/website/source/assets/stylesheets/consul-connect/components/_cta-section.scss
index 09fa724ee..088eaba18 100644
--- a/website/source/assets/stylesheets/consul-connect/components/_cta-section.scss
+++ b/website/source/assets/stylesheets/consul-connect/components/_cta-section.scss
@@ -3,8 +3,26 @@
background: $consul-red;
display: flex;
justify-content: center;
+ position: relative;
text-align: center;
+ &:after {
+ content: "";
+ background: url("/assets/images/consul-connect/mesh.svg") top center;
+ background-size: cover;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 0.2;
+ transform: scale(1.3, 1.3);
+ }
+
+ & > div {
+ z-index: 1;
+ }
+
h2 {
color: $white;
margin-top: 0;
diff --git a/website/source/assets/stylesheets/consul-connect/components/_text-asset.scss b/website/source/assets/stylesheets/consul-connect/components/_text-asset.scss
index 32c22a867..4b19e12c8 100644
--- a/website/source/assets/stylesheets/consul-connect/components/_text-asset.scss
+++ b/website/source/assets/stylesheets/consul-connect/components/_text-asset.scss
@@ -33,12 +33,7 @@
}
img {
- max-width: 140%;
- width: auto;
-
- @media(min-width: 768px) {
- max-width: none;
- }
+ width: 145%;
}
}
diff --git a/website/source/assets/stylesheets/consul-connect/pages/_home.scss b/website/source/assets/stylesheets/consul-connect/pages/_home.scss
index c1dfbd32d..165d5fdc6 100644
--- a/website/source/assets/stylesheets/consul-connect/pages/_home.scss
+++ b/website/source/assets/stylesheets/consul-connect/pages/_home.scss
@@ -75,10 +75,25 @@
& > div {
display: flex;
justify-content: center;
+ overflow: hidden;
width: 50%;
&:first-child {
background: $consul-red;
+ position: relative;
+
+ &:after {
+ content: "";
+ background: url("/assets/images/consul-connect/mesh.svg") top center;
+ background-size: cover;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 0.2;
+ transform: scale(1.3, 1.3);
+ }
}
&:last-child {
@@ -92,6 +107,7 @@
padding: 96px 0;
text-align: center;
width: 100%;
+ z-index: 1;
div:first-child {
height: 50px;
diff --git a/website/source/configuration.html.erb b/website/source/configuration.html.erb
index 35473e84d..39355f58d 100644
--- a/website/source/configuration.html.erb
+++ b/website/source/configuration.html.erb
@@ -63,7 +63,7 @@ description: |-
-
+
-
+
-
+
-
+
+ 
+ 
+ 
+ 
+ 
+ 