From 6ded99c7895ce97584dddaf30a159bf82c7b9779 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 23 Sep 2022 18:39:44 -0500
Subject: [PATCH] Website: Update homepage logos (#7932)

* add segment logo

* update homepage logo layout
---
 .../images/logo-segment-white-150x34@2x.png   | Bin 0 -> 4010 bytes
 website/assets/styles/pages/homepage.less     |  79 +++++++++++++-----
 website/views/pages/homepage.ejs              |  19 +++--
 3 files changed, 71 insertions(+), 27 deletions(-)
 create mode 100644 website/assets/images/logo-segment-white-150x34@2x.png

diff --git a/website/assets/images/logo-segment-white-150x34@2x.png b/website/assets/images/logo-segment-white-150x34@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..63e12ee29db8cf9882d9074cc06add532b5d48c9
GIT binary patch
literal 4010
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
Q{Qv*}07*qoM6N<$f<WDv8vp<R

literal 0
HcmV?d00001

diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index 1af75ffc5a..e7d7d135f2 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -69,7 +69,6 @@
   }
   [purpose='hero-logos'] {
     background-color: #192147;
-    height: 80px;
     [purpose='snowflake-logo'] {
       height: 30px;
     }
@@ -82,6 +81,12 @@
     [purpose='atlassian-logo'] {
       height: 21px;
     }
+    [purpose='segment-logo'] {
+      height: 32px;
+    }
+    [purpose='bottom-row-segment-logo'] {
+      display: none;
+    }
   }
   [purpose='logo-column'] {
     img {
@@ -368,6 +373,30 @@
         font-size: 16px;
       }
     }
+    [purpose='hero-logos'] {
+      img {
+        display: inline;
+      }
+      [purpose='snowflake-logo'] {
+        height: 22px;
+        width: auto;
+      }
+      [purpose='wayfair-logo'] {
+        height: 22px;
+        width: auto;
+      }
+      [purpose='uber-logo'] {
+        height: 22px;
+        width: auto;
+      }
+      [purpose='atlassian-logo'] {
+        height: 16px;
+        width: auto;
+      }
+      [purpose='segment-logo'] {
+        height: 24px;
+      }
+    }
     [purpose='logo-column'] {
       img {
         margin-right: 20px;
@@ -420,10 +449,6 @@
       flex: 1 1 316px;
     }
 
-    [purpose='hero-logos'] {
-      height: 140px;
-    }
-
     [purpose='homepage-section'] {
       padding-left: 40px;
       padding-right: 40px;
@@ -436,7 +461,30 @@
       padding-left: 40px;
       padding-right: 40px;
     }
-
+    [purpose='hero-logos'] {
+      img {
+        display: inline;
+      }
+      [purpose='snowflake-logo'] {
+        height: 22px;
+        width: auto;
+      }
+      [purpose='wayfair-logo'] {
+        height: 22px;
+        width: auto;
+      }
+      [purpose='uber-logo'] {
+        height: 22px;
+        width: auto;
+      }
+      [purpose='atlassian-logo'] {
+        height: 16px;
+        width: auto;
+      }
+      [purpose='segment-logo'] {
+        height: 24px;
+      }
+    }
     [purpose='features'] {
       margin-top: 80px;
       margin-bottom: 80px;
@@ -578,21 +626,12 @@
       img {
         display: inline;
       }
-      [purpose='snowflake-logo'] {
-        height: 22px;
-        width: 113px;
+      [purpose='segment-logo'] {
+        display: none;
       }
-      [purpose='wayfair-logo'] {
-        height: 22px;
-        width: 113px;
-      }
-      [purpose='uber-logo'] {
-        height: 22px;
-        width: 62px;
-      }
-      [purpose='atlassian-logo'] {
-        height: 16px;
-        width: 128px;
+      [purpose='bottom-row-segment-logo'] {
+        margin-top: 24px;
+        display: flex;
       }
     }
   }
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index bd1d05aa97..40c67a6e04 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -17,15 +17,20 @@
           </div>
         </div>
     </div>
-    <div class="px-2" style="background-color: #192147;">
-        <div purpose="hero-logos" style="max-width: 780px;" class="mx-auto d-flex flex-row align-items-center justify-content-center">
-          <div purpose="logo-column" class="flex-md-row flex-column d-flex justify-content-between align-items-center">
-            <a href="/guides/delivering-data-to-snowflake-from-fleet-and-osquery"><img purpose="snowflake-logo" class="ml-md-auto mb-4 mb-md-0" alt="snowflake logo" src="/images/logo-snowflake-white-151x30@2x.png"></a>
+    <div style="background-color: #192147; padding: 32px">
+        <div purpose="hero-logos" style="max-width: 780px;" class="mx-auto d-flex flex-md-row flex-column align-items-center justify-content-center">
+          <div purpose="logo-column" class="flex-row d-flex justify-content-between align-items-center mb-4 mb-md-0">
+            <a href="/guides/delivering-data-to-snowflake-from-fleet-and-osquery"><img purpose="snowflake-logo" class="ml-md-auto" alt="snowflake logo" src="/images/logo-snowflake-white-151x30@2x.png"></a>
             <a href="#community"><img purpose="wayfair-logo" alt="wayfair logo" src="/images/logo-wayfair-150x33@2x.png"></a>
+            <a class="d-none d-sm-flex" href="#community"><img purpose="uber-logo" alt="Uber logo" class="" src="/images/logo-uber-84x29@2x.png"></a>
           </div>
-          <div purpose="logo-column" class="d-flex flex-md-row flex-column justify-content-between align-items-start align-items-md-center">
-            <a href="#community"><img purpose="uber-logo" alt="Uber logo" class="mb-4 mb-md-0" src="/images/logo-uber-84x29@2x.png"></a>
-            <a href="#community"><img purpose="atlassian-logo" alt="Atlassian logo" class="mr-md-auto" src="/images/logo-atlassian-white-172x22@2x.png"></a>
+          <div purpose="logo-column" class="d-flex flex-row justify-content-between align-items-start align-items-md-center">
+            <a class="d-inline-flex d-sm-none" href="#community"><img purpose="uber-logo" alt="Uber logo" src="/images/logo-uber-84x29@2x.png"></a>
+            <a href="#community"><img purpose="atlassian-logo" alt="Atlassian logo" src="/images/logo-atlassian-white-172x22@2x.png"></a>
+            <a href="https://segment.com/blog/hosting-fleetdm-on-aws-eks/" target="_blank"><img purpose="segment-logo" alt="Segment logo" class="mr-md-auto" src="/images/logo-segment-white-150x34@2x.png"></a>
+          </div>
+          <div purpose="logo-column" class="d-flex flex-row justify-content-between align-items-center">
+            <a purpose="bottom-row-segment-logo" href="https://segment.com/blog/hosting-fleetdm-on-aws-eks/" target="_blank"><img style="height: 20px; width: auto" alt="Segment logo" src="/images/logo-segment-white-150x34@2x.png"></a>
           </div>
         </div>
     </div>