mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 00:49:03 +00:00
Website: update quote links on landing pages (#19307)
Closes: #18966 Changes: - Updated the styles of the quote links on the product category landing pages.
This commit is contained in:
Eric
GitHub
parent
f8cee672e0
commit
d9594ba2bf
6 changed files with 57 additions and 56 deletions
|
|
@ -214,18 +214,30 @@
|
|||
}
|
||||
}
|
||||
[purpose='quote-attribution'] {
|
||||
padding-top: 8px;
|
||||
display: inline-flex;
|
||||
padding: 4px 16px 4px 4px;
|
||||
border-radius: 28px;
|
||||
width: fit-content;
|
||||
margin-top: 8px;
|
||||
[purpose='name'] {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
line-height: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
[purpose='title'] {
|
||||
color: @core-fleet-black-75;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
&:hover {
|
||||
background-color: #F9FAFC;
|
||||
}
|
||||
&:active {
|
||||
background-color: #F2F2F5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -714,7 +726,6 @@
|
|||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
width: 100%;
|
||||
margin-bottom: 60px;
|
||||
[purpose='quote'] {
|
||||
img {
|
||||
margin-right: auto;
|
||||
|
|
@ -722,17 +733,10 @@
|
|||
}
|
||||
text-align: center;
|
||||
}
|
||||
[purpose='quote-image'] {
|
||||
margin-bottom: 16px;
|
||||
[purpose='quote-attribution'] {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
[purpose='quote-attribution'] {
|
||||
text-align: center;
|
||||
[purpose='name'] {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='video-modal'] {
|
||||
[purpose='modal-dialog'] {
|
||||
|
|
@ -907,9 +911,6 @@
|
|||
padding-top: 40px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
[purpose='feature-image'] {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
|
|
|||
40
website/assets/styles/pages/endpoint-ops.less
vendored
40
website/assets/styles/pages/endpoint-ops.less
vendored
|
|
@ -174,13 +174,6 @@
|
|||
}
|
||||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: unset;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
max-width: 591px;
|
||||
[purpose='quote'] {
|
||||
p {
|
||||
|
|
@ -198,8 +191,19 @@
|
|||
height: 48px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: unset;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
[purpose='quote-attribution'] {
|
||||
padding-top: 8px;
|
||||
display: inline-flex;
|
||||
padding: 4px 16px 4px 4px;
|
||||
border-radius: 28px;
|
||||
width: fit-content;
|
||||
margin-top: 8px;
|
||||
[purpose='name'] {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
|
|
@ -213,7 +217,12 @@
|
|||
line-height: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #F9FAFC;
|
||||
}
|
||||
&:active {
|
||||
background-color: #F2F2F5;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='testimonial-video'] {
|
||||
|
|
@ -664,7 +673,6 @@
|
|||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
width: 100%;
|
||||
margin-bottom: 60px;
|
||||
[purpose='quote'] {
|
||||
img {
|
||||
margin-right: auto;
|
||||
|
|
@ -672,17 +680,10 @@
|
|||
}
|
||||
text-align: center;
|
||||
}
|
||||
[purpose='quote-image'] {
|
||||
margin-bottom: 16px;
|
||||
[purpose='quote-attribution'] {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
[purpose='quote-attribution'] {
|
||||
text-align: center;
|
||||
[purpose='name'] {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='video-modal'] {
|
||||
[purpose='modal-dialog'] {
|
||||
|
|
@ -819,9 +820,6 @@
|
|||
padding-top: 40px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
[purpose='feature-image'] {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -196,7 +196,11 @@
|
|||
}
|
||||
}
|
||||
[purpose='quote-attribution'] {
|
||||
padding-top: 8px;
|
||||
display: inline-flex;
|
||||
padding: 4px 16px 4px 4px;
|
||||
border-radius: 28px;
|
||||
width: fit-content;
|
||||
margin-top: 8px;
|
||||
[purpose='name'] {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
|
|
@ -210,7 +214,12 @@
|
|||
line-height: 18px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #F9FAFC;
|
||||
}
|
||||
&:active {
|
||||
background-color: #F2F2F5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -599,17 +608,10 @@
|
|||
}
|
||||
text-align: center;
|
||||
}
|
||||
[purpose='quote-image'] {
|
||||
margin-bottom: 16px;
|
||||
[purpose='quote-attribution'] {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
[purpose='quote-attribution'] {
|
||||
text-align: center;
|
||||
[purpose='name'] {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='video-modal'] {
|
||||
[purpose='modal-dialog'] {
|
||||
|
|
|
|||
4
website/views/pages/device-management.ejs
vendored
4
website/views/pages/device-management.ejs
vendored
|
|
@ -26,7 +26,6 @@
|
|||
</div>
|
||||
<div purpose="testimonials" class="d-flex flex-md-row flex-column align-items-center justify-content-between">
|
||||
<div purpose="testimonial-quote">
|
||||
<a href="<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'https://www.linkedin.com/posts/nwaisman_movingtofleet-activity-7156319785981509632-bk_W' : ['eo-it'].includes(primaryBuyingSituation) ? 'https://www.linkedin.com/in/mrerictan/' : 'https://www.linkedin.com/in/kennybotelho/'%>" target="_blank">
|
||||
<div purpose="quote">
|
||||
<img alt="an opening quotation mark" style="width:20px; margin-bottom: 16px;" src="/images/icon-quote-21x17@2x.png">
|
||||
<p>
|
||||
|
|
@ -36,7 +35,8 @@
|
|||
<% } %>
|
||||
</p>
|
||||
</div>
|
||||
<div purpose="quote-attribution" class="d-flex flex-md-row flex-column align-items-center">
|
||||
<a href="<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'https://www.linkedin.com/posts/nwaisman_movingtofleet-activity-7156319785981509632-bk_W' : ['eo-it'].includes(primaryBuyingSituation) ? 'https://www.linkedin.com/in/mrerictan/' : 'https://www.linkedin.com/in/kennybotelho/'%>" target="_blank">
|
||||
<div purpose="quote-attribution" class="d-flex flex-row align-items-center">
|
||||
<div purpose="quote-image"><img src="/images/<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'testimonial-author-nico-waisman-48x48@2x.png' : ['eo-it'].includes(primaryBuyingSituation) ? 'testimonial-author-eric-tan-99x99@2x.png' : 'testimonial-author-kenny-botelho-48x48@2x.png'%>" alt="<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'Nico Waisman' : ['eo-it'].includes(primaryBuyingSituation) ? 'Eric Tan' : 'Kenny Botelho'%>"></div>
|
||||
<div class="d-flex flex-column">
|
||||
<p purpose="name"><%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'Nico Waisman' : ['eo-it'].includes(primaryBuyingSituation) ? 'Eric Tan' : 'Kenny Botelho'%></p>
|
||||
|
|
|
|||
16
website/views/pages/endpoint-ops.ejs
vendored
16
website/views/pages/endpoint-ops.ejs
vendored
|
|
@ -43,44 +43,44 @@
|
|||
<div purpose="testimonials" class="d-flex flex-md-row flex-column align-items-center justify-content-between">
|
||||
<% if (['eo-security'].includes(primaryBuyingSituation)) { %>
|
||||
<div purpose="testimonial-quote">
|
||||
<a href="https://www.linkedin.com/in/charleszaffery/" target="_blank">
|
||||
<div purpose="quote">
|
||||
<img alt="an opening quotation mark" style="width:20px; margin-bottom: 16px;" src="/images/icon-quote-21x17@2x.png">
|
||||
<p>"We will have no, zero, blind spots in our entire infrastructure, more than 100,000 servers. It just works, it's awesome."</p>
|
||||
</div>
|
||||
<div purpose="quote-attribution" class="d-flex flex-md-row flex-column align-items-center">
|
||||
<a href="https://www.linkedin.com/in/charleszaffery/" target="_blank">
|
||||
<div purpose="quote-attribution" class="d-flex flex-row align-items-center">
|
||||
<div purpose="quote-image"><img src="/images/testimonial-author-charles-zaffery-48x48@2x.png" alt="Charles Zaffery"></div>
|
||||
<div class="d-flex flex-column">
|
||||
<p purpose="name">Charles Zaffery</p>
|
||||
<p purpose="title">Principal computer janitor</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</a>
|
||||
</div>
|
||||
<% } else if (['vm'].includes(primaryBuyingSituation)) { %>
|
||||
<div purpose="testimonial-quote">
|
||||
<a href="https://www.linkedin.com/in/austin-anderson-73172185/" target="_blank">
|
||||
<div purpose="quote">
|
||||
<img alt="an opening quotation mark" style="width:20px; margin-bottom: 16px;" src="/images/icon-quote-21x17@2x.png">
|
||||
<p>"Fleet lets us be more actionable with fewer people. It helps us to filter out the noise better than we could with the other big name products we replaced."</p>
|
||||
</div>
|
||||
<div purpose="quote-attribution" class="d-flex flex-md-row flex-column align-items-center">
|
||||
<a href="https://www.linkedin.com/in/austin-anderson-73172185/" target="_blank">
|
||||
<div purpose="quote-attribution" class="d-flex flex-row align-items-center">
|
||||
<div purpose="quote-image"><img src="/images/testimonial-author-austin-anderson-48x48@2x.png" alt="Austin Anderson"></div>
|
||||
<div class="d-flex flex-column">
|
||||
<p purpose="name">Austin Anderson</p>
|
||||
<p purpose="title">Cybersecurity team senior manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</a>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div purpose="testimonial-quote">
|
||||
<a target="_blank" href="https://www.linkedin.com/in/nickfohs/">
|
||||
<div purpose="quote">
|
||||
<img alt="an opening quotation mark" style="width:20px; margin-bottom: 16px;" src="/images/icon-quote-21x17@2x.png">
|
||||
<p>“Fleet provides a way to surface device data and telemetry to our other teams and partners.”</p>
|
||||
</div>
|
||||
<div purpose="quote-attribution" class="d-flex flex-md-row flex-column align-items-center">
|
||||
<a target="_blank" href="https://www.linkedin.com/in/nickfohs/">
|
||||
<div purpose="quote-attribution" class="d-flex flex-row align-items-center">
|
||||
<div purpose="quote-image"><img src="/images/testimonial-author-nick-fohs-24x24@2x.png" alt="Nick Fohs"></div>
|
||||
<div class="d-flex flex-column">
|
||||
<p purpose="name">Nick Fohs</p>
|
||||
|
|
|
|||
|
|
@ -26,12 +26,12 @@
|
|||
</div>
|
||||
<div purpose="testimonials" class="d-flex flex-md-row flex-column align-items-center justify-content-between">
|
||||
<div purpose="testimonial-quote">
|
||||
<a href="https://www.linkedin.com/in/andre-shields/" target="_blank">
|
||||
<div purpose="quote">
|
||||
<img alt="an opening quotation mark" style="width:20px; margin-bottom: 16px;" src="/images/icon-quote-21x17@2x.png">
|
||||
<p>Fleet lets us be more actionable with fewer people. It helps us to filter out the noise better than we could with the other big name products we replaced.</p>
|
||||
</div>
|
||||
<div purpose="quote-attribution" class="d-flex flex-md-row flex-column align-items-center">
|
||||
<a href="https://www.linkedin.com/in/andre-shields/" target="_blank">
|
||||
<div purpose="quote-attribution" class="d-flex flex-row align-items-center">
|
||||
<div purpose="quote-image"><img src="/images/testimonial-andre-shields-48x48@2x.png" alt="Andre shields"></div>
|
||||
<div class="d-flex flex-column">
|
||||
<p purpose="name">Andre Shields</p>
|
||||
|
|
|
|||
Loading…
Reference in a new issue