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

Website: test bringing below-the-fold content higher (#20913)

Browse source 
Co-authored-by: Eric <eashaw@sailsjs.com>
This commit is contained in:
Mike McNeil 2024-07-31 18:24:31 -05:00 committed by GitHub
parent ba2f79e1c4
commit 68f2f58ebe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 24 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
website/assets/styles/pages/transparency.less vendored
View file

@ -54,7 +54,7 @@
}
[purpose='hero-text'] {
text-align: center;
margin-bottom: 40px;
margin-bottom: 80px;
h1 {
font-size: 48px;
font-weight: 800;
@ -193,13 +193,13 @@
[purpose='accordion'] {
padding-top: 64px;
h2 {
padding-bottom: 16px;
}
[purpose='accordion-body'] {
width: 100%;
padding-top: 64px;
[purpose='accordion-item'] {
border-bottom: 1px solid #E2E4EA;
padding-bottom: ;

11
website/views/pages/device-management.ejs vendored
View file

@ -416,7 +416,10 @@
</div>
<%/* Shorten the feedback loop section */%>
<div purpose="page-section">
<div purpose="feature" class="d-flex flex-md-row flex-column-reverse justify-content-between mx-auto align-items-center">
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
<div purpose="feature-image" class="left">
<img alt="A laptop using Fleet to accurately display the status of MDM configurations" src="/images/mdm-shorten-feedback-loop-528x377@2x.png">
</div>
<div purpose="feature-text" class="d-flex flex-column">
<h2>Shorten the feedback loop</h2>
<p>Spend less time debugging whether changes actually happened.</p>
@ -426,14 +429,8 @@
<p>Every change to a policy or security control is tracked and auditable in Fleet’s UI, or in your logs.</p>
</div>
</div>
<div purpose="feature-image" class="right">
<img alt="A laptop using Fleet to accurately display the status of MDM configurations" src="/images/mdm-shorten-feedback-loop-528x377@2x.png">
</div>
</div>
</div>
<div purpose="page-section">
<%- partial('../partials/calendar-banner.partial.ejs') %>
</div>
<%/* Scope transparency section */%>
<div purpose="page-section">
<div purpose="feature" class="d-flex flex-md-row flex-column-reverse justify-content-between mx-auto align-items-center">

5
website/views/pages/endpoint-ops.ejs vendored
View file

@ -123,10 +123,8 @@
<p>Remote-control IT tasks on every kind of computer – even you, Linux.</p>
<div purpose="checklist" class="flex-column d-flex">
<p>Write and run scripts remotely, report progress, and replay queued up tasks on computers that went offline.</p>
<p>Integrate Google Calendar to install updates and force restarts when your users’ computers are actually free.</p>
<p>Reduce human error by automating click-tastic tasks directly on the host with <a href="https://www.openinterpreter.com/" target="_blank">Open Interpreter</a>.*</p>
<p>Optionally integrate Google Calendar to make changes when certain users’ devices are actually free.</p>
</div>
<p purpose="feature-footnote">*Coming soon</p>
</div>
<div purpose="feature-image">
<img alt="Ship data to any platform" src="/images/device-management-clickops-or-devops-380x280@2x.png">
@ -228,7 +226,6 @@
</div>
</div>
</div>
<%- partial('../partials/calendar-banner.partial.ejs') %>
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
<div purpose="feature-image">
<img alt="Ship data to any platform" src="/images/endpoint-ops-feature-image-2-380x380@2x.png">

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

@ -180,9 +180,6 @@
</div>
</div>
<% } %>
<div purpose="page-section" class="pt-5">
<%- partial('../partials/calendar-banner.partial.ejs') %>
</div>
<%/* Integration cards */%>
<div purpose="integrations-section">
<h2 class="text-center">Connect your favorite tools</h2>

70
website/views/pages/transparency.ejs vendored
View file

@ -2,63 +2,12 @@
<div purpose="page-container" class="container-fluid">
<div purpose="page-content">
<div purpose="hero-text">
<h1>A better employee experience</h1>
<p>What if the way your employer maintained your computer was more <a href="https://fleetdm.com/handbook/company/why-this-way#why-open-source">transparent</a>? What if it helped you get more done?</p>
<h2 class="text-center">What can Fleet access on my device?</h2>
<p class="text-center col-md-8">End users deserve to know what their employer can see and do on their laptops. Here’s what Fleet can manage on your device:</p>
<!-- <h1>A better employee experience</h1>
<p>What if the way your employer maintained your computer was more <a href="https://fleetdm.com/handbook/company/why-this-way#why-open-source">transparent</a>? What if it helped you get more done?</p> -->
</div>
<div purpose="calendar-feature" class="d-flex flex-lg-row flex-column-reverse justify-content-between mx-auto align-items-center">
<div purpose="calendar-feature-text" class="d-flex flex-column">
<h2>Tell me when and why</h2>
<p>Fleet installs updates and forces restarts when you and your computer are actually free.</p>
<div purpose="calendar-checklist" class="flex-column d-flex">
<p>No more restarts blocking you from important meetings</p>
<p>See what's getting changed on your work computer</p>
<p>Avoid losing unsaved work</p>
</div>
<a purpose="contact-button" class="btn btn-primary" href="https://kqphpqst851.typeform.com/to/xnnADFHP" target="_blank">
I wish my company did this
</a>
</div>
<div purpose="feature-video">
<img alt="Schedule maintenance with Fleet" src="/images/better-scheduled-maintenance-468x334.png">
</div>
</div>
<div purpose="logos" class="mx-auto">
<logo-carousel></logo-carousel>
</div>
<div purpose="secureframe-section" v-if="showSecureframeBanner">
<div purpose="secureframe-banner" class="d-flex flex-column">
<img alt="Secureframe logo" src="/images/logo-secureframe-46x48@2x.png">
<h2>Automate compliance. <br>Improve security. Reduce risk.</h2>
<p>Build trust with customers using automation backed by world-class experts</p>
<animated-arrow-button class="mx-auto" href="https://secureframe.com" target="_blank" text-color="#FFFFFF" arrow-color="#0FD082">Learn more</animated-arrow-button>
</div>
</div>
<div purpose="page-section">
<div purpose="feature-headline" style="max-width: 580px;">
<h2>Don’t make me think about IT</h2>
<p>Stop distracting employees with computer maintenance tasks and reclaim countless hours of lost time across your organization.</p>
</div>
<div purpose="three-column-features" class="mx-auto">
<div purpose="feature-row">
<div purpose="feature-column" class="ml-0">
<img alt="A secure laptop" src="/images/icon-secure-device-48x48@2x.png">
<p>Get your team’s laptops secure with as little thought as possible. Minimize employee interaction required for security updates.</p>
</div>
<div purpose="feature-column" class="mr-md-0">
<img alt="Automatically fix vulnerabilities" src="/images/icon-automatic-remediation-48x48@2x.png">
<p>Give people a reliable digital experience at work. Automatically fix laptop vulnerabilities so security doesn’t have to chase your staff.</p>
</div>
</div>
</div>
</div>
<div purpose="accordion" class="container-fluid d-flex flex-column justify-content-center align-items-center">
<h2 class="text-center">What can Fleet access on my device?</h2>
<p class="text-center col-md-8">End users deserve to know what their employer can see and do on their laptops. Here’s what Fleet can manage on your device:</p>
<div purpose="accordion-body" class="mx-auto">
<div purpose="accordion-item">
<p purpose="accordion-header" id="accordion__header1" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body1" aria-controls="accordion__body1">
@ -163,6 +112,17 @@
</div>
</div>
</div>
<div purpose="logos" class="mx-auto">
<logo-carousel></logo-carousel>
</div>
<div purpose="secureframe-section" v-if="showSecureframeBanner">
<div purpose="secureframe-banner" class="d-flex flex-column">
<img alt="Secureframe logo" src="/images/logo-secureframe-46x48@2x.png">
<h2>Automate compliance. <br>Improve security. Reduce risk.</h2>
<p>Build trust with customers using automation backed by world-class experts</p>
<animated-arrow-button class="mx-auto" href="https://secureframe.com" target="_blank" text-color="#FFFFFF" arrow-color="#0FD082">Learn more</animated-arrow-button>
</div>
</div>
</div>
<div purpose="bottom-gradient">
<parallax-city></parallax-city>

1
website/views/pages/vulnerability-management.ejs vendored
View file

@ -110,7 +110,6 @@
<img alt="Mitigate CVEs automatically" src="/images/vuln-management-feature-image-1-380x281@2x.png">
</div>
</div>
<%- partial('../partials/calendar-banner.partial.ejs') %>
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
<div purpose="feature-image">
<img alt="Up-to-date data without scans" src="/images/vuln-management-feature-image-2-380x323@2x.png">

2
website/views/partials/calendar-banner.partial.ejs vendored
View file

@ -2,7 +2,7 @@
<div purpose="calendar-feature-text" class="d-flex flex-column">
<div purpose="new-badge">NEW</div>
<% if(!primaryBuyingSituation) {%>
<h3>"This is a terrible time to mess with my computer."</h3> <!-- Turn OS updates into coffee breaks --> <!-- Break time for you, update time for your computer -->
<h3>"This is a terrible time to mess with my computer."</h3>
<p>Install updates and force restarts when your users’ computers are actually free.</p>
<%} else if(['eo-it', 'mdm'].includes(primaryBuyingSituation)) {%>
<h3>Patch your C-suite with confidence</h3>