Website: Update testimonial video thumbnails (#16483)
Closes: #16360 Changes: - Updated the play button on the thumbnails for the testimonial videos on the homepage to be a separate image. - Removed three unused images (old versions of video thumbnails)
BIN
website/assets/images/icon-play-48x48@2x.png
vendored
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 328 KiB |
|
Before Width: | Height: | Size: 897 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 894 KiB |
|
Before Width: | Height: | Size: 77 KiB |
BIN
website/assets/images/video-testimonial-thumbnail-austin-anderson-160x120@2x.png
vendored
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
website/assets/images/video-testimonial-thumbnail-nick-fohs-160x120@2x.png
vendored
Normal file
|
After Width: | Height: | Size: 76 KiB |
12
website/assets/styles/pages/homepage.less
vendored
|
|
@ -149,13 +149,17 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
|
img {
|
||||||
|
height: 48px;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: 0px 4px 16px 0px #E2E4EA;
|
box-shadow: 0px 4px 16px 0px #E2E4EA;
|
||||||
}
|
}
|
||||||
&:first-of-type {
|
&:first-of-type {
|
||||||
[purpose='testimonial-video'] {
|
[purpose='testimonial-video'] {
|
||||||
background: url('/images/video-testimonial-nick-fohs-160x120@2x.png');
|
background: url('/images/video-testimonial-thumbnail-nick-fohs-160x120@2x.png');
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
@ -164,7 +168,7 @@
|
||||||
}
|
}
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
[purpose='testimonial-video'] {
|
[purpose='testimonial-video'] {
|
||||||
background: url('/images/video-testimonial-austin-anderson-160x120@2x.png');
|
background: url('/images/video-testimonial-thumbnail-austin-anderson-160x120@2x.png');
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
@ -1210,6 +1214,10 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 228px;
|
height: 228px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
|
img {
|
||||||
|
height: 90px;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[purpose='vuln-management-image'] {
|
[purpose='vuln-management-image'] {
|
||||||
|
|
|
||||||
2
website/views/pages/homepage.ejs
vendored
|
|
@ -66,6 +66,7 @@
|
||||||
<div purpose="testimonials" class="d-flex flex-lg-row flex-column justify-content-center card-deck">
|
<div purpose="testimonials" class="d-flex flex-lg-row flex-column justify-content-center card-deck">
|
||||||
<div purpose="testimonial" class="d-flex align-items-center card" @click="clickOpenVideoModal('nick-fohs')">
|
<div purpose="testimonial" class="d-flex align-items-center card" @click="clickOpenVideoModal('nick-fohs')">
|
||||||
<div purpose="testimonial-video" class="card-title">
|
<div purpose="testimonial-video" class="card-title">
|
||||||
|
<img alt="Play video" src="/images/icon-play-48x48@2x.png">
|
||||||
</div>
|
</div>
|
||||||
<div purpose="testimonial-text">
|
<div purpose="testimonial-text">
|
||||||
<p purpose="testimonial-quote">“Fleet lets us to be as lightweight as possible while surfacing data to other teams and partners.”</p>
|
<p purpose="testimonial-quote">“Fleet lets us to be as lightweight as possible while surfacing data to other teams and partners.”</p>
|
||||||
|
|
@ -75,6 +76,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div purpose="testimonial" class="d-flex align-items-center card" @click="clickOpenVideoModal('austin-anderson')">
|
<div purpose="testimonial" class="d-flex align-items-center card" @click="clickOpenVideoModal('austin-anderson')">
|
||||||
<div purpose="testimonial-video" class="card-title">
|
<div purpose="testimonial-video" class="card-title">
|
||||||
|
<img alt="Play video" src="/images/icon-play-48x48@2x.png">
|
||||||
</div>
|
</div>
|
||||||
<div purpose="testimonial-text">
|
<div purpose="testimonial-text">
|
||||||
<p purpose="testimonial-quote">“We can build it exactly the way we want it. Which is just not possible on other platforms.”</p>
|
<p purpose="testimonial-quote">“We can build it exactly the way we want it. Which is just not possible on other platforms.”</p>
|
||||||
|
|
|
||||||