Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 52

Website: update homepage hero (#11133)

Browse source 
Changes:
- removed the drop shadow on the homepage hero
This commit is contained in:
Eric 2023-04-11 10:04:56 -05:00 committed by GitHub
parent c5906e1a80
commit 72f003711f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -37,9 +37,6 @@
overflow: hidden;
height: ;
}
[purpose='hero-filter'] {
filter: drop-shadow(0px -50px 200px rgba(58, 220, 255, 0.1));
}
[purpose='homepage-hero'] {
padding-top: 40px;

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

@ -2,37 +2,35 @@
<%/* Hero container */%>
<div purpose="hero-container">
<div purpose="hero-filter">
<div purpose="homepage-hero" class="container mx-auto">
<div class="d-flex flex-column flex-md-row justify-content-between">
<%/* Hero text */%>
<div purpose="hero-text" class="d-flex flex-column">
<h4>Open-source device management</h4>
<h1>Think for yourself</h1>
<p>Introducing the first GitOps-driven MDM with real-time visibility into every platform.</p>
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-self-start align-items-center">
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
<a href="https://calendly.com/fleetdm/demo?utm_source=homepage+demo+top" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
</div>
<div purpose="hero-quote" class="d-flex flex-row align-items-between justify-content-center justify-content-md-start">
<div><img alt="An opening quotation mark" src="/images/homepage-hero-quote-mark.svg"></div>
<div>
<p purpose="quote">We wanted an open-source way to take advantage of MDM that is easy to integrate with Puppet in our configuration-as-code environment. Fleet is the obvious, and really the only, choice.</p>
<p><span class="font-weight-bold">Platform Engineering Manager</span><br>A leading online games company</p>
</div>
<div purpose="homepage-hero" class="container mx-auto">
<div class="d-flex flex-column flex-md-row justify-content-between">
<%/* Hero text */%>
<div purpose="hero-text" class="d-flex flex-column">
<h4>Open-source device management</h4>
<h1>Think for yourself</h1>
<p>Introducing the first GitOps-driven MDM with real-time visibility into every platform.</p>
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-self-start align-items-center">
<a purpose="cta-button" href="/try-fleet/register?tryitnow">Try it out</a>
<a href="https://calendly.com/fleetdm/demo?utm_source=homepage+demo+top" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
</div>
<div purpose="hero-quote" class="d-flex flex-row align-items-between justify-content-center justify-content-md-start">
<div><img alt="An opening quotation mark" src="/images/homepage-hero-quote-mark.svg"></div>
<div>
<p purpose="quote">We wanted an open-source way to take advantage of MDM that is easy to integrate with Puppet in our configuration-as-code environment. Fleet is the obvious, and really the ony, choice.</p>
<p><span class="font-weight-bold">Platform Engineering Manager</span><br>A leading online games company</p>
</div>
</div>
<%/* Hero images */%>
<div purpose="homepage-hero-images">
<div purpose="top-hero-image">
<img alt="Gitops hero image" src="/images/homepage-top-hero-image.svg">
</div>
<div purpose="middle-hero-image">
<img alt="A small infinity symbol" class="mx-auto my-3" src="/images/homepage-hero-small-union.svg">
</div>
<div purpose="bottom-hero-image">
<img alt="The OS settings page in Fleet" src="/images/homepage-bottom-hero-image.svg">
</div>
</div>
<%/* Hero images */%>
<div purpose="homepage-hero-images">
<div purpose="top-hero-image">
<img alt="Gitops hero image" src="/images/homepage-top-hero-image.svg">
</div>
<div purpose="middle-hero-image">
<img alt="A small infinity symbol" class="mx-auto my-3" src="/images/homepage-hero-small-union.svg">
</div>
<div purpose="bottom-hero-image">
<img alt="The OS settings page in Fleet" src="/images/homepage-bottom-hero-image.svg">
</div>
</div>
</div>