mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
308e5f3dc8
Changes: - Created spacing.less, a file that contains the common padding/margin/gap values used on the website - Updated containers.less to contain mixins for page containers - Added feature-blocks.less, a file that contains three mixins: `.feature-with-image()`, `.three-column-features()`, and `.responsive-feature-row()` - Added mixins for common text styles to typography.less - Updated pages to use the new mixins <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Centralized spacing and typography system for consistent, responsive layouts * Reusable feature-block patterns for image/text rows and multi-column feature grids * **Style** * Standardized page containers and content areas with responsive padding and max-widths * Unified heading/body styles via new typography utilities * Simplified markup and improved feature image/text alignment and responsiveness <!-- end of auto-generated comment: release notes by coderabbit.ai -->
301 lines
17 KiB
Text
Vendored
301 lines
17 KiB
Text
Vendored
<div id="observability-page" v-cloak>
|
||
<div purpose="page-container">
|
||
<div purpose="page-content" class="mx-auto">
|
||
<div purpose="hero">
|
||
<div purpose="page-headline">
|
||
<h4>Open orchestration</h4>
|
||
<h1><%= pagePersonalization==='eo-security'? 'Deeper, faster visibility for every OS' : 'Talk to your computers'%></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/observability-hero-image-528x428@2x.png">
|
||
</div>
|
||
<div purpose="hero-text">
|
||
<% if(['eo-security', 'vm'].includes(pagePersonalization)) { %>
|
||
<strong>Osquery on easy mode</strong>
|
||
<p>Build the agent in "read-only" mode or enable remote scripting to automatically mitigate misconfigurations and vulnerabilities.</p>
|
||
<strong>On-demand data</strong>
|
||
<p>Use a live connection to every endpoint to simplify audit, compliance, and reporting from workstations to data centers.</p>
|
||
<strong>Data portability</strong>
|
||
<p>Ship data 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>
|
||
<% } else { %>
|
||
<strong>On-demand data</strong>
|
||
<p>Use a live connection to every endpoint to simplify audit, compliance, and reporting from workstations to data centers.</p>
|
||
<strong>Deep context from your environment</strong>
|
||
<p>Get data down to the chip level on every endpoint to help you make the right decisions from IT to InfoSec and beyond.</p>
|
||
<strong>Data portability</strong>
|
||
<p>Ship data 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>
|
||
<% }%>
|
||
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-start align-items-center">
|
||
<a purpose="cta-button" class="mr-0" href="/contact">Get a demo</a>
|
||
<!-- <animated-arrow-button href="/try">Try it yourself</animated-arrow-button> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div purpose="testimonials" class="d-flex flex-md-row flex-column align-items-center justify-content-between">
|
||
<% if (['eo-security'].includes(pagePersonalization)) { %>
|
||
<div purpose="testimonial-quote">
|
||
<div purpose="quote">
|
||
<img alt="an opening quotation mark" style="height: 45px; margin-bottom: 16px;" src="/images/social-proof-salesforce-65x45@2x.png">
|
||
<p>“Osquery is one of the best tools out there and Fleet makes it even better. Highly recommend it if you want to monitor, detect and investigate threats on a scale and also for infra/sys admin. I have used it on 15k servers and it’s really scalable.”</p>
|
||
</div>
|
||
<a href="https://www.linkedin.com/in/anelshaer/" target="_blank" no-icon>
|
||
<div purpose="quote-attribution" class="d-flex flex-row align-items-center">
|
||
<div purpose="quote-image"><img src="/images/testimonial-author-ahmed-elshaer-48x48@2x.png" alt="Ahmed Elshaer"></div>
|
||
<div class="d-flex flex-column">
|
||
<p purpose="name">Ahmed Elshaer</p>
|
||
<p purpose="title">DFIR, Blue Teaming, SecOps</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<% } else { %>
|
||
<div purpose="testimonial-quote">
|
||
<div purpose="quote">
|
||
<img alt="Flock Safety logo" purpose="quote-logo" src="/images/logo-flock-safety-907x132@2x.png">
|
||
<p>“This is not just production osquery, but actually a way bigger opportunity than even something like Airwatch or Jamf.”</p>
|
||
</div>
|
||
<a target="_blank" no-icon href="https://www.linkedin.com/in/mrerictan/">
|
||
<div purpose="quote-attribution" class="d-flex flex-row align-items-center">
|
||
<div purpose="quote-image"><img src="/images/testimonial-author-eric-tan-99x99@2x.png" alt="Eric Tan"></div>
|
||
<div class="d-flex flex-column">
|
||
<p purpose="name">Eric Tan</p>
|
||
<p purpose="title">CIO & Chief Security Officer at Flock Safety</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<% } %>
|
||
</div>
|
||
<logo-carousel></logo-carousel>
|
||
|
||
<div purpose="feature-headline" class="mr-auto">
|
||
<h3>On-demand data</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">
|
||
<div purpose="feature">
|
||
<img alt="Software and asset inventory" src="/images/icon-live-connection-48x48@2x.png">
|
||
<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">
|
||
<img alt="Software and asset inventory" src="/images/icon-software-and-asset-inventory-48x48@2x.png">
|
||
<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>
|
||
<p><a href="/software-management">More about software management</a></p>
|
||
</div>
|
||
|
||
<div purpose="feature">
|
||
<img alt="See logins for every endpoint" src="/images/icon-see-logins-for-every-endpoint-48x48@2x.png">
|
||
<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">
|
||
<img alt="CIS benchmarks" src="/images/icon-cis-benchmarks-48x48@2x.png">
|
||
<h5>CIS benchmarks</h5>
|
||
<p>Keep all your endpoints* compliant with customizable baselines, or use common benchmarks like CIS.</p>
|
||
</div>
|
||
|
||
<div purpose="feature">
|
||
<img alt="Verify updates and settings" src="/images/icon-edr-health-check-48x48@2x.png">
|
||
<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">
|
||
<img alt="Verify updates and settings" src="/images/icon-verify-updates-and-settings-48x48@2x.png">
|
||
<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 purpose="feature-footnote">
|
||
<p>*Currently limited to: Apple, Linux, Windows, Chromebooks, OT, data centers, Amazon Web Services (AWS), Google Cloud (GCP), and the Microsoft Cloud (Azure).</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="feature-with-image">
|
||
<div purpose="feature-image">
|
||
<img alt="Orchestrate anything" src="/images/feature-image-orchestrate-anything-528x377@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<div>
|
||
<h3>Orchestrate anything</h3>
|
||
<p class="mb-0">Remote-control IT tasks on every kind of computer – even you, Linux.</p>
|
||
</div>
|
||
<div purpose="checklist">
|
||
<p>Write and run scripts remotely, report progress, and replay queued up tasks on computers that went offline.</p>
|
||
<p>Optionally integrate Google Calendar to make changes when certain users’ devices are actually free.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="feature-with-image" class="reverse">
|
||
<div purpose="feature-image">
|
||
<img alt="On-demand data" src="/images/feature-image-on-demand-data-528x377@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<div>
|
||
<h3>Deep context from your environment</h3>
|
||
<p class="mb-0">Get device context down to the chip level on every endpoint to help you make the right decisions.</p>
|
||
</div>
|
||
<div purpose="checklist">
|
||
<p>Gather real-time data by executing lightweight queries across all devices.</p>
|
||
<p>Access over 300 tables of system state data. Use presets or create your own queries.</p>
|
||
</div>
|
||
<div purpose="feature-link">
|
||
<animated-arrow-button href="/tables">Explore data</animated-arrow-button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="feature-with-image">
|
||
<div purpose="feature-image">
|
||
<img alt="Data portability" src="/images/feature-image-data-portability-528x377@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<div>
|
||
<h3>Data portability</h3>
|
||
<p class="mb-0">Ship data to any platform like Splunk, Snowflake, or any streaming infrastructure like AWS Kinesis and Apache Kafka.</p>
|
||
</div>
|
||
<div purpose="checklist">
|
||
<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>
|
||
|
||
<%/* Implement “zero trust” faster section */%>
|
||
<% if(!pagePersonalization || ['vm', 'eo-security'].includes(pagePersonalization)) {%>
|
||
<div purpose="page-section">
|
||
<div purpose="feature-headline" style="max-width: 580px;">
|
||
<h3>“Zero” trust, fewer tickets</h3>
|
||
<p>You can use Fleet’s API to customize every aspect of conditional access – even the stuff your CISO hasn’t thought of yet.</p>
|
||
</div>
|
||
<div purpose="three-column-features">
|
||
<div purpose="feature">
|
||
<img alt="Get in front of the IdP" src="/images/device-management-icon-control-login-experience-48x48@2x.png">
|
||
<h5>Get in front of the IdP</h5>
|
||
<p>Gate access with <a href="https://fleetdm.com/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">
|
||
<img alt="Step-by-step instructions" src="/images/device-management-icon-step-by-step-48x48@2x.png">
|
||
<h5>Step-by-step instructions</h5>
|
||
<p>Show resolution steps or use <a href="https://medium.com/pinterest-engineering/enforcing-device-authn-compliance-at-pinterest-a74938cb089b" target="_blank">custom HTML</a> to show employees what they need to do to restore their access without waiting on a ticket. Then give it back automatically, as soon as the problems are fixed.</p>
|
||
</div>
|
||
|
||
<div purpose="feature">
|
||
<img alt="Manage device posture" src="/images/device-management-icon-manage-device-posture-48x48@2x.png">
|
||
<h5>Live retry</h5>
|
||
<p>Give people a way to get back to work quickly and minimize downtime. Fleet’s live query API instantly re-checks the OS version and other device state so users don’t get locked out.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="feature-with-image">
|
||
<div purpose="feature-image">
|
||
<img alt="Osquery on easy mode" src="/images/endpoint-ops-feature-image-2-380x380@2x.png">
|
||
</div>
|
||
<div purpose="feature-text">
|
||
<div>
|
||
<h3>Osquery on easy mode</h3>
|
||
<p class="mb-0">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 endpoints.</p>
|
||
</div>
|
||
<div purpose="checklist">
|
||
<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>
|
||
<p>Monitor sensitive production environments without enabling remote scripting by building the agent in "read-only" mode.</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>
|
||
|
||
<div purpose="three-column-features">
|
||
<div purpose="feature">
|
||
<img alt="Incident response (IR)" src="/images/icon-incident-response-48x48@2x.png">
|
||
<h5>Incident response (IR)</h5>
|
||
<p>Contain and recover from breaches using live data, remote commands, and automated workflows.</p>
|
||
</div>
|
||
|
||
<div purpose="feature">
|
||
<img alt="Detection and response" src="/images/icon-detection-and-response-48x48@2x.png">
|
||
<h5>Detection and response</h5>
|
||
<p>Ship logs and alerts when unusual behavior is detected. Run scripts on demand or when alerts trigger.</p>
|
||
</div>
|
||
|
||
<div purpose="feature">
|
||
<img alt="File access monitoring (FIM)" src="/images/icon-fim-48x48@2x.png">
|
||
<h5>File access monitoring (FIM)</h5>
|
||
<p>Specify files to monitor for changes or deletions, then log those events to your SIEM or data lake.</p>
|
||
</div>
|
||
|
||
<div purpose="feature">
|
||
<img alt="Attack surface management" src="/images/icon-attack-surface-management-48x48@2x.png">
|
||
<h5>Security posture</h5>
|
||
<p>Identify security misconfigurations and vulnerabilities and prioritize risks that matter to your organization.</p>
|
||
</div>
|
||
|
||
<div purpose="feature">
|
||
<img alt="Malware detection" src="/images/icon-malware-detection-48x48@2x.png">
|
||
<h5>Threat management</h5>
|
||
<p>Use attack signatures from threat intelligence sources to scan and resolve indicators of compromise (IOC).</p>
|
||
</div>
|
||
|
||
<div purpose="feature">
|
||
<img alt="Osquery made easy" src="/images/icon-osquery-made-easy-48x48@2x.png">
|
||
<h5>Osquery made easy</h5>
|
||
<p>Collect exactly the data you need from your production infrastructure across every cloud and data center*.</p>
|
||
</div>
|
||
<div purpose="feature-footnote">
|
||
<p>*Companies like Fastly and Gusto use Fleet in production with hundreds of thousands of endpoints, including containers, OT, and laptops.</p>
|
||
</div>
|
||
</div>
|
||
<% }%>
|
||
</div>
|
||
</div>
|
||
<%/* End of page gradient */%>
|
||
<div purpose="bottom-gradient">
|
||
<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">
|
||
<h2 class="mb-3">What people are saying</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<scrollable-tweets :testimonials="testimonialsForScrollableTweets"></scrollable-tweets>
|
||
<div purpose="page-container" class="pb-0">
|
||
|
||
<div purpose="bottom-cta" class="text-center">
|
||
<h4>Open orchestration</h4>
|
||
<h2><%= pagePersonalization==='eo-security'? 'Instrument your endpoints' : 'Talk to your computers'%></h2>
|
||
<div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||
<a purpose="cta-button" class="mr-0" href="/contact">Get a demo</a>
|
||
<!-- <animated-arrow-button href="/try">Try it yourself</animated-arrow-button> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<%/* Cloud city banner */%>
|
||
<parallax-city></parallax-city>
|
||
<modal purpose="video-modal" v-if="modal === 'charles-zaffery'" @close="closeModal()">
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/nRbZJflWqCo?si=c4M4iOXEZ03ahHaC&&autoplay=1;rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||
</modal>
|
||
<modal purpose="video-modal" v-if="modal === 'austin-anderson'" @close="closeModal()">
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/G5Ry_vQPaYc?si=vv0AfRe30yssWWRM&&autoplay=1;rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||
</modal>
|
||
<modal purpose="video-modal" v-if="modal === 'nick-fohs'" @close="closeModal()">
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/fs5ULAR4e4A?si=pChZBt_sSNj13goP&&autoplay=1;rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||
</modal>
|
||
<modal purpose="video-modal" v-if="modal === 'calendar'" @close="closeModal()">
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/nhufmzGUeNk?si=rtAF6sFZuA7PhYRS&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
||
</modal>
|
||
</div>
|
||
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
|