diff --git a/website/assets/images/docs-cta-stage-1-314x180@2x.png b/website/assets/images/docs-cta-stage-1-314x180@2x.png new file mode 100644 index 0000000000..ff4a3cdb72 Binary files /dev/null and b/website/assets/images/docs-cta-stage-1-314x180@2x.png differ diff --git a/website/assets/styles/mixins-and-variables/colors.less b/website/assets/styles/mixins-and-variables/colors.less index 4c39a6579c..f4a6e4c685 100644 --- a/website/assets/styles/mixins-and-variables/colors.less +++ b/website/assets/styles/mixins-and-variables/colors.less @@ -7,6 +7,7 @@ @core-fleet-black-50: #8b8fa2; @core-fleet-black-33: #B3B6C1; @core-fleet-black-25: #C5C7D1; +@core-fleet-black-10: #E2E4EA; @core-vibrant-red: #FF5C83; diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less index a1c2ac532b..76de2bb4b8 100644 --- a/website/assets/styles/pages/docs/basic-documentation.less +++ b/website/assets/styles/pages/docs/basic-documentation.less @@ -787,22 +787,30 @@ margin: 0px; } } - [purpose='slack-cta'] { - padding-top: 40px; - padding-bottom: 40px; - margin-bottom: 40px; - border-top: 1px solid @core-fleet-black-25; - border-bottom: 1px solid @core-fleet-black-25; - h3 { - margin-top: 0; - margin-bottom: 24px; - padding-bottom: 0; - border-bottom: 0; + + [purpose='docs-start-cta'] { + margin-top: 40px; + border: 1px solid @core-fleet-black-10; + border-radius: 16px; + overflow: hidden; + [purpose='docs-start-cta-image'] { + height: 180px; + background-image: url('/images/docs-cta-stage-1-314x180@2x.png'); + background-size: cover; + background-position-y: center; } - } - [purpose='improve-docs'] { - h3 { - border-bottom: 0; + [purpose='docs-start-cta-content'] { + h2 { + padding: 0; + margin-bottom: 4px; + } + p { + margin-bottom: 12px; + } + } + [purpose='continue-button'] { + font-size: 14px; + padding: 6px 12px; } } [purpose='checklist-item'] { diff --git a/website/views/pages/docs/basic-documentation.ejs b/website/views/pages/docs/basic-documentation.ejs index 099001c3c3..1f965802fc 100644 --- a/website/views/pages/docs/basic-documentation.ejs +++ b/website/views/pages/docs/basic-documentation.ejs @@ -203,21 +203,14 @@ ) ) %> -
- Ask the community on Slack
-
+ - If you notice something we've missed or could be improved on, please follow this link and submit a pull request to the Fleet repo. -
-