mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
updated homepage (#22736)
- updated text in the carousel - swapped position of integrations and open interface card - updated links in open by design columns - swapped IoT icon for iOS - reduced/made spacings consistent
This commit is contained in:
Mike Thomas
GitHub
parent
cb35db4b14
commit
e3a5985b92
3 changed files with 117 additions and 123 deletions
BIN
website/assets/images/icon-ios-36x36@2x.png
vendored
Normal file
BIN
website/assets/images/icon-ios-36x36@2x.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
17
website/assets/styles/pages/homepage.less
vendored
17
website/assets/styles/pages/homepage.less
vendored
|
|
@ -85,7 +85,7 @@
|
|||
padding-right: 0px;
|
||||
}
|
||||
[purpose='page-section'] {
|
||||
margin-bottom: 180px;
|
||||
margin-bottom: 120px;
|
||||
max-width: 960px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
|
@ -282,8 +282,8 @@
|
|||
}
|
||||
|
||||
[purpose='homepage-text-block'] {
|
||||
margin-top: 160px;
|
||||
margin-bottom: 120px;
|
||||
margin-top: 80px;
|
||||
margin-bottom: 80px;
|
||||
max-width: 642px;
|
||||
h2 {
|
||||
font-weight: 800;
|
||||
|
|
@ -296,7 +296,7 @@
|
|||
}
|
||||
}
|
||||
[purpose='platform-block'] {
|
||||
margin-bottom: 64px;
|
||||
margin-bottom: 120px;
|
||||
max-width: 1080px;
|
||||
}
|
||||
[purpose='platform-block'].visible {
|
||||
|
|
@ -514,10 +514,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
[purpose='integrations-section'] {
|
||||
margin-top: 180px;
|
||||
}
|
||||
[purpose='integration-cards'] {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
|
|
@ -716,10 +712,7 @@
|
|||
padding-left: 60px;
|
||||
}
|
||||
[purpose='page-section'] {
|
||||
margin-bottom: 160px;
|
||||
}
|
||||
[purpose='integrations-section'] {
|
||||
margin-top: 160px;
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
[purpose='video-modal'] {
|
||||
[purpose='modal-dialog'] {
|
||||
|
|
|
|||
223
website/views/pages/homepage.ejs
vendored
223
website/views/pages/homepage.ejs
vendored
|
|
@ -37,10 +37,10 @@
|
|||
<img alt="Operating systems entering a glass device management dome" src="/images/device-management-hero-380x293@2x.png">
|
||||
</div>
|
||||
<div purpose="category-text-block" class="d-flex flex-column">
|
||||
<strong>Everything in one place</strong>
|
||||
<p>Manage devices consistently in a single, open platform for Apple, Windows, and Linux. Going only Mac or 50/50 Mac and Windows? What about Linux? It’s up to you. </p>
|
||||
<strong>Everything in one place - even Linux</strong>
|
||||
<p>Enroll all your computing devices from a single system. Going only Apple or 50/50 Mac and Windows? What about Linux? It’s up to you. </p>
|
||||
<strong>Debunk the cross-platform myth</strong>
|
||||
<p>Fleet exposes familiar concepts like custom attributes and dynamic grouping, but in a way that lets you work directly with data and events from each native operating system.</p>
|
||||
<p>Fleet exposes familiar concepts from traditional MDMs like custom attributes and dynamic grouping, but in a way that lets you work directly with data and events from each native operating system.</p>
|
||||
<strong>Less friction</strong>
|
||||
<p>Automatically manage updates and patches for apps on macOS, Windows, and Linux computers.</p>
|
||||
<div>
|
||||
|
|
@ -180,7 +180,112 @@
|
|||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
<%/* Integration cards */%>
|
||||
<div purpose="page-section">
|
||||
<div purpose="endpoints-banner">
|
||||
<div purpose="endpoint-banner-text">
|
||||
<h2>An open interface for every OS</h2>
|
||||
<p>Normalize how you manage clouds and computers without losing low-level access to OS-specific features.</p>
|
||||
<div class="d-flex flex-row align-items-center justify-content-md-start justify-content-center">
|
||||
<animated-arrow-button href="/docs/get-started/why-fleet">Read the docs</animated-arrow-button>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="endpoints-images">
|
||||
<div purpose="endpoint-images-row" class="d-md-flex d-none">
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
<div purpose="endpoint-images-row">
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-none d-flex"></div>
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-none d-flex"></div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="AWS" src="/images/logo-aws-36x36@2x.png">
|
||||
<p>AWS</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="Google Cloud" src="/images/icon-gcp-36x36@2x.png">
|
||||
<p>GCP</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="Azure" src="/images/logo-azure-37x36@2x.png">
|
||||
<p>Azure</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-none d-flex">
|
||||
<img alt="Datacenters" src="/images/homepage-platform-greyscale-datacenters-48x48@2x.png">
|
||||
<p>Data centers</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-none d-flex">
|
||||
<img alt="iOS" src="/images/icon-ios-36x36@2x.png">
|
||||
<p>iOS/iPadOS</p>
|
||||
</div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
<div purpose="endpoint-images-row">
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-none d-flex"></div>
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-none d-flex"></div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="macOS" src="/images/logo-apple-36x36@2x.png">
|
||||
<p>macOS</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="Windows" src="/images/logo-windows-36x36@2x.png">
|
||||
<p>Windows</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="Linux" src="/images/logo-linux-36x36@2x.png">
|
||||
<p>Linux</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-flex d-none">
|
||||
<img alt="Datacenters" src="/images/homepage-platform-greyscale-datacenters-48x48@2x.png">
|
||||
<p>Data centers</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-none d-flex">
|
||||
<img alt="ChromeOS" src="/images/logo-chrome-36x37@2x.png">
|
||||
<p>Chromebook</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-none d-flex">
|
||||
<img alt="Containers" src="/images/logo-docker-40x40@2x.png">
|
||||
<p>Containers</p>
|
||||
</div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
<div purpose="endpoint-images-row">
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-flex d-none"></div>
|
||||
<div purpose="endpoint-image-box" class="d-md-flex d-none">
|
||||
<img alt="ChromeOS" src="/images/logo-chrome-36x37@2x.png">
|
||||
<p>Chromebook</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-flex d-none">
|
||||
<img alt="Containers" src="/images/logo-docker-40x40@2x.png">
|
||||
<p>Containers</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-flex d-none">
|
||||
<img alt="iOS" src="/images/icon-ios-36x36@2x.png">
|
||||
<p>iOS/iPadOS</p>
|
||||
</div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
<div purpose="endpoint-images-row">
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<%/* Integration cards */%>
|
||||
<div purpose="integrations-section">
|
||||
<h2 class="text-center">Connect your favorite tools</h2>
|
||||
<div purpose="integration-cards" class="d-flex flex-sm-row flex-column justify-content-center">
|
||||
|
|
@ -233,114 +338,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="page-section">
|
||||
<div purpose="endpoints-banner">
|
||||
<div purpose="endpoint-banner-text">
|
||||
<h2>An open interface for every OS</h2>
|
||||
<p>Normalize how you manage clouds and computers without losing low-level access to OS-specific features.</p>
|
||||
<div class="d-flex flex-row align-items-center justify-content-md-start justify-content-center">
|
||||
<animated-arrow-button href="/docs/get-started/why-fleet">Read the docs</animated-arrow-button>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="endpoints-images">
|
||||
<div purpose="endpoint-images-row" class="d-md-flex d-none">
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
<div purpose="endpoint-images-row">
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-none d-flex"></div>
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-none d-flex"></div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="AWS" src="/images/logo-aws-36x36@2x.png">
|
||||
<p>AWS</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="Google Cloud" src="/images/icon-gcp-36x36@2x.png">
|
||||
<p>GCP</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="Azure" src="/images/logo-azure-37x36@2x.png">
|
||||
<p>Azure</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-none d-flex">
|
||||
<img alt="Datacenters" src="/images/homepage-platform-greyscale-datacenters-48x48@2x.png">
|
||||
<p>Data centers</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-none d-flex">
|
||||
<img alt="IOT" src="/images/icon-iot-36x36@2x.png">
|
||||
<p>IoT (Linux)</p>
|
||||
</div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
<div purpose="endpoint-images-row">
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-none d-flex"></div>
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-none d-flex"></div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="macOS" src="/images/logo-apple-36x36@2x.png">
|
||||
<p>macOS</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="Windows" src="/images/logo-windows-36x36@2x.png">
|
||||
<p>Windows</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box">
|
||||
<img alt="Linux" src="/images/logo-linux-36x36@2x.png">
|
||||
<p>Linux</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-flex d-none">
|
||||
<img alt="Datacenters" src="/images/homepage-platform-greyscale-datacenters-48x48@2x.png">
|
||||
<p>Data centers</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-none d-flex">
|
||||
<img alt="ChromeOS" src="/images/logo-chrome-36x37@2x.png">
|
||||
<p>Chromebook</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-none d-flex">
|
||||
<img alt="Containers" src="/images/logo-docker-40x40@2x.png">
|
||||
<p>Containers</p>
|
||||
</div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
<div purpose="endpoint-images-row">
|
||||
<div purpose="endpoint-empty-image-box" class="d-md-flex d-none"></div>
|
||||
<div purpose="endpoint-image-box" class="d-md-flex d-none">
|
||||
<img alt="ChromeOS" src="/images/logo-chrome-36x37@2x.png">
|
||||
<p>Chromebook</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-flex d-none">
|
||||
<img alt="Containers" src="/images/logo-docker-40x40@2x.png">
|
||||
<p>Containers</p>
|
||||
</div>
|
||||
<div purpose="endpoint-image-box" class="d-md-flex d-none">
|
||||
<img alt="IOT" src="/images/icon-iot-36x36@2x.png">
|
||||
<p>IoT (Linux)</p>
|
||||
</div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
<div purpose="endpoint-images-row">
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
<div purpose="endpoint-empty-image-box"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div purpose="homepage-text-block" class="text-center mx-auto">
|
||||
<h2>Open by design</h2>
|
||||
<p>Fleet is dedicated to flexibility, accessibility, and clarity. We think everyone can contribute and that tools should be as easy as possible for everyone to understand.</p>
|
||||
<p>At Fleet, everyone can contribute. We are dedicated to making tools that are easy for everyone to understand.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="three-column-features" class="mx-auto">
|
||||
|
|
@ -349,13 +350,13 @@
|
|||
<div purpose="feature" class="ml-sm-0">
|
||||
<img alt="transparency" src="/images/homepage-icon-transparency-54x64@2x.png" class="mx-auto mx-md-0">
|
||||
<h5>Scope transparency</h5>
|
||||
<p>Let end users see the source code for exactly <a href="/docs/using-fleet/fleet-desktop">how they are being monitored</a>, and set clear expectations about what is and isn’t acceptable use of work computers.</p>
|
||||
<p>Let end users see the source code for exactly <a href="/better">how they are being monitored</a>, and set clear expectations about what is and isn’t acceptable use of work computers.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature">
|
||||
<img alt="Free as in free" src="/images/homepage-icon-free-48x64@2x.png">
|
||||
<h5>Free as in free</h5>
|
||||
<p>The <a href="/pricing">free version of Fleet</a> will always be free. Fleet is independently backed and actively maintained with the help of many amazing <a href="https://github.com/fleetdm/fleet/graphs/contributors">contributors</a>.</p>
|
||||
<p>The <a href="https://fleetdm.com/docs/get-started/faq#what-is-your-commitment-to-open-source-stewardship">free version of Fleet</a> will always be free. Fleet is independently backed and actively maintained with the help of many amazing <a href="https://github.com/fleetdm/fleet/graphs/contributors">contributors</a>.</p>
|
||||
</div>
|
||||
|
||||
<div purpose="feature" class="mr-sm-0 mb-0">
|
||||
|
|
|
|||
Loading…
Reference in a new issue