Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 00:49:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 106

Website: Update homepage logos (#7932)

Browse source 
* add segment logo

* update homepage logo layout
This commit is contained in:
Eric 2022-09-23 18:39:44 -05:00 committed by GitHub
parent 9eb518bd4d
commit 6ded99c789
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 71 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
website/assets/images/logo-segment-white-150x34@2x.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

79
website/assets/styles/pages/homepage.less vendored
View file

@ -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;
}
}
}

19
website/views/pages/homepage.ejs vendored
View file

@ -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>