diff --git a/website/assets/images/social-proof-logo-osquery-140x36@2x.png b/website/assets/images/social-proof-logo-osquery-140x36@2x.png index 7778564f8f..f141c68709 100644 Binary files a/website/assets/images/social-proof-logo-osquery-140x36@2x.png and b/website/assets/images/social-proof-logo-osquery-140x36@2x.png differ diff --git a/website/assets/images/social-proof-logo-square-131x38@2x.png b/website/assets/images/social-proof-logo-square-131x38@2x.png index 18dfa892ab..afb13c3ecd 100644 Binary files a/website/assets/images/social-proof-logo-square-131x38@2x.png and b/website/assets/images/social-proof-logo-square-131x38@2x.png differ diff --git a/website/assets/images/social-proof-logo-uber-87x38@2x.png b/website/assets/images/social-proof-logo-uber-87x38@2x.png index 23ed5f2d20..088ae7364f 100644 Binary files a/website/assets/images/social-proof-logo-uber-87x38@2x.png and b/website/assets/images/social-proof-logo-uber-87x38@2x.png differ diff --git a/website/assets/images/social-proof-logo-wayfair-136x32@2x.png b/website/assets/images/social-proof-logo-wayfair-136x32@2x.png index 6ab9340a46..79a35dfdd3 100644 Binary files a/website/assets/images/social-proof-logo-wayfair-136x32@2x.png and b/website/assets/images/social-proof-logo-wayfair-136x32@2x.png differ diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less index b70f8203a9..eac1b38425 100644 --- a/website/assets/styles/pages/homepage.less +++ b/website/assets/styles/pages/homepage.less @@ -305,7 +305,7 @@ [purpose='scrollable-tweets'] { font-size: 13px; line-height: 20px; - margin-top: 80px; + margin-top: 79px; margin-bottom: 80px; [purpose='tweets']::-webkit-scrollbar { @@ -318,6 +318,7 @@ padding-left: 120px; padding-right: 120px; padding-bottom: 16px; + padding-top: 1px; //« makes the top of the card border visible scrollbar-width: none; -ms-overflow-style: none; } @@ -334,23 +335,31 @@ text-align: left; padding: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%); - border: 2px solid #FFFFFF; - box-shadow: 0px 0px 1px 1px #E2E4EA; + border: none; + box-shadow: 0px 0px 1px 1px #E2E4EA, inset 0px 0px 0px 2px #FFFFFF; border-radius: 16px; } [purpose='tweets-page-indicator'] { margin-bottom: 40px; cursor: pointer; li { - padding: 4px; + padding: 2px; height: 16px; width: 16px; border-radius: 100%; margin-right: 8px; - background-color: @core-vibrant-blue-15; + [purpose='page-item-dot'] { + display: inline-block; + width: 100%; + height: 100%; + border-radius: 50%; + background-color: @core-vibrant-blue-15; + } } li.selected { - background-color: @core-fleet-black-50; + [purpose='page-item-dot'] { + background-color: @core-fleet-black-50; + } } } } @@ -592,7 +601,10 @@ } [purpose='tweets-page-indicator'] { li { - padding: 12px; + width: 24px; + height: 24px; + padding: 6px; + margin-right: 0; } } } diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs index 6655f8dc8a..09682027b1 100644 --- a/website/views/pages/homepage.ejs +++ b/website/views/pages/homepage.ejs @@ -206,7 +206,7 @@