From c1650fdae9611015091ef9be340c74366e2e9bec Mon Sep 17 00:00:00 2001
From: noahtalerman <47070608+noahtalerman@users.noreply.github.com>
Date: Fri, 5 Mar 2021 17:27:59 -0800
Subject: [PATCH] Add asterisk for unshipped features and move auto updates
 (#403)

- On fleetdm.com, add asterisks for features coming in 2021
- Pull auto-update items nearer to each other
---
 website/views/pages/homepage.ejs | 51 +++++++++++++++++---------------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index 4dbdd4ba97..040d8bd76c 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -427,20 +427,6 @@
                       <img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
                     </div>
                   </div>
-                  <div class="row mb-3">
-                    <div class="col-6 col-md-8 d-flex">
-                      <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
-                      <p class="ml-2 my-0">
-                        Osquery agent auto-updates
-                      </p>
-                    </div>
-                    <div class="col-3 col-md-2">
-                      <img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
-                    </div>
-                    <div class="col-3 col-md-2">
-                      <img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
-                    </div>
-                  </div>
                   <div class="row mb-3">
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
@@ -473,7 +459,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Audit queries and other activity
+                        Audit queries and other activity*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -487,7 +473,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Configure osquery startup flags
+                        Configure osquery startup flags*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -501,7 +487,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Programmable vulnerability management
+                        Programmable vulnerability management*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -515,7 +501,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Software inventory
+                        Software inventory*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -529,7 +515,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Query performance monitoring
+                        Query performance monitoring*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -543,7 +529,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Standard query library
+                        Standard query library*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -557,7 +543,21 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Multiple teams
+                        Osquery agent auto-updates*
+                      </p>
+                    </div>
+                    <div class="col-3 col-md-2">
+                      <img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
+                    </div>
+                    <div class="col-3 col-md-2">
+                      <img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
+                    </div>
+                  </div>
+                  <div class="row mb-3">
+                    <div class="col-6 col-md-8 d-flex">
+                      <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
+                      <p class="ml-2 my-0">
+                        Self-managed auto-update registry*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -570,7 +570,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Role-based access control
+                        Multiple teams*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -583,7 +583,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Target and configure specific groups of systems
+                        Role-based access control*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -596,7 +596,7 @@
                     <div class="col-6 col-md-8 d-flex">
                       <img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
                       <p class="ml-2 my-0">
-                        Self-managed auto-update registry
+                        Target and configure specific groups of systems*
                       </p>
                     </div>
                     <div class="col-3 col-md-2">
@@ -605,6 +605,9 @@
                       <img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
                     </div>
                   </div>
+                  <p style="font-size: 13px; left: 0;" class="text-center mt-5 mb-0 w-100">
+                    *Coming 2021
+                  </p>
                 </div>
               </div>
             </div>