Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-05 22:39:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 116

Update tweets on Fleet homepage (#3180)

Browse source 
* add snowflake logo, add two tweets to homepage, update tweet styles

* Using website style conventions

* Update homepage.less

* lint fixes
This commit is contained in:
eashaw 2021-12-06 11:30:17 -06:00 committed by GitHub
parent 10dbfaad86
commit 4134fa8cee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 50 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
website/assets/images/social-proof-logo-snowflake-153x38@2x.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

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

@ -83,6 +83,15 @@
box-sizing: border-box;
box-shadow: 0px 7px 3px -5px rgba(25, 33, 71, 0.1);
border-radius: 16px;
&[purpose='top-row'] {
min-height: 390px;
}
&[purpose='middle-row'] {
min-height: 290px;
}
&[purpose='bottom-row'] {
min-height: 340px;
}
}
.avatar-frame {
@ -155,6 +164,9 @@
@media (max-width: 1200px) {
.tweets {
max-width: 390px;
&[purpose='top-row'], [purpose='middle-row'], [purpose='bottom-row'] {
min-height: auto;
}
}
}

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

@ -157,7 +157,7 @@
That’s good news, since it means there are lots of other developers and security practicioners talking about Fleet, dreaming up features, and contributing patches.
</p>
<div class="tweets d-flex flex-wrap justify-content-center align-items-start px-2 pt-3 pt-lg-5 pb-5 mx-auto">
<div class="tweet container">
<div purpose="top-row" class="tweet container">
<div class="mb-4">
<a href="https://twitter.com/osquery"><img width="140" height="36" alt="osquery logo" src="/images/social-proof-logo-osquery-140x36@2x.png"/></a>
</div>
@ -169,7 +169,7 @@
</div>
</div>
</div>
<div class="tweet container">
<div purpose="top-row" class="tweet container">
<div class="mb-4">
<a href="https://twitter.com/Wayfair"><img width="136" height="32" alt="Wayfair logo" src="/images/social-proof-logo-wayfair-136x32@2x.png"/></a>
</div>
@ -180,21 +180,21 @@
<p class="font-weight-bold m-0">Ahmed Elshaer</p>
<p class="m-0">DFIR, Blue Teaming, SecOps <a href="https://twitter.com/Wayfair">@wayfair</a></p>
</div>
</div>
</div>
<div class="tweet container">
<div class="mb-4">
<a href="https://twitter.com/comcast"><img width="107" height="38" alt="Versia logo" src="/images/social-proof-logo-comcast-107x38.png"/></a>
</div>
<p class="pb-2 mb-1">With the power of osquery, you need a scalable & resilient platform to manage your workloads. Fleet is the "just right" open-source, enterprise grade solution.</p>
</div>
<div purpose="top-row" class="tweet container">
<div class="mb-4">
<a href="https://twitter.com/SnowflakeDB"><img width="153" height="38" alt="Snowflake logo" src="/images/social-proof-logo-snowflake-153x38@2x.png"/></a>
</div>
<p class="pb-2 mb-1">My DevOps team members got Fleet set up this week, w/ data streaming via firehose to S3 buckets. This is pretty dang amazing being able to stream real data this fast. I’m very excited to see what we can build out with this. Enrolled a few boxes & streaming that sweet data.</p>
<div class="row px-3 pt-2">
<div>
<p class="font-weight-bold m-0">Abubakar Yousafzai</p>
<p class="m-0">Security Software Development & Engineering <a href="https://twitter.com/comcast">@Comcast</a></p>
<p class="font-weight-bold m-0">Tom Larkin</p>
<p class="m-0">IT Engineering <a href="https://twitter.com/SnowflakeDB">@Snowflake</a></p>
</div>
</div>
</div>
<div class="tweet container">
<div purpose="middle-row" class="tweet container">
<div class="mb-4">
<a href="https://twitter.com/Uber"><img width="87" height="38" alt="Uber logo" src="/images/social-proof-logo-uber-87x38@2x.png"/></a>
</div>
@ -206,7 +206,7 @@
</div>
</div>
</div>
<div class="tweet container">
<div purpose="middle-row" class="tweet container">
<div class="mb-4">
<a href="https://twitter.com/Square"><img width="131" height="38" alt="Square logo" src="/images/social-proof-logo-square-131x38@2x.png"/></a>
</div>
@ -218,7 +218,7 @@
</div>
</div>
</div>
<div class="tweet container">
<div purpose="middle-row" class="tweet container">
<div class="mb-4">
<a href="https://twitter.com/atlassian"><img width="162" height="20" alt="Atlassian logo" src="/images/social-proof-logo-atlassian-162x20@2x.png"/></a>
</div>
@ -230,6 +230,31 @@
</div>
</div>
</div>
<div purpose="bottom-row" class="tweet container mr-0 mr-xl-2">
<div class="mb-4">
<a href="https://twitter.com/comcast"><img width="107" height="38" alt="Comcast logo" src="/images/social-proof-logo-comcast-107x38.png"/></a>
</div>
<p class="pb-2 mb-1">With the power of osquery, you need a scalable & resilient platform to manage your workloads. Fleet is the "just right" open-source, enterprise grade solution.</p>
<div class="row px-3 pt-2">
<div>
<p class="font-weight-bold m-0">Abubakar Yousafzai</p>
<p class="m-0">Security Software Development & Engineering <a href="https://twitter.com/comcast">@Comcast</a></p>
</div>
</div>
</div>
<div purpose="bottom-row" class="tweet container ml-0 ml-xl-2">
<div class="mb-4">
<a href="https://twitter.com/versia"><img width="90" height="38" alt="Versia logo" src="/images/social-proof-logo-versia-90x38@2x.png"/></a>
</div>
<p class="pb-2 mb-1">Thanks <a href="https://twitter.com/fleetctl">@fleetctl</a> for such an awesome tool to manage <a href="https://twitter.com/osquery">@osquery</a></p>
<div class="row px-3 pt-2">
<div>
<p class="font-weight-bold m-0">Ruben Rodriguez</p>
<p class="m-0">Systems technician <a href="https://twitter.com/versia">@Versia</a></p>
</div>
</div>
</div>
</div>
<div>