From 46d36f993a984bcb8b1811fdc570270ec9ed521c Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 6 Jun 2023 18:05:29 -0500
Subject: [PATCH] Website: Update documentation landing page (#12182)

Closes #11843
Changes:
- Removed the two cards from the fleetdm.com/docs landing page, and
replaced it with a link to the osquery slack.
---
 .../pages/docs/basic-documentation.less       | 24 ++++++++++++++++++
 .../views/pages/docs/basic-documentation.ejs  | 25 +------------------
 2 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less
index 82c9bb5cc0..7147a59880 100644
--- a/website/assets/styles/pages/docs/basic-documentation.less
+++ b/website/assets/styles/pages/docs/basic-documentation.less
@@ -132,6 +132,30 @@
       color: @core-vibrant-blue;
     }
 
+    [purpose='support-link'] {
+      text-align: center;
+      margin-top: 24px;
+      margin-bottom: 0px;
+      a {
+        display: inline-block;
+      }
+      a:after {
+        background-image: url('/images/icon-arrow-upper-right-7x7@2x.png');
+        background-size: 7px 7px;
+        display: inline-block;
+        position: relative;
+        top: -4px;
+        left: 4px;
+        width: 7px;
+        height: 7px;
+        content: '';
+      }
+      br {
+        display: none;
+      }
+
+    }
+
     [purpose='cta-cards'] {
 
       .cta-card {
diff --git a/website/views/pages/docs/basic-documentation.ejs b/website/views/pages/docs/basic-documentation.ejs
index f2a3a4e2e8..af712dfae3 100644
--- a/website/views/pages/docs/basic-documentation.ejs
+++ b/website/views/pages/docs/basic-documentation.ejs
@@ -24,31 +24,8 @@
           </div>
         </div>
       </div>
+      <p purpose="support-link">Can't find what you're looking for? <a href="/slack" target="_blank">Support</a></p>
 
-      <div purpose="cta-cards">
-        <div class="container-fluid d-flex flex-column flex-sm-row justify-content-sm-between p-0 pt-4 mt-3">
-          <div class="container-fluid d-flex flex-column flex-md-row justify-content-center align-items-center py-3 m-0 mr-sm-1 cta-card" @click="clickCTA('/install')">
-            <img class="cta-image" alt="Install Fleet" src="/images/install-fleet-140x72@2x.png"/>
-            <div class="text-center text-md-left cta-text">
-              <p class="font-weight-bold p-0 pl-md-4 pt-2 pt-md-0 m-0">Install osquery and Fleet</p>
-              <a class="p-0 pl-md-4 pt-2 pt-md-0 arrow" href="/install">
-                Get started
-                <img class="d-inline mb-1" style="height: 16px; width: auto;" alt="right arrow" src="/images/arrow-right-red-16x16@2x.png" />
-              </a>
-            </div>
-          </div>
-          <div class="container-fluid d-flex flex-column flex-md-row justify-content-center align-items-center py-3 m-0 ml-sm-1 mt-3 mt-sm-0 cta-card" @click="clickCTA('slack')">
-            <img class="cta-image" alt="Fleet support" src="/images/fleet-support-140x72@2x.png"/>
-            <div class="text-center text-md-left cta-text">
-              <p class="font-weight-bold p-0 pl-md-4 pt-2 pt-md-0 m-0">Can't find what you need?</p>
-              <a class="p-0 pl-md-4 pt-2 pt-md-0 arrow">
-                Support
-                <img class="d-inline mb-1" style="height: 16px; width: auto;" alt="right arrow" src="/images/arrow-right-red-16x16@2x.png" />
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
 
       <div purpose="docs-tree">
         <div class="container-fluid d-flex flex-column flex-sm-row justify-content-sm-between p-0 px-4">