mirror of
https://github.com/empayre/fleet.git
synced 2024-11-06 08:55:24 +00:00
Website: update sections on endpoint ops page (#17269)
Closes: https://github.com/fleetdm/confidential/issues/5565 Changes: - Updated the content of the endpoint ops page to match the latest wireframes. --------- Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
This commit is contained in:
Eric
GitHub
parent
78da493ac1
commit
30d05e072b
BIN
website/assets/images/endpoint-operations-hero-image-380x380@2x.png
vendored
Normal file
BIN
website/assets/images/endpoint-operations-hero-image-380x380@2x.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 116 KiB |
BIN
website/assets/images/icon-cis-benchmarks-48x48@2x.png
vendored
Normal file
BIN
website/assets/images/icon-cis-benchmarks-48x48@2x.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
website/assets/images/icon-live-connection-48x48@2x.png
vendored
Normal file
BIN
website/assets/images/icon-live-connection-48x48@2x.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
40
website/assets/styles/pages/endpoint-ops.less
vendored
40
website/assets/styles/pages/endpoint-ops.less
vendored
@ -1,14 +1,17 @@
|
||||
#endpoint-ops {
|
||||
@heading-line-height: 120%;
|
||||
@text-line-height: 150%;
|
||||
|
||||
background: linear-gradient(180deg, #E8F1F6 0%, #FFF 8.76%);
|
||||
h1 {
|
||||
font-size: 56px;
|
||||
font-size: 48px;
|
||||
font-weight: 800;
|
||||
line-height: 54px;
|
||||
line-height: @heading-line-height;
|
||||
}
|
||||
h2 {
|
||||
font-size: 64px;
|
||||
font-weight: 800;
|
||||
line-height: 76.8px;
|
||||
line-height: @heading-line-height;
|
||||
}
|
||||
h3 {
|
||||
font-size: 32px;
|
||||
@ -17,21 +20,25 @@
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
h4 {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-family: 'Roboto Mono', monospace;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
color: @core-fleet-black-75;
|
||||
margin-bottom: 4px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
line-height: @text-line-height;
|
||||
color: @core-fleet-black-75;
|
||||
a[href] {
|
||||
text-decoration: underline;
|
||||
color: @core-fleet-black-75;
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
}
|
||||
strong {
|
||||
colore: @core-fleet-black;
|
||||
color: @core-fleet-black;
|
||||
font-size: 16px;
|
||||
font-weight: 800;
|
||||
line-height: 19.2px;
|
||||
@ -71,10 +78,10 @@
|
||||
display: block;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
line-height: @text-line-height;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
@ -88,12 +95,11 @@
|
||||
}
|
||||
[purpose='cta-button'] {
|
||||
cursor: pointer;
|
||||
margin-right: 32px;
|
||||
margin-right: 24px;
|
||||
background: @core-vibrant-red;
|
||||
border-radius: 8px;
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
height: 48px;
|
||||
padding: 16px 32px;
|
||||
// height: 48px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -109,7 +115,7 @@
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -5px;
|
||||
width: 70%;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
transform: skew(-10deg);
|
||||
transition: left 0.5s ease-in, opacity 0.50s ease-in, width 0.5s ease-in;
|
||||
@ -334,7 +340,7 @@
|
||||
}
|
||||
|
||||
[purpose='feature'] {
|
||||
margin-bottom: 180px;
|
||||
margin-bottom: 160px;
|
||||
h3 {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
175
website/views/pages/endpoint-ops.ejs
vendored
175
website/views/pages/endpoint-ops.ejs
vendored
@ -4,19 +4,19 @@
|
||||
<div purpose="hero">
|
||||
<div purpose="page-headline">
|
||||
<h4>Endpoint operations</h4>
|
||||
<h2>A consistent interface</h2>
|
||||
<h1>A consistent interface</h1>
|
||||
</div>
|
||||
<div purpose="hero-content" class="d-flex flex-md-row flex-column align-items-center justify-content-between">
|
||||
<div purpose="hero-image">
|
||||
<img alt="A device verifying compliance for every endpoint" src="/images/endpoint-operations-hero-image-380x383@2x.png">
|
||||
<img alt="A device verifying compliance for every endpoint" src="/images/endpoint-operations-hero-image-380x380@2x.png">
|
||||
</div>
|
||||
<div purpose="hero-text">
|
||||
<strong>Simplify security tooling</strong>
|
||||
<p>Consolidate your security tooling on top of open data standards like YAML, SQL, and JSON.</p>
|
||||
<strong>Ship data to any platform</strong>
|
||||
<p>Export anything. Ship data to any platform like Splunk, Snowflake, or any streaming infrastructure like AWS Kinesis and Apache Kafka.</p>
|
||||
<strong>Pulse check anything</strong>
|
||||
<p>Simplify security audits, build definitive reports, and discover and verify ongoing compliance for every endpoint, from workstations to data centers.</p>
|
||||
<p>Use a live connection to every endpoint to simplify audit, compliance, and reporting from workstations to data centers.</p>
|
||||
<strong>Ship data to any platform</strong>
|
||||
<p>Ship logs to any platform like Splunk, Snowflake, or <a href="/docs/using-fleet/log-destinations">any streaming infrastructure</a> like AWS Kinesis and Apache Kafka.</p>
|
||||
<strong>Osquery on easy mode</strong>
|
||||
<p>You don’t need to be an osquery expert to get the answers you need from your devices, Fleet does some of that for you.</p>
|
||||
<div purpose="button-row" class="d-flex flex-md-row flex-column justify-content-start align-items-center">
|
||||
<a purpose="cta-button" @click="clickOpenChatWidget()">Show me</a>
|
||||
<a purpose="animated-arrow-button-red" href="/try-fleet">See real data</a>
|
||||
@ -49,7 +49,87 @@
|
||||
</div>
|
||||
|
||||
<div purpose="feature-headline" class="mr-auto">
|
||||
<h3>Simplify security tooling</h3>
|
||||
<h3>Pulse check anything</h3>
|
||||
<p>Use a live connection to every endpoint to simplify audit, compliance, and reporting from workstations to data centers.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="three-column-features" class="mx-auto">
|
||||
|
||||
<div purpose="feature-row" class="d-flex flex-sm-row flex-column align-items-sm-start align-items-center justify-content-center">
|
||||
<div purpose="feature-item" class="ml-sm-0">
|
||||
<img alt="Software and asset inventory" src="/images/icon-live-connection-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>Live connection</h5>
|
||||
<p>Talk to online devices in real time with Fleet’s live query API. Implement custom workflows like conditional access based on device posture, Identity, and more.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item">
|
||||
<img alt="Software and asset inventory" src="/images/icon-software-and-asset-inventory-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>Software and asset inventory</h5>
|
||||
<p>Get visibility into all endpoints across any operating system*, including support for servers and containers in every cloud infrastructure.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item" class="mr-sm-0 mb-0">
|
||||
<img alt="See logins for every endpoint" src="/images/icon-see-logins-for-every-endpoint-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>See logins for every endpoint</h5>
|
||||
<p>Identify who logs in to any system, including login history and current sessions. Look up any computer by the email address of the person using it.</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div purpose="feature-row" class="d-flex flex-sm-row flex-column align-items-sm-start align-items-center justify-content-left">
|
||||
|
||||
<div purpose="feature-item" class="ml-sm-0">
|
||||
<img alt="CIS benchmarks" src="/images/icon-cis-benchmarks-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>CIS benchmarks</h5>
|
||||
<p>Keep all your endpoints* compliant with customizable baselines, or use common benchmarks like CIS.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item">
|
||||
<img alt="Get in front of the IdP" src="/images/icon-automatic-posture-assessment-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>Get in front of the IdP</h5>
|
||||
<p>Gate access with <a href="/queries">common device trust policies</a> from industry peers, or roll out your own device health checks using system data and events.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item" class="mr-sm-0 mb-0">
|
||||
<img alt="Verify updates and settings" src="/images/icon-verify-updates-and-settings-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>Verify updates and settings</h5>
|
||||
<p>Track progress towards deadlines for security posture remediation projects, and enforce due dates through automations.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p purpose="feature-footnote">*Currently limited to: macOS, Linux, Windows, Chromebooks, OT, data centers, Amazon Web Services (AWS), Google Cloud (GCP), and the Microsoft Cloud (Azure).</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature" class="d-flex flex-md-row flex-column-reverse justify-content-between mx-auto align-items-center">
|
||||
<div purpose="feature-text" class="d-flex flex-column">
|
||||
<h3>Ship data to any platform</h3>
|
||||
<p>Export anything. Ship data to any platform like Splunk, Snowflake, or any streaming infrastructure like AWS Kinesis and Apache Kafka.</p>
|
||||
<div purpose="checklist" class="flex-column d-flex">
|
||||
<p>Extract data and correlate it with your log aggregator, SIEM, or data lake.</p>
|
||||
<p>Ease your logging burden, pull the data you need.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-image" class="left">
|
||||
<img alt="Ship data to any platform" src="/images/endpoint-ops-feature-image-1-381x282@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center mb-0">
|
||||
<div purpose="feature-image" class="right">
|
||||
<img alt="Ship data to any platform" src="/images/endpoint-ops-feature-image-2-380x380@2x.png">
|
||||
</div>
|
||||
<div purpose="feature-text" class="d-flex flex-column">
|
||||
<h3>Osquery on easy mode</h3>
|
||||
<p>Accelerate deployment and get more out of osquery. You don’t need to be an osquery expert to get the answers you need from your devices, Fleet takes care of some of that for you.</p>
|
||||
<div purpose="checklist" class="flex-column d-flex">
|
||||
<p>Remotely disable/enable agent features, choose plugins, and keep osquery up to date.</p>
|
||||
<p>Import community queries from other security teams at top brands like Palantir and Fastly.</p>
|
||||
<p>Implement the Center for Internet Security (CIS) benchmarks (one click, 400+ queries, supported by Fleet). Or customize exactly the queries you need.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-headline" class="mr-auto">
|
||||
<h3>Open security tooling</h3>
|
||||
<p>Consolidate your security tooling on top of open data standards like YAML, SQL, and JSON.</p>
|
||||
</div>
|
||||
|
||||
@ -96,77 +176,6 @@
|
||||
<p purpose="feature-footnote">*Companies like Fastly and Gusto use Fleet in production with hundreds of thousands of endpoints, including containers, OT, and laptops.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature" class="d-flex flex-md-row flex-column-reverse justify-content-between mx-auto align-items-center">
|
||||
<div purpose="feature-text" class="d-flex flex-column">
|
||||
<h3>Ship data to any platform</h3>
|
||||
<p>Export anything. Ship data to any platform like Splunk, Snowflake, or any streaming infrastructure like AWS Kinesis and Apache Kafka.</p>
|
||||
<div purpose="checklist" class="flex-column d-flex">
|
||||
<p>Extract data and correlate it with your log aggregator, SIEM, or data lake.</p>
|
||||
<p>Ease your logging burden, pull the data you need.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-image" class="left">
|
||||
<img alt="Ship data to any platform" src="/images/endpoint-ops-feature-image-1-381x282@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-headline" class="mr-auto">
|
||||
<h3>Pulse check anything</h3>
|
||||
<p>Simplify security audits, build definitive reports, and discover and verify ongoing compliance for every endpoint, from workstations to data centers.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="three-column-features" class="mx-auto">
|
||||
|
||||
<div purpose="feature-row" class="d-flex flex-sm-row flex-column align-items-sm-start align-items-center justify-content-center">
|
||||
<div purpose="feature-item" class="ml-sm-0">
|
||||
<img alt="Software and asset inventory" src="/images/icon-software-and-asset-inventory-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>Software and asset inventory</h5>
|
||||
<p>Get visibility into all endpoints across any operating system*, including support for servers and containers in every cloud infrastructure.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item">
|
||||
<img alt="EDR health checks" src="/images/icon-edr-health-check-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>EDR health checks</h5>
|
||||
<p>Verify that your EDR tools are installed and working so you can identify and address configuration issues quickly.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item" class="mr-sm-0 mb-0">
|
||||
<img alt="Automatic posture assessment" src="/images/icon-automatic-posture-assessment-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>Automatic posture assessment</h5>
|
||||
<p>Keep all your endpoints* compliant with customizable baselines, or use common benchmarks like CIS.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-row" class="d-flex flex-sm-row flex-column align-items-sm-start align-items-center justify-content-left">
|
||||
<div purpose="feature-item" class="ml-sm-0">
|
||||
<img alt="See logins for every endpoint" src="/images/icon-see-logins-for-every-endpoint-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>See logins for every endpoint</h5>
|
||||
<p>Identify who logs in to any system, including login history and current sessions. Look up any computer by the email address of the person using it.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item">
|
||||
<img alt="Verify updates and settings" src="/images/icon-edr-health-check-48x48@2x.png" class="mx-auto mx-sm-0">
|
||||
<h5>Verify updates and settings</h5>
|
||||
<p>Enforce secure configurations and safe, up-to-date software through automations.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p purpose="feature-footnote">*Currently limited to: macOS, Linux, Windows, Chromebooks, OT, data centers, Amazon Web Services (AWS), Google Cloud (GCP), and the Microsoft Cloud (Azure).</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center mb-0">
|
||||
<div purpose="feature-image" class="right">
|
||||
<img alt="Ship data to any platform" src="/images/endpoint-ops-feature-image-2-380x380@2x.png">
|
||||
</div>
|
||||
<div purpose="feature-text" class="d-flex flex-column">
|
||||
<h3>Osquery on easy mode</h3>
|
||||
<p>Accelerate deployment and get more out of osquery. You don’t need to be an osquery expert to get the answers you need from your devices, Fleet takes care of some of that for you.</p>
|
||||
<div purpose="checklist" class="flex-column d-flex">
|
||||
<p>Remotely disable/enable agent features, choose plugins, and keep osquery up to date.</p>
|
||||
<p>Import community queries from other security teams at top brands like Palantir and Fastly.</p>
|
||||
<p>Implement the Center for Internet Security (CIS) benchmarks (one click, 400+ queries, supported by Fleet). Or customize exactly the queries you need.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%/* End of page gradient */%>
|
||||
@ -174,16 +183,16 @@
|
||||
<div purpose="tweets-container" class="container-fluid px-md-0 pb-0 d-flex flex-column justify-content-center">
|
||||
<div purpose="section-heading" class="mx-auto text-center">
|
||||
<h4>Who else uses Fleet?</h4>
|
||||
<h2>Empowering security and IT teams, globally</h2>
|
||||
<h3>Empowering IT teams</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
|
||||
<div purpose="page-container" class="pb-0 container">
|
||||
<div purpose="page-container" class="pb-0">
|
||||
|
||||
<div purpose="section-heading" class="text-center">
|
||||
<h4>Open-source endpoint ops</h4>
|
||||
<h2>Focus on data, not vendors</h2>
|
||||
<h4>Endpoint operations</h4>
|
||||
<h3>A consistent interface</h3>
|
||||
<div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-md-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" @click="clickOpenChatWidget()">Show me</a>
|
||||
<a purpose="animated-arrow-button-red" href="/try-fleet">See real data</a>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user