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 0000000000..63e12ee29d Binary files /dev/null and b/website/assets/images/logo-segment-white-150x34@2x.png differ 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 @@ -
-
-
- snowflake logo +
+
+
+ snowflake logo wayfair logo + Uber logo
-
- Uber logo - Atlassian logo +
+ Uber logo + Atlassian logo + Segment logo +
+
+ Segment logo