From 11319fdea7ce6f0b93989e6d920e9325fb3d5409 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 24 Jan 2025 12:54:45 -0600
Subject: [PATCH] Website: add iso 27001 coming soon badge to footer (#25756)

Closes: https://github.com/fleetdm/confidential/issues/8914

Changes:
- Added an ISO 27001 coming soon badge to the website's footer.
---
 .../icon-iso27001-coming-soon-48x48@2x.png    | Bin 0 -> 2368 bytes
 website/assets/styles/layout.less             |  30 ++++++++++--------
 website/views/layouts/layout.ejs              |  12 ++++---
 3 files changed, 24 insertions(+), 18 deletions(-)
 create mode 100644 website/assets/images/icon-iso27001-coming-soon-48x48@2x.png

diff --git a/website/assets/images/icon-iso27001-coming-soon-48x48@2x.png b/website/assets/images/icon-iso27001-coming-soon-48x48@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..7966e30b8575d614073192d29612c92573af9854
GIT binary patch
literal 2368
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

literal 0
HcmV?d00001

diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index 61dbd0f5fd..19fde74f78 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -1,4 +1,4 @@
-@footer-height: 409px;
+@footer-height: 433px;
 @container-md-max-width: 1100px;
 
 [v-cloak] { display: none; }
@@ -581,6 +581,10 @@ html, body {
 [purpose='legal-section'] {
   font-size: 12px;
   line-height: 150%;
+  [purpose='iso-27001-badge'] {
+    width: 48px;
+    margin-right: 8px;
+  }
   [purpose='creative-commons-license'] {
     width: 80px;
     height: 15px;
@@ -603,7 +607,7 @@ html, body {
   }
 }
 [purpose='page-wrap'].reduced-footer-links {
-  padding-bottom: 70px;
+  padding-bottom: 96px;
 }
 
 // Landing page footer styles
@@ -611,7 +615,7 @@ html, body {
   position: absolute;
   bottom: 0px;
   width: 100%;
-  height: 70px;
+  height: 96px;
   padding: 24px 32px;
   color: @core-fleet-black-75;
   a {
@@ -629,11 +633,11 @@ body.detected-mobile {
 }
 @media (max-width: 991px) {
   [purpose='page-wrap'] {
-    padding-bottom: 460px;
+    padding-bottom: 487px;
   }
   [purpose='page-footer'] {
     padding: 64px 40px;
-    height: 460px;
+    height: 487px;
     [purpose='footer-socials'] {
       margin-bottom: 32px;
     }
@@ -743,20 +747,20 @@ body.detected-mobile {
     }
   }
   [purpose='page-wrap'] {
-    padding-bottom: 701px;
+    padding-bottom: 728px;
   }
   [purpose='footer-nav-column']:not(:last-of-type) {
     margin-bottom: 64px;
   }
   [purpose='page-footer'] {
     padding: 64px 32px;
-    height: 701px;
+    height: 728px;
   }
   [purpose='page-wrap'].reduced-footer-links {
-    padding-bottom: 121px;
+    padding-bottom: 150px;
   }
   [purpose='reduced-nav-footer'] {
-    height: 121px;
+    height: 150px;
     [purpose='footer-socials'] {
       margin-bottom: 32px;
     }
@@ -766,7 +770,7 @@ body.detected-mobile {
 }
 @media (max-width: 575px) {
   [purpose='page-wrap'] {
-    padding-bottom: 925px;
+    padding-bottom: 955px;
   }
   [purpose='page-header'] {
     padding: 19px 20px;
@@ -780,14 +784,14 @@ body.detected-mobile {
     }
   }
   [purpose='page-wrap'].reduced-footer-links {
-    padding-bottom: 173px;
+    padding-bottom: 200px;
   }
   [purpose='reduced-nav-footer'] {
-    height: 173px;
+    height: 200px;
     padding: 24px;
   }
   [purpose='page-footer'] {
-    height: 925px;
+    height: 955px;
     padding: 64px 24px;
   }
   [purpose='footer-nav'] {
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index 24c1af65e0..8e731aeb83 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -344,10 +344,11 @@
           <div purpose="footer-bottom">
             <div purpose="legal-and-social-nav" class="d-flex flex-lg-row flex-column align-items-lg-center justify-content-lg-between">
 
-              <div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start flex-sm-row pr-sm-0">
+              <div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start align-items-sm-center flex-sm-row pr-sm-0">
                 <div purpose="license-information" class="d-flex flex-row align-items-center">
-                  <img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
+                  <img purpose="iso-27001-badge" src="/images/icon-iso27001-coming-soon-48x48@2x.png" alt="ISO 27001 coming soon">
                   <a purpose="footer-trust-link" class="d-flex flex-row align-items-center" href="/trust" target="_blank"><img alt="a small checkmark" src="/images/icon-checkmark-fleet-black-75-9x7@2x.png">SOC2 Type 2</a>
+                  <img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
                 </div>
                 <div class="text-sm-nowrap d-block d-sm-inline">
                   © <%= (new Date()).getFullYear() %> <a href="/handbook/company"><%= corporationDisplayName %></a>
@@ -383,12 +384,13 @@
         </div>
       <% } else { %>
         <div purpose="reduced-nav-footer" data-nosnippet>
-            <div purpose="legal-and-social-nav" class="d-flex flex-md-row flex-column align-items-lg-center justify-content-md-between">
+            <div purpose="legal-and-social-nav" class="d-flex flex-md-row flex-column align-items-md-center justify-content-md-between">
 
-              <div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start flex-sm-row pr-sm-0">
+              <div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start align-items-sm-center flex-sm-row pr-sm-0">
                 <div purpose="license-information" class="d-flex flex-row align-items-center">
-                  <img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
+                  <img purpose="iso-27001-badge" src="/images/icon-iso27001-coming-soon-48x48@2x.png" alt="ISO 27001 coming soon">
                   <a purpose="footer-trust-link" class="d-flex flex-row align-items-center" href="/trust" target="_blank"><img alt="a small checkmark" src="/images/icon-checkmark-fleet-black-75-9x7@2x.png">SOC2 Type 2</a>
+                  <img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
                 </div>
                 <div purpose="copyright-and-legal-link" class="text-sm-nowrap d-block d-sm-inline">
                   © <%= (new Date()).getFullYear() %> <a href="/handbook/company"><%= corporationDisplayName %></a>