Update homepage.ejs: Tweak testimonials (#15975)

Co-authored-by: Eric <eashaw@sailsjs.com>
This commit is contained in:
Mike McNeil 2024-01-08 22:02:23 -06:00 committed by GitHub
parent e10ab0f99b
commit fc8fe9b05b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 15 deletions

View file

@ -602,7 +602,7 @@
}
&:first-of-type {
[purpose='testimonial-video'] {
background: url('/images/video-testimonial-austin-anderson-1440x810@2x.jpg');
background: url('/images/video-testimonial-nick-fohs-1440x810@2x.jpg');
background-position: center;
background-size: cover;
}
@ -611,7 +611,7 @@
}
&:last-of-type {
[purpose='testimonial-video'] {
background: url('/images/video-testimonial-nick-fohs-1440x810@2x.jpg');
background: url('/images/video-testimonial-austin-anderson-1440x810@2x.jpg');
background-position: center;
background-size: cover;
}
@ -1022,7 +1022,7 @@
[purpose='testimonial'] {
&:first-of-type {
[purpose='testimonial-video'] {
background: url('/images/video-testimonial-austin-anderson-1440x810@2x.jpg');
background: url('/images/video-testimonial-nick-fohs-1440x810@2x.jpg');
background-position: center;
background-size: cover;
}
@ -1032,7 +1032,7 @@
}
&:last-of-type {
[purpose='testimonial-video'] {
background: url('/images/video-testimonial-nick-fohs-1440x810@2x.jpg');
background: url('/images/video-testimonial-austin-anderson-1440x810@2x.jpg');
background-position: center;
background-size: cover;
}

View file

@ -63,6 +63,16 @@
<div purpose="homepage-content" class="container">
<%/* Testimonial videos */%>
<div purpose="testimonials" class="d-flex flex-md-row flex-column justify-content-center card-deck">
<div purpose="testimonial" class="d-flex flex-xl-row flex-column-reverse card" @click="clickOpenVideoModal('nick-fohs')">
<div purpose="testimonial-text" class="card-body">
<img alt="an opening quotation mark" style="width:18px; margin-bottom: 16px;" src="/images/quote-icon-18x12@2x.png">
<p purpose="testimonial-quote">Context is king for device data, and Fleet provides a way to surface that information to our other teams and partners.</p>
<p class="mb-0"><strong>Nick Fohs</strong></p>
<p>Systems and IT infrastructure manager</p>
</div>
<div purpose="testimonial-video" class="card-title">
</div>
</div>
<div purpose="testimonial" class="d-flex flex-xl-row flex-column-reverse card" @click="clickOpenVideoModal('austin-anderson')">
<div purpose="testimonial-text" class="card-body">
<img alt="an opening quotation mark" style="width:18px; margin-bottom: 16px;" src="/images/quote-icon-18x12@2x.png">
@ -73,16 +83,6 @@
<div purpose="testimonial-video" class="card-title">
</div>
</div>
<div purpose="testimonial" class="d-flex flex-xl-row flex-column-reverse card" @click="clickOpenVideoModal('nick-fohs')">
<div purpose="testimonial-text" class="card-body">
<img alt="an opening quotation mark" style="width:18px; margin-bottom: 16px;" src="/images/quote-icon-18x12@2x.png">
<p purpose="testimonial-quote">Context is king for device data, and Fleet provides a way to surface that information to our other teams and partners.</p>
<p class="mb-0"><strong>Nick Fohs</strong></p>
<p>Systems and infrastructure manager</p>
</div>
<div purpose="testimonial-video" class="card-title">
</div>
</div>
</div>
<div purpose="category-switch" class="d-flex flex-md-row flex-column justify-content-center mx-auto">
@ -293,7 +293,7 @@
<div purpose="homepage-content" class="container">
<div class="text-center">
<h4>Open-source endpoint ops</h4>
<h4>For teams with lots of endpoints</h4>
<h1>Focus on data, not vendors</h1>
<div purpose="button-row" style="margin-top: 60px;" class="d-flex flex-sm-row flex-column justify-content-center align-items-center mx-auto">
<a purpose="cta-button" href="/try-fleet">Try it out</a>