mirror of
https://github.com/fleetdm/fleet
synced 2026-05-22 16:39:01 +00:00
Website: /device-management content update (#21543)
Changes: - Added a new section to the /device-management page - Updated the styles of the /device-management page --------- Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
This commit is contained in:
Eric
GitHub
parent
e7e3633794
commit
fc887c85ce
3 changed files with 162 additions and 49 deletions
BIN
website/assets/images/mdm-debunk-cross-platform-myth-528x377@2x.png
vendored
Normal file
BIN
website/assets/images/mdm-debunk-cross-platform-myth-528x377@2x.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
119
website/assets/styles/pages/device-management.less
vendored
119
website/assets/styles/pages/device-management.less
vendored
|
|
@ -35,6 +35,7 @@
|
|||
line-height: @text-lineheight;
|
||||
color: @core-fleet-black-75;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: @core-fleet-black;
|
||||
}
|
||||
|
|
@ -393,10 +394,17 @@
|
|||
|
||||
|
||||
[purpose='feature'] {
|
||||
margin-bottom: 140px;
|
||||
margin-bottom: 100px;
|
||||
h3 {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
a {
|
||||
color: @core-fleet-black-75;
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
color: @core-fleet-black-75;
|
||||
}
|
||||
}
|
||||
&:last-of-type {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
|
@ -429,6 +437,7 @@
|
|||
[purpose='feature-text'] {
|
||||
width: 468px;
|
||||
h2 {
|
||||
font-size: 28px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
p {
|
||||
|
|
@ -487,13 +496,38 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
[purpose='three-column-features'] {
|
||||
margin-bottom: 160px;
|
||||
max-width: 1080px;
|
||||
[purpose='feature-row'] {
|
||||
[purpose='feature-column'] {
|
||||
max-width: 267px;
|
||||
[purpose='responsive-feature-row'] {
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
[purpose='feature-item'] {
|
||||
padding-right: 24px;
|
||||
padding-left: 24px;
|
||||
margin-bottom: 64px;
|
||||
h5 {
|
||||
font-size: 16px;
|
||||
line-height: 1.2;
|
||||
font-weight: 800;
|
||||
}
|
||||
a {
|
||||
color: @core-fleet-black-75;
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
color: @core-fleet-black-75;
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='three-column-features'] {
|
||||
max-width: 1080px;
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
line-height: 48px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
[purpose='button-row'] {
|
||||
|
|
@ -661,6 +695,18 @@
|
|||
width: 50%;
|
||||
}
|
||||
}
|
||||
[purpose='responsive-feature-row'] {
|
||||
[purpose='feature-item'] {
|
||||
padding-right: 24px;
|
||||
padding-left: 24px;
|
||||
margin-bottom: 64px;
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[purpose='testimonial-videos'] {
|
||||
width: 410px;
|
||||
|
|
@ -737,6 +783,16 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
[purpose='three-column-features'] {
|
||||
[purpose='feature-row'] {
|
||||
[purpose='feature-item'] {
|
||||
margin-left: 32px;
|
||||
margin-right: 32px;
|
||||
max-width: 266px;
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
|
@ -747,6 +803,9 @@
|
|||
font-size: 42px;
|
||||
}
|
||||
}
|
||||
[purpose='feature'] {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
[purpose='calendar-feature'] {
|
||||
[purpose='feature-video'] {
|
||||
|
|
@ -805,12 +864,16 @@
|
|||
}
|
||||
[purpose='feature'].flex-column {
|
||||
[purpose='feature-text'] {
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
[purpose='feature'].flex-column-reverse {
|
||||
[purpose='feature-text'] {
|
||||
margin-right: auto;
|
||||
width: 100%;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
[purpose='feature-image'] {
|
||||
|
|
@ -844,6 +907,16 @@
|
|||
height: 304px;
|
||||
}
|
||||
}
|
||||
[purpose='three-column-features'] {
|
||||
[purpose='feature-row'] {
|
||||
[purpose='feature-item'] {
|
||||
margin-left: 24px;
|
||||
margin-right: 24px;
|
||||
max-width: 266px;
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
|
|
@ -871,6 +944,19 @@
|
|||
padding-left: 24px;
|
||||
}
|
||||
}
|
||||
[purpose='responsive-feature-row'] {
|
||||
[purpose='feature-item'] {
|
||||
padding-right: 0px;
|
||||
padding-left: 0px;
|
||||
margin-bottom: 64px;
|
||||
text-align: center;
|
||||
p {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='page-section'] {
|
||||
padding-top: 48px;
|
||||
padding-bottom: 48px;
|
||||
|
|
@ -895,6 +981,21 @@
|
|||
height: calc(~'9/16 * 95vw');
|
||||
}
|
||||
}
|
||||
[purpose='three-column-features'] {
|
||||
[purpose='feature-row'] {
|
||||
[purpose='feature-item'] {
|
||||
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
text-align: center;
|
||||
max-width: 320px;
|
||||
width: 100%;
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='two-column-features'] {
|
||||
[purpose='feature-row'] {
|
||||
margin-bottom: 64px;
|
||||
|
|
|
|||
92
website/views/pages/device-management.ejs
vendored
92
website/views/pages/device-management.ejs
vendored
|
|
@ -4,7 +4,7 @@
|
|||
<div purpose="hero">
|
||||
<div purpose="page-headline">
|
||||
<h4>Device management (MDM)</h4>
|
||||
<h1>Your easiest MDM migration</h1>
|
||||
<h1>Manage everything in one place</h1>
|
||||
</div>
|
||||
<div purpose="testimonials" class="d-flex flex-md-row flex-column align-items-center justify-content-between">
|
||||
<div purpose="testimonial-quote">
|
||||
|
|
@ -30,6 +30,57 @@
|
|||
</div>
|
||||
</div>
|
||||
<logo-carousel></logo-carousel>
|
||||
|
||||
<%/* Debunk the cross-platform myth */%>
|
||||
<div purpose="page-section" class="pb-0">
|
||||
<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">
|
||||
<h2>Debunk the cross-platform myth</h2>
|
||||
<p>Conventional wisdom holds that cross-platform MDM solutions suck. Few, if any, have lived up to the hype.</p>
|
||||
<p>Instead, Fleet lets you work directly with data and events from each native operating system. So while you can still use familiar concepts like smart groups and extension attributes, you don’t get stuck “talking Windows” to Apple devices.</p>
|
||||
</div>
|
||||
<div purpose="feature-image" class="right">
|
||||
<img alt="Transparency for end users" src="/images/mdm-debunk-cross-platform-myth-528x377@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="three-column-features" class="mx-auto">
|
||||
<div purpose="responsive-feature-row" class="row d-flex flex-sm-row flex-column justify-content-lg-between justify-content-center align-items-center align-items-sm-start">
|
||||
<div purpose="feature-item" class="pl-0 col-12 col-sm-6 col-lg-4">
|
||||
<h5>Operating systems</h5>
|
||||
<p>Enforce OS updates with Declarative Device Management (DDM), <a href="https://github.com/macadmins/nudge" target="_blank">Nudge</a>, and Windows Update from one console.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item" class="pr-0 pr-lg-4 col-12 col-sm-6 col-lg-4" >
|
||||
<h5>Automated enrollment</h5>
|
||||
<p>Drop-ship devices to your end users with Apple Business Manager or Autopilot and let them set up their own account. No IT help needed.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item" class="pl-0 pl-lg-4 pr-lg-0 col-12 col-sm-6 col-lg-4">
|
||||
<h5>Config management</h5>
|
||||
<p>Manage settings with configuration profiles for Apple and device profiles for Windows. Use a canary team to test changes before they go live.</p>
|
||||
</div>
|
||||
<div purpose="feature-item" class="pr-0 pr-lg-4 pl-lg-0 col-12 col-sm-6 col-lg-4">
|
||||
<h5>App management</h5>
|
||||
<p>Keep applications and plugins secure and up-to-date automatically. Install the software end users need or let them install it themselves via self service.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item" class="pl-0 pl-lg-4 col-12 col-sm-6 col-lg-4">
|
||||
<h5>Scripts and events</h5>
|
||||
<p>Easily manage and version control your custom script library. Execute shell and PowerShell scripts when computers drift from the baseline.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-item" class="pr-0 pr-lg-4 col-12 col-sm-6 col-lg-4">
|
||||
<h5>Keep up with Apple</h5>
|
||||
<p>Fleet's team and community stay on top of the latest features and releases from all supported platform vendors—not just Apple.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-row" class="row d-flex flex-sm-row flex-column justify-content-lg-between justify-content-center mb-0 align-items-center align-items-sm-start">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="comparison-section">
|
||||
<h2>Head-to-head with the big players</h2>
|
||||
<p>Considering a move to Fleet as a cross-platform, open-source MDM alternative? See how we compare:</p>
|
||||
|
|
@ -441,45 +492,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%/* Simplify your tools section */%>
|
||||
<div purpose="page-section">
|
||||
<div purpose="feature-headline">
|
||||
<h2>Tidy up your tools</h2>
|
||||
<p>Deploy a modern Mac-first MDM purpose-built for IT engineers and cross-training. Use principles from DevOps to manage Apple, Windows, and Linux computers declaratively.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="two-column-features" class="mx-auto">
|
||||
|
||||
<div purpose="feature-row" class="d-flex flex-sm-row flex-column justify-content-lg-between justify-content-center">
|
||||
<div purpose="feature-column" class="ml-sm-0">
|
||||
<img alt="Patch every OS" src="/images/device-management-icon-patch-every-os-48x48@2x.png">
|
||||
<h5>Patch every OS</h5>
|
||||
<p>Shorten patch timelines with custom, enforceable deadlines and grace periods for every operating system. Encourage updates with Declarative Device Management (DDM), Nudge, and Windows Update from one interface.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-column" class="mr-sm-0 mb-0">
|
||||
<img alt="Push profiles" src="/images/device-management-icon-verify-updates-and-settings-48x48@2x.png">
|
||||
<h5>Push profiles</h5>
|
||||
<p>Remote-control settings on your Macs and PCs like Wi-Fi, certificates, passwords, screen lock, etc. Deploy baselines or customize your own to comply with your organization’s security requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-row" class="d-flex flex-sm-row flex-column justify-content-lg-between justify-content-center mb-0">
|
||||
<div purpose="feature-column" class="ml-sm-0">
|
||||
<img alt="Manage software installs from anywhere" src="/images/device-management-icon-automatic-posture-assessment-48x48@2x.png">
|
||||
<h5>Manage software installs from anywhere</h5>
|
||||
<p>Get employees the software and settings they need with less drama by managing app packages, operating system versions, and patch levels for every platform, on top of open standards and data.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-column" class="mr-sm-0 mb-0">
|
||||
<img alt="Access the latest Apple and Windows APIs" src="/images/device-management-icon-circular-action-48x48@2x.png">
|
||||
<h5>Access the latest Apple and Windows APIs</h5>
|
||||
<p>Turn on the latest native macOS and Windows operating system capabilities like DDM and Autopilot, all in one place. Fleet’s team and community test against every new Apple and Microsoft release.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%/* End of page gradient */%>
|
||||
|
|
|
|||
Loading…
Reference in a new issue