mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 00:49:03 +00:00
Updates /better (#19824)
Started to update /better as per https://github.com/fleetdm/confidential/issues/6895 @eashaw, can you please help with this? I implemented the changes from the wireframes but got into a tangle, putting the finishing touches to the CSS. There were some inconsistencies with margins for the page template when I added the feature row and column features, so I brought in the `@page-container-max-width` variables from the land pages but got a bit stuck with what media query styles to bring with it. Thanks! Also, as part of the linked issue but separate from this PR, can you please tackle what's needed to pipe the Typeform info into Slack or SF? Are we using a Zap for the current swag form? --------- Co-authored-by: Eric <eashaw@sailsjs.com>
This commit is contained in:
Mike Thomas
GitHub
parent
9f0404fbe1
commit
f04b6a8c85
5 changed files with 385 additions and 221 deletions
BIN
website/assets/images/better-scheduled-maintenance-468x334.png
vendored
Normal file
BIN
website/assets/images/better-scheduled-maintenance-468x334.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
website/assets/images/icon-automatic-remediation-48x48@2x.png
vendored
Normal file
BIN
website/assets/images/icon-automatic-remediation-48x48@2x.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
website/assets/images/icon-secure-device-48x48@2x.png
vendored
Normal file
BIN
website/assets/images/icon-secure-device-48x48@2x.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
328
website/assets/styles/pages/transparency.less
vendored
328
website/assets/styles/pages/transparency.less
vendored
|
|
@ -1,35 +1,65 @@
|
|||
|
||||
#transparency {
|
||||
@heading-lineheight: 120%;
|
||||
@text-lineheight: 150%;
|
||||
|
||||
@page-container-max-width-xl: 960px;
|
||||
@page-container-max-width-lg: 840px;
|
||||
@page-container-max-width-md: 480px;
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
font-weight: 800;
|
||||
line-height: 120%;
|
||||
line-height: @heading-lineheight;
|
||||
}
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
line-height: 120%;
|
||||
line-height: @heading-lineheight;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
line-height: 120%;
|
||||
line-height: @heading-lineheight;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @core-vibrant-blue;
|
||||
text-decoration: underline;
|
||||
color: @core-fleet-black-75;
|
||||
}
|
||||
|
||||
[purpose='page-content'] {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: @page-container-max-width-xl;
|
||||
}
|
||||
|
||||
[purpose='page-container'] {
|
||||
max-width: 1200px;
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
padding-left: 128px;
|
||||
padding-right: 128px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
[purpose='page-section'] {
|
||||
padding-top: 64px;
|
||||
padding-bottom: 64px;
|
||||
margin-bottom: 40px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
[purpose='logos'] {
|
||||
margin-top: 40px;
|
||||
max-width: 100%;
|
||||
}
|
||||
[purpose='hero-text'] {
|
||||
text-align: center;
|
||||
margin-bottom: 104px;
|
||||
margin-bottom: 40px;
|
||||
h1 {
|
||||
font-size: 48px;
|
||||
font-weight: 800;
|
||||
line-height: 120%;
|
||||
line-height: @heading-lineheight;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
p {
|
||||
margin-left: auto;
|
||||
|
|
@ -38,74 +68,142 @@
|
|||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
[purpose='calendar-feature'] {
|
||||
padding-top: 64px;
|
||||
padding-bottom: 64px;
|
||||
h2 {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
[purpose='calendar-feature-text'] {
|
||||
max-width: 480px;
|
||||
}
|
||||
[purpose='calendar-checklist'] {
|
||||
margin-bottom: 32px;
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
padding-left: 37px;
|
||||
text-indent: -37px;
|
||||
margin-bottom: 1.5rem;
|
||||
&:last-of-type {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
p::before {
|
||||
content: ' ';
|
||||
background-image: url('/images/icon-checkmark-green-20x20@2x.png');
|
||||
background-size: 20px 20px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
margin-right: 16px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
[purpose='feature-video'] {
|
||||
margin-left: 80px;
|
||||
max-width: 468px;
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
[purpose='contact-button'] {
|
||||
cursor: pointer;
|
||||
padding: 12px 32px;
|
||||
width: fit-content;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
line-height: 21px;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='feature-headline'] {
|
||||
max-width: 510px;
|
||||
margin-bottom: 80px;
|
||||
h2 {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
[purpose='three-column-features'] {
|
||||
max-width: 1080px;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
[purpose='feature-row'] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
[purpose='feature-column'] {
|
||||
max-width: 267px;
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
p {
|
||||
font-size: 14px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
img {
|
||||
height: 48px;
|
||||
width: auto;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
h5 {
|
||||
font-weight: 800;
|
||||
font-size: 16px;
|
||||
line-height: @heading-lineheight;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
[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: ;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
[purpose='accordion-header'] {
|
||||
color: @core-fleet-black;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-weight: 700;
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
span {
|
||||
color: @core-fleet-black;
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[purpose='bottom-gradient'] {
|
||||
background: linear-gradient(180deg, #FFF 0%, #E4F3F4 59.5%);
|
||||
}
|
||||
[purpose='calendar-feature'] {
|
||||
margin-bottom: 104px;
|
||||
h3 {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
[purpose='calendar-feature-text'] {
|
||||
max-width: 480px;
|
||||
}
|
||||
[purpose='calendar-checklist'] {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 24px;
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
padding-left: 37px;
|
||||
text-indent: -37px;
|
||||
margin-bottom: 1.5rem;
|
||||
&:last-of-type {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
p::before {
|
||||
content: ' ';
|
||||
background-image: url('/images/icon-checkmark-green-20x20@2x.png');
|
||||
background-size: 20px 20px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
margin-right: 16px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
[purpose='feature-video'] {
|
||||
margin-left: 80px;
|
||||
max-width: 468px;
|
||||
video {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
}
|
||||
[purpose='contact-button'] {
|
||||
margin-top: 12px;
|
||||
cursor: pointer;
|
||||
padding: 12px 32px;
|
||||
width: fit-content;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
line-height: 21px;
|
||||
color: #FFF;
|
||||
&:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[parasails-component='parallax-city'] {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
font-weight: bold;
|
||||
[parasails-component='parallax-city'] {
|
||||
background: none;
|
||||
}
|
||||
|
||||
[purpose='card'] {
|
||||
|
|
@ -120,8 +218,23 @@
|
|||
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
[purpose='page-container'] {
|
||||
padding-left: 80px;
|
||||
padding-right: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
|
||||
[purpose='page-container'] {
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
[purpose='page-content'] {
|
||||
max-width: @page-container-max-width-lg;
|
||||
}
|
||||
|
||||
[purpose='calendar-feature'] {
|
||||
margin-bottom: 64px;
|
||||
[purpose='feature-video'] {
|
||||
|
|
@ -139,19 +252,78 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
h3 {
|
||||
font-size: 28px;
|
||||
line-height: 40px;
|
||||
@media (max-width: 767px) {
|
||||
[purpose='feature-row'] {
|
||||
flex-direction: row;
|
||||
align-items: start;
|
||||
}
|
||||
[purpose='feature-column'] {
|
||||
max-width: 267px;
|
||||
margin-left: 24px;
|
||||
margin-right: 24px;
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
img {
|
||||
height: 48px;
|
||||
width: auto;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
h5 {
|
||||
font-weight: 800;
|
||||
font-size: 16px;
|
||||
line-height: @heading-lineheight;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
[purpose='page-content'] {
|
||||
max-width: @page-container-max-width-md;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
[purpose='page-container'] {
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
[purpose='calendar-feature'] {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
[purpose='page-section'] {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
[purpose='feature-row'] {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
[purpose='feature-column'] {
|
||||
max-width: 267px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
&:first-of-type {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
img {
|
||||
height: 48px;
|
||||
width: auto;
|
||||
margin-bottom: 16px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 375px) {
|
||||
[purpose='hero-text'] {
|
||||
margin-bottom: 40px;
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
}
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
[purpose='calendar-feature-text'] {
|
||||
h2 {
|
||||
|
|
|
|||
278
website/views/pages/transparency.ejs
vendored
278
website/views/pages/transparency.ejs
vendored
|
|
@ -1,172 +1,164 @@
|
|||
<div id="transparency" v-cloak>
|
||||
|
||||
<div style="max-width: 1008px;" class="container-fluid d-flex flex-column justify-content-center align-items-center px-3 px-md-4 pt-3 pt-lg-5 pb-5 mx-auto my-5">
|
||||
<div purpose="page-container" class="container-fluid">
|
||||
<div purpose="page-content">
|
||||
<div purpose="hero-text">
|
||||
<h1>A better user experience</h1>
|
||||
<p>Fleet is dedicated to making IT and security less annoying, while maintaining privacy, transparency, and trust for end users.</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 your computer is actually free.</p>
|
||||
<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 annoying time wastes and notifications</p>
|
||||
<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="/contact">
|
||||
Ask us anything
|
||||
<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">
|
||||
<video autoplay loop muted playsinline purpose="calendar-video"><source src="/videos/calendar-feature-video.mp4" type="video/mp4"></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 class="container-fluid d-flex flex-column text-center justify-content-center align-items-center pb-5 mb-3 mx-auto">
|
||||
<div purpose="hero-text" class="mb-3">
|
||||
<h3 class="pb-3">What personal information can Fleet see?</h3>
|
||||
<p class="m-0">End users deserve to know what their employer can see and do on their laptops. Here’s what Fleet can manage on your devices:</p>
|
||||
|
||||
<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="card" class="d-flex">
|
||||
<h4 class="text-center pb-4 mb-3">Fleet does <span style="font-weight: 900">NOT</span> have access to:</h4>
|
||||
<div class="d-flex flex-column flex-sm-row flex-wrap w-100 justify-content-center pb-lg-4">
|
||||
<div class="d-flex flex-column align-items-center text-center justify-content-center px-4 mb-5">
|
||||
<img style="max-height: 80px; width: auto" alt="keyboard icon" src="/images/keystrokes-93x80@2x.png"/>
|
||||
<p class="pt-2 pt-sm-3 m-0">Keystrokes</p>
|
||||
<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">
|
||||
System settings
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body1" class="collapse" aria-labelledby="accordion__header1">
|
||||
Fleet can enforce settings like password length on your device. This is useful for IT teams to keep your Mac up to date so you don’t have to.
|
||||
</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column align-items-center text-center justify-content-center px-4 mb-5">
|
||||
<img style="max-height: 80px; width: auto" alt="mouse icon" src="/images/mouse-movement-98x80@2x.png"/>
|
||||
<p class="pt-2 pt-sm-3 m-0">Mouse movements</p>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header2" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body2" aria-controls="accordion__body2">
|
||||
Remote actions
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body2" class="collapse" aria-labelledby="accordion__header2">
|
||||
Device actions are helpful for IT teams to troubleshoot your device remotely if you run into any issues. If your IT team uses Fleet's device management (MDM) features, your computer can be restarted, locked or even wiped remotely by your administrator.
|
||||
</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column align-items-center text-center justify-content-center px-4 mb-5">
|
||||
<img style="max-height: 80px; width: auto" alt="messages icon" src="/images/emails-and-chat-101x81@2x.png"/>
|
||||
<p class="pt-2 pt-sm-3 m-0">Email & text messages</p>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header3" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body3" aria-controls="accordion__body3">
|
||||
Shell scripts
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body3" class="collapse" aria-labelledby="accordion__header3">
|
||||
Fleet can run any shell script on your device remotely. This is useful for IT teams to help you troubleshoot remotely if you run into any issues with your device.
|
||||
</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column flex-sm-row flex-wrap align-items-center justify-content-center">
|
||||
<div class="d-flex flex-column align-items-center text-center justify-content-center px-4 mb-5">
|
||||
<img style="max-height: 80px; width: auto" alt="webcam icon" src="/images/webcam-81x80@2x.png"/>
|
||||
<p class="pt-2 pt-sm-3 m-0">Webcams & mic</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column align-items-center text-center justify-content-center px-4 mb-5">
|
||||
<img style="max-height: 80px; width: auto" alt="computer screen icon" src="/images/screen-82x81@2x.png"/>
|
||||
<p class="pt-2 pt-sm-3 m-0">Screen content</p>
|
||||
</div>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header4" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body4" aria-controls="accordion__body4">
|
||||
User account logins
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body4" class="collapse" aria-labelledby="accordion__header4">
|
||||
Fleet can see details about the user accounts associated with your device, including which accounts have logged in recently. This is useful for IT and security teams to identify logins from suspicious accounts.
|
||||
</p>
|
||||
</div>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header5" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body5" aria-controls="accordion__body5">
|
||||
Device health & performance
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body5" class="collapse" aria-labelledby="accordion__header5">
|
||||
Fleet can see details about your device’s hardware. E.g., what processor is used, how much memory is installed, storage capacity, battery health, etc. This allows IT teams to preemptively address device health problems, which can mitigate data loss and reduce disruption to your workflow caused by IT related issues.
|
||||
</p>
|
||||
</div>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header6" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body6" aria-controls="accordion__body6">
|
||||
Installed software packages
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body6" class="collapse" aria-labelledby="accordion__header6">
|
||||
Fleet can access a detailed list of the software installed on your device. With this information, IT teams can better manage software update schedules, and reduce disruption to your workflow. Security teams can also use this data to determine if any of your software has been compromised, by referencing your software’s version number against known vulnerable software databases.
|
||||
</p>
|
||||
</div>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header7" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body7" aria-controls="accordion__body7">
|
||||
Running processes
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body7" class="collapse" aria-labelledby="accordion__header7">
|
||||
Fleet can access a list of processes running on your device. These are processes you interact with graphically i.e., opened software; and processes that are running tasks in the background, such as sending data over network connections, running backups, or scheduled auto-updates. IT and security teams can use osquery to view this list in order to detect suspicious activity that may be a threat to your system.
|
||||
</p>
|
||||
</div>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header8" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body8" aria-controls="accordion__body8">
|
||||
Security configurations
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body8" class="collapse" aria-labelledby="accordion__header8">
|
||||
Fleet can see information about the status of firewalls and other security software installed on your device.
|
||||
</p>
|
||||
</div>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header9" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body9" aria-controls="accordion__body9">
|
||||
Connected hardware devices
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body9" class="collapse" aria-labelledby="accordion__header9">
|
||||
Fleet can see information about connected hardware devices. This is typically limited to only the type of hardware connected, and not specific details about the device. E.g., connected smartphones, USB devices, network devices, audio/visual hardware.
|
||||
</p>
|
||||
</div>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header10" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body10" aria-controls="accordion__body10">
|
||||
Device location
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body10" class="collapse" aria-labelledby="accordion__header10">
|
||||
Fleet uses IP geolocation to provide an approximate location of your device. Accuracy of IP geolocation services vary depending on where you are, but can typically be pinpointed within the nearest state or city. Organizations typically use this feature to track stolen or misplaced devices, and in some cases to ensure the safety of employees.
|
||||
</p>
|
||||
</div>
|
||||
<div purpose="accordion-item">
|
||||
<p purpose="accordion-header" id="accordion__header11" style="cursor: pointer;" class="accordion" data-toggle="collapse" data-target="#accordion__body11" aria-controls="accordion__body11">
|
||||
File contents
|
||||
<span class="fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body11" class="collapse" aria-labelledby="accordion__header11">
|
||||
In the case of a cyber attack, it is possible with Fleet to gain read access to files on your system. This is not a feature designed for privacy invasion, but rather a means for security teams to locate files on your device that may have been created or affected by a malicious virus.<br/><br/>
|
||||
Additionally, Fleet can be configured to store disk encryption keys that can be used to recover encrypted data from a macOS device.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="accordion" class="container-fluid d-flex flex-column justify-content-center align-items-center pt-5 pb-5 mt-5 mx-auto">
|
||||
<h3 class="text-center pb-3 m-0">Here’s how Fleet can see and manage your devices:</h3>
|
||||
<div style="max-width: 800px; color: #192147;" class="pt-5 w-100 mx-auto">
|
||||
<div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header1" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body1" aria-controls="accordion__body1">
|
||||
System settings
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body1" class="collapse" aria-labelledby="accordion__header1">
|
||||
Fleet can enforce settings like password length on your device. This is useful for IT teams to keep your Mac up to date so you don’t have to.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header2" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body2" aria-controls="accordion__body2">
|
||||
Device actions
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body2" class="collapse" aria-labelledby="accordion__header2">
|
||||
Device actions are helpful for IT teams to troubleshoot your device remotely if you run into any issues. If your IT team uses Fleet's device management (MDM) features, your computer can be restarted, locked or even wiped remotely by your administrator.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header3" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body3" aria-controls="accordion__body3">
|
||||
Shell scripts
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body3" class="collapse" aria-labelledby="accordion__header3">
|
||||
Fleet can run any shell script on your device remotely. This is useful for IT teams to help you troubleshoot remotely if you run into any issues with your device.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header4" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body4" aria-controls="accordion__body4">
|
||||
User account logins
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body4" class="collapse" aria-labelledby="accordion__header4">
|
||||
Fleet can see details about the user accounts associated with your device, including which accounts have logged in recently. This is useful for IT and security teams to identify logins from suspicious accounts.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header5" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body5" aria-controls="accordion__body5">
|
||||
Device health & performance
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body5" class="collapse" aria-labelledby="accordion__header5">
|
||||
Fleet can see details about your device’s hardware. E.g., what processor is used, how much memory is installed, storage capacity, battery health, etc. This allows IT teams to preemptively address device health problems, which can mitigate data loss and reduce disruption to your workflow caused by IT related issues.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header6" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body6" aria-controls="accordion__body6">
|
||||
Installed software packages
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body6" class="collapse" aria-labelledby="accordion__header6">
|
||||
Fleet can access a detailed list of the software installed on your device. With this information, IT teams can better manage software update schedules, and reduce disruption to your workflow. Security teams can also use this data to determine if any of your software has been compromised, by referencing your software’s version number against known vulnerable software databases.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header7" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body7" aria-controls="accordion__body7">
|
||||
Running processes
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body7" class="collapse" aria-labelledby="accordion__header7">
|
||||
Fleet can access a list of processes running on your device. These are processes you interact with graphically i.e., opened software; and processes that are running tasks in the background, such as sending data over network connections, running backups, or scheduled auto-updates. IT and security teams can use osquery to view this list in order to detect suspicious activity that may be a threat to your system.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header8" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body8" aria-controls="accordion__body8">
|
||||
Security configurations
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body8" class="collapse" aria-labelledby="accordion__header8">
|
||||
Fleet can see information about the status of firewalls and other security software installed on your device.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header9" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body9" aria-controls="accordion__body9">
|
||||
Connected hardware devices
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body9" class="collapse" aria-labelledby="accordion__header9">
|
||||
Fleet can see information about connected hardware devices. This is typically limited to only the type of hardware connected, and not specific details about the device. E.g., connected smartphones, USB devices, network devices, audio/visual hardware.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header10" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body10" aria-controls="accordion__body10">
|
||||
Device location
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body10" class="collapse" aria-labelledby="accordion__header10">
|
||||
Fleet uses IP geolocation to provide an approximate location of your device. Accuracy of IP geolocation services vary depending on where you are, but can typically be pinpointed within the nearest state or city. Organizations typically use this feature to track stolen or misplaced devices, and in some cases to ensure the safety of employees.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid #E2E4EA; padding-right: 20px;" class="position-relative">
|
||||
<p id="accordion__header11" style="cursor: pointer;" class="accordion pt-3 mb-3" data-toggle="collapse" data-target="#accordion__body11" aria-controls="accordion__body11">
|
||||
File contents
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="accordion__body11" class="collapse" aria-labelledby="accordion__header11">
|
||||
In the case of a cyber attack, it is possible with Fleet to gain read access to files on your system. This is not a feature designed for privacy invasion, but rather a means for security teams to locate files on your device that may have been created or affected by a malicious virus.<br/><br/>
|
||||
Additionally, Fleet can be configured to store disk encryption keys that can be used to recover encrypted data from a macOS device.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="bottom-gradient">
|
||||
<parallax-city></parallax-city>
|
||||
</div>
|
||||
<div purpose="bottom-gradient">
|
||||
<parallax-city></parallax-city>
|
||||
</div>
|
||||
</div>
|
||||
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
|
||||
|
|
|
|||
Loading…
Reference in a new issue