mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 00:49:03 +00:00
Website: homepage follow-up changes (#30081)
Changes: - Updated padding between sections on the homepage - Updated button styles - Updated mobile comparison table styles
This commit is contained in:
Eric
GitHub
parent
1d2b71857b
commit
5e79045b8f
4 changed files with 53 additions and 46 deletions
|
|
@ -56,7 +56,7 @@ b, strong, .font-weight-bold {
|
|||
color: @core-fleet-black;
|
||||
}
|
||||
|
||||
a[href]:not([no-underline]) {
|
||||
a[href] {
|
||||
color: @core-fleet-black-75;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 4px;
|
||||
|
|
|
|||
27
website/assets/styles/pages/homepage.less
vendored
27
website/assets/styles/pages/homepage.less
vendored
|
|
@ -344,8 +344,9 @@
|
|||
justify-content: center;
|
||||
margin-top: 48px;
|
||||
margin-bottom: 48px;
|
||||
text-decoration: none;
|
||||
h4 {
|
||||
color: #515774;
|
||||
color: #192147;
|
||||
text-align: center;
|
||||
text-transform: unset;
|
||||
font-family: Inter;
|
||||
|
|
@ -402,6 +403,7 @@
|
|||
padding-bottom: 80px;
|
||||
padding-top: 32px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
[purpose='quote-logo'] {
|
||||
height: 32px;
|
||||
|
|
@ -887,6 +889,10 @@
|
|||
[purpose='page-section'] {
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
[purpose='feature-cards'] {
|
||||
display: flex;
|
||||
margin-bottom: 128px;
|
||||
}
|
||||
[purpose='video-modal'] {
|
||||
[purpose='modal-dialog'] {
|
||||
width: 100%;
|
||||
|
|
@ -956,7 +962,7 @@
|
|||
}
|
||||
[purpose='feature-cards'] {
|
||||
display: flex;
|
||||
margin-bottom: 128px;
|
||||
margin-bottom: 96px;
|
||||
}
|
||||
[purpose='feature-card'] {
|
||||
max-width: unset;
|
||||
|
|
@ -1123,9 +1129,7 @@
|
|||
[purpose='page-section'] {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
[purpose='integrations-section'] {
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
[purpose='feature-with-image'] {
|
||||
flex-direction: column-reverse;
|
||||
margin-bottom: 104px;
|
||||
|
|
@ -1295,6 +1299,10 @@
|
|||
[purpose='option-container'] {
|
||||
height: 38.4px;
|
||||
}
|
||||
[purpose='feature-cards'] {
|
||||
display: flex;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
[purpose='homepage-hero'] {
|
||||
padding-bottom: 307px;
|
||||
padding-top: 48px;
|
||||
|
|
@ -1476,7 +1484,14 @@
|
|||
[purpose='option-container'] {
|
||||
height: 33.6px;
|
||||
}
|
||||
|
||||
[purpose='feature-table'] {
|
||||
[purpose='feature-name'] {
|
||||
height: unset;
|
||||
p {
|
||||
white-space: wrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='homepage-hero'] {
|
||||
padding-top: 44px;
|
||||
padding-left: 16px;
|
||||
|
|
|
|||
4
website/views/layouts/layout.ejs
vendored
4
website/views/layouts/layout.ejs
vendored
|
|
@ -196,7 +196,7 @@
|
|||
</div>
|
||||
<%}%>
|
||||
<%if(!hideGetStartedButton){%>
|
||||
<a purpose="glass-header-btn" style="padding: 4px 16px; line-height: 24px; width: 152px" class="btn btn-sm btn-primary align-items-center d-flex mt-4" href="/contact">Schedule a demo</a>
|
||||
<a purpose="glass-header-btn" style="padding: 4px 16px; line-height: 24px; width: 152px" class="btn btn-sm btn-primary align-items-center d-flex mt-4" href="/contact" no-underline>Schedule a demo</a>
|
||||
<% }%>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -232,7 +232,7 @@
|
|||
allowtransparency="true" frameborder="0" scrolling="0" width="140" height="20"></iframe>
|
||||
</span>
|
||||
<%if(!hideGetStartedButton){%>
|
||||
<a purpose="glass-header-btn" class="align-items-center d-flex" href="/register">Try it yourself</a>
|
||||
<a purpose="glass-header-btn" class="align-items-center d-flex" href="/register" no-underline>Try it yourself</a>
|
||||
<% }%>
|
||||
<% if(_.has(me, 'id')) {%>
|
||||
<a purpose="log-out-button" href="/logout" class="justify-content-end text-decoration-none">Log out</a>
|
||||
|
|
|
|||
66
website/views/pages/homepage.ejs
vendored
66
website/views/pages/homepage.ejs
vendored
|
|
@ -559,7 +559,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Configuration management and scripting</p></div>
|
||||
<div purpose="feature-name"><p purpose="long-feature-name">Configuration management & scripting</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
|
|
@ -1307,42 +1307,34 @@
|
|||
<div class="text-center" purpose="bottom-cta">
|
||||
<h4>Deploy anywhere</h4>
|
||||
<h1 class="mx-auto <%= primaryBuyingSituation%>">
|
||||
<%=
|
||||
(typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'security-vm') ? 'Focus on vulnerabilities, not vendors' // vm
|
||||
: (typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'security-misc') ? 'Easily get security data'// eo-security
|
||||
: (typeof primaryBuyingSituation !== 'undefined' && primaryBuyingSituation === 'it-misc') ? 'One agent for every ' : // eo-it
|
||||
'One agent for every '// mdm or default (no buying situation)
|
||||
%>
|
||||
<% if(!['security-misc', 'security-vm'].includes(primaryBuyingSituation)){%>
|
||||
<br>
|
||||
<div purpose="ticker-container" class="d-flex align-items-center mx-auto flex-row text-nowrap">
|
||||
<div purpose="option-container" class="pl-2 d-flex flex-column">
|
||||
<span purpose="bottom-cta-ticker-option" class="visible">OS</span>
|
||||
<span purpose="bottom-cta-ticker-option">audit</span>
|
||||
<span purpose="bottom-cta-ticker-option">script</span>
|
||||
<span purpose="bottom-cta-ticker-option">config</span>
|
||||
<span purpose="bottom-cta-ticker-option">question</span>
|
||||
<span purpose="bottom-cta-ticker-option">laptop</span>
|
||||
<span purpose="bottom-cta-ticker-option">desktop</span>
|
||||
<span purpose="bottom-cta-ticker-option">phone</span>
|
||||
<span purpose="bottom-cta-ticker-option">server</span>
|
||||
<span purpose="bottom-cta-ticker-option">cloud instance</span>
|
||||
<span purpose="bottom-cta-ticker-option">container</span>
|
||||
<span purpose="bottom-cta-ticker-option">tablet</span>
|
||||
<span purpose="bottom-cta-ticker-option">hospital</span>
|
||||
<span purpose="bottom-cta-ticker-option">factory</span>
|
||||
<span purpose="bottom-cta-ticker-option">report</span>
|
||||
<span purpose="bottom-cta-ticker-option">new hire</span>
|
||||
<span purpose="bottom-cta-ticker-option">offboard</span>
|
||||
<span purpose="bottom-cta-ticker-option">employee</span>
|
||||
<span purpose="bottom-cta-ticker-option">agent</span>
|
||||
<span purpose="bottom-cta-ticker-option">robot</span>
|
||||
<span purpose="bottom-cta-ticker-option">satellite</span>
|
||||
<span purpose="bottom-cta-ticker-option">telescope</span>
|
||||
<span purpose="bottom-cta-ticker-option">computer</span>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
One agent for every<br>
|
||||
<div purpose="ticker-container" class="d-flex align-items-center mx-auto flex-row text-nowrap">
|
||||
<div purpose="option-container" class="pl-2 d-flex flex-column">
|
||||
<span purpose="bottom-cta-ticker-option" class="visible">OS</span>
|
||||
<span purpose="bottom-cta-ticker-option">audit</span>
|
||||
<span purpose="bottom-cta-ticker-option">script</span>
|
||||
<span purpose="bottom-cta-ticker-option">config</span>
|
||||
<span purpose="bottom-cta-ticker-option">question</span>
|
||||
<span purpose="bottom-cta-ticker-option">laptop</span>
|
||||
<span purpose="bottom-cta-ticker-option">desktop</span>
|
||||
<span purpose="bottom-cta-ticker-option">phone</span>
|
||||
<span purpose="bottom-cta-ticker-option">server</span>
|
||||
<span purpose="bottom-cta-ticker-option">cloud instance</span>
|
||||
<span purpose="bottom-cta-ticker-option">container</span>
|
||||
<span purpose="bottom-cta-ticker-option">tablet</span>
|
||||
<span purpose="bottom-cta-ticker-option">hospital</span>
|
||||
<span purpose="bottom-cta-ticker-option">factory</span>
|
||||
<span purpose="bottom-cta-ticker-option">report</span>
|
||||
<span purpose="bottom-cta-ticker-option">new hire</span>
|
||||
<span purpose="bottom-cta-ticker-option">offboard</span>
|
||||
<span purpose="bottom-cta-ticker-option">employee</span>
|
||||
<span purpose="bottom-cta-ticker-option">agent</span>
|
||||
<span purpose="bottom-cta-ticker-option">robot</span>
|
||||
<span purpose="bottom-cta-ticker-option">satellite</span>
|
||||
<span purpose="bottom-cta-ticker-option">telescope</span>
|
||||
<span purpose="bottom-cta-ticker-option">computer</span>
|
||||
</div>
|
||||
</div>
|
||||
</h1>
|
||||
<div purpose="button-row" style="margin-top: 40px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
|
||||
<a purpose="cta-button" href="/register">Try it yourself</a>
|
||||
|
|
|
|||
Loading…
Reference in a new issue