mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 08:58:41 +00:00
Website: update space between sections on landing pages. (#20510)
Closes: #20495 Changes: - Updated the space between sections on the endpoint ops and vulnerability management pages.
This commit is contained in:
parent
7dda2e9f84
commit
a6904ed596
4 changed files with 45 additions and 29 deletions
28
website/assets/styles/pages/endpoint-ops.less
vendored
28
website/assets/styles/pages/endpoint-ops.less
vendored
|
|
@ -408,11 +408,15 @@
|
|||
margin-bottom: 24px;
|
||||
}
|
||||
}
|
||||
[purpose='feature-image'].left {
|
||||
margin-left: 24px;
|
||||
[purpose='feature'].flex-column {
|
||||
[purpose='feature-text'] {
|
||||
margin-left: 48px;
|
||||
}
|
||||
}
|
||||
[purpose='feature-image'].right {
|
||||
margin-right: 24px;
|
||||
[purpose='feature'].flex-column-reverse {
|
||||
[purpose='feature-text'] {
|
||||
margin-right: 48px;
|
||||
}
|
||||
}
|
||||
[purpose='feature-image'] {
|
||||
max-width: 380px;
|
||||
|
|
@ -610,6 +614,16 @@
|
|||
[purpose='feature-text'] {
|
||||
width: unset;
|
||||
}
|
||||
[purpose='feature'].flex-column {
|
||||
[purpose='feature-text'] {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
[purpose='feature'].flex-column-reverse {
|
||||
[purpose='feature-text'] {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
[purpose='feature'] {
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
|
|
@ -617,12 +631,6 @@
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 60px;
|
||||
&.left {
|
||||
margin-left: auto;
|
||||
}
|
||||
&.right {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
[purpose='testimonial-videos'] {
|
||||
margin-left: auto;
|
||||
|
|
|
|||
|
|
@ -351,11 +351,15 @@
|
|||
}
|
||||
}
|
||||
|
||||
[purpose='feature-image'].left {
|
||||
margin-left: 24px;
|
||||
[purpose='feature'].flex-column {
|
||||
[purpose='feature-text'] {
|
||||
margin-left: 48px;
|
||||
}
|
||||
}
|
||||
[purpose='feature-image'].right {
|
||||
margin-right: 24px;
|
||||
[purpose='feature'].flex-column-reverse {
|
||||
[purpose='feature-text'] {
|
||||
margin-right: 48px;
|
||||
}
|
||||
}
|
||||
[purpose='feature-image'] {
|
||||
max-width: 380px;
|
||||
|
|
@ -539,16 +543,20 @@
|
|||
[purpose='feature'] {
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
[purpose='feature'].flex-column {
|
||||
[purpose='feature-text'] {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
[purpose='feature'].flex-column-reverse {
|
||||
[purpose='feature-text'] {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
[purpose='feature-image'] {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 60px;
|
||||
&.left {
|
||||
margin-left: auto;
|
||||
}
|
||||
&.right {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
[purpose='hero-image'] {
|
||||
margin-bottom: 60px;
|
||||
|
|
|
|||
6
website/views/pages/endpoint-ops.ejs
vendored
6
website/views/pages/endpoint-ops.ejs
vendored
|
|
@ -128,7 +128,7 @@
|
|||
</div>
|
||||
<p purpose="feature-footnote">*Coming soon</p>
|
||||
</div>
|
||||
<div purpose="feature-image" class="left">
|
||||
<div purpose="feature-image">
|
||||
<img alt="Ship data to any platform" src="/images/device-management-clickops-or-devops-380x280@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -194,7 +194,7 @@
|
|||
<p>Ease your logging burden, pull the data you need.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-image" class="left">
|
||||
<div purpose="feature-image">
|
||||
<img alt="Ship data to any platform" src="/images/endpoint-ops-feature-image-1-381x282@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
</div>
|
||||
<%- partial('../partials/calendar-banner.partial.ejs') %>
|
||||
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
|
||||
<div purpose="feature-image" class="right">
|
||||
<div purpose="feature-image">
|
||||
<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">
|
||||
|
|
|
|||
12
website/views/pages/vulnerability-management.ejs
vendored
12
website/views/pages/vulnerability-management.ejs
vendored
|
|
@ -52,7 +52,7 @@
|
|||
<logo-carousel></logo-carousel>
|
||||
|
||||
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
|
||||
<div purpose="feature-image" class="right">
|
||||
<div purpose="feature-image">
|
||||
<img alt="Report what matters" src="/images/vuln-management-feature-image-5-380x312@2x.png">
|
||||
</div>
|
||||
<div purpose="feature-text" class="d-flex flex-column">
|
||||
|
|
@ -75,13 +75,13 @@
|
|||
<p>Automatically match CVEs to your operating systems, apps, extensions, browser plugins, Python libraries, everything.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-image" class="left">
|
||||
<div purpose="feature-image">
|
||||
<img alt="Deep context from the environment" src="/images/vuln-management-feature-image-4-380x270@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
|
||||
<div purpose="feature-image" class="right">
|
||||
<div purpose="feature-image">
|
||||
<img alt="Untangle your security stack" src="/images/vuln-management-feature-image-3-380x320@2x.png">
|
||||
</div>
|
||||
<div purpose="feature-text" class="d-flex flex-column">
|
||||
|
|
@ -106,13 +106,13 @@
|
|||
<p>Deep-link live data with internal IT and platform teams.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-image" class="right">
|
||||
<div purpose="feature-image">
|
||||
<img alt="Mitigate CVEs automatically" src="/images/vuln-management-feature-image-1-380x281@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<%- partial('../partials/calendar-banner.partial.ejs') %>
|
||||
<div purpose="feature" class="d-flex flex-md-row flex-column justify-content-between mx-auto align-items-center">
|
||||
<div purpose="feature-image" class="left">
|
||||
<div purpose="feature-image">
|
||||
<img alt="Up-to-date data without scans" src="/images/vuln-management-feature-image-2-380x323@2x.png">
|
||||
</div>
|
||||
<div purpose="feature-text" class="d-flex flex-column">
|
||||
|
|
@ -120,7 +120,7 @@
|
|||
<p>Traditional network vulnerability scans can clog your network and even haunt your printers with pages full of wingdings. Fleet does things differently.</p>
|
||||
<div purpose="checklist" class="flex-column d-flex">
|
||||
<p>Eliminate the risk of side effects from scanning the network.</p>
|
||||
<p>Lightweight enough for the most brittle environments (OT, data centers, embedded/BTS, low-latency gaming servers).</p>
|
||||
<p>Lightweight enough for the most brittle environments (OT, data centers, embedded/BTS, low-latency gaming servers).</p>
|
||||
<p>Quickly pull data about important CVEs and zero days during an incident or audit.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue