Website: update cards on /testimonials page to be clickable links (#24498)

Closes: #24104

Changes:
- Updated the cards on the /testimonials page to be clickable links to
the author's LinkedIn profile page.
This commit is contained in:
Eric 2024-12-06 15:58:15 -06:00 committed by GitHub
parent e31f0fbf8a
commit 26757ebdf7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 9 deletions

View file

@ -103,6 +103,13 @@
[purpose='testimonials-container'] {
columns: 3;
margin-bottom: 32px;
a {
color: unset;
&:hover {
text-decoration: none;
color: unset;
}
}
}
[purpose='testimonial-card'] {

View file

@ -30,7 +30,7 @@
<div v-if="selectedContent === 'mdm'">
<div purpose="testimonials-container" class="card-columns">
<% for(let testimonial of testimonialsForMdm) {%>
<div purpose="testimonial-card" class="card">
<a href="<%- testimonial.quoteLinkUrl%>" target="_blank" purpose="testimonial-card" class="card" >
<% if(testimonial.quoteImageFilename){ %>
<div purpose="logo" class="mb-4">
<img alt="logo" height="<%- testimonial.imageHeight%>" src="/images/<%- testimonial.quoteImageFilename %>"/>
@ -39,7 +39,7 @@
<p purpose="quote">
<%- testimonial.quote %>
<%if(testimonial.youtubeVideoUrl) {%>
<a purpose="video-link" @click="clickOpenVideoModal('<%- testimonial.quoteAuthorName %>')">See the video.</a>
<span purpose="video-link" @click.prevent.self="clickOpenVideoModal('<%- testimonial.quoteAuthorName %>')">See the video.</span>
<% } %>
</p>
<div purpose="quote-author-info" class="d-flex flex-row align-items-center">
@ -51,14 +51,14 @@
<p purpose="job-title" class="m-0"><%- testimonial.quoteAuthorJobTitle %></p>
</div>
</div>
</div>
</a>
<% } %>
</div>
</div>
<div v-if="selectedContent === 'it'">
<div purpose="testimonials-container" class="card-columns">
<% for(let testimonial of testimonialsForObservability) {%>
<div purpose="testimonial-card" class="card">
<a href="<%- testimonial.quoteLinkUrl%>" target="_blank" purpose="testimonial-card" class="card" >
<% if(testimonial.quoteImageFilename){ %>
<div purpose="logo" class="mb-4">
<img alt="logo" height="<%- testimonial.imageHeight%>" src="/images/<%- testimonial.quoteImageFilename %>"/>
@ -67,7 +67,7 @@
<p purpose="quote">
<%- testimonial.quote %>
<%if(testimonial.youtubeVideoUrl) {%>
<a purpose="video-link" @click="clickOpenVideoModal('<%- testimonial.quoteAuthorName %>')">See the video.</a>
<span purpose="video-link" @click.prevent.self="clickOpenVideoModal('<%- testimonial.quoteAuthorName %>')">See the video.</span>
<% } %>
</p>
<div purpose="quote-author-info" class="d-flex flex-row align-items-center">
@ -79,14 +79,14 @@
<p purpose="job-title" class="m-0"><%- testimonial.quoteAuthorJobTitle %></p>
</div>
</div>
</div>
</a>
<% } %>
</div>
</div>
<div v-if="selectedContent === 'security'">
<div purpose="testimonials-container" class="card-columns">
<% for(let testimonial of testimonialsForSoftwareManagement) {%>
<div purpose="testimonial-card" class="card">
<a href="<%- testimonial.quoteLinkUrl%>" target="_blank" purpose="testimonial-card" class="card" >
<% if(testimonial.quoteImageFilename){ %>
<div purpose="logo" class="mb-4">
<img alt="logo" height="<%- testimonial.imageHeight%>" src="/images/<%- testimonial.quoteImageFilename %>"/>
@ -95,7 +95,7 @@
<p purpose="quote">
<%- testimonial.quote %>
<%if(testimonial.youtubeVideoUrl) {%>
<a purpose="video-link" @click="clickOpenVideoModal('<%- testimonial.quoteAuthorName %>')">See the video.</a>
<span purpose="video-link" @click.prevent.self="clickOpenVideoModal('<%- testimonial.quoteAuthorName %>')">See the video.</span>
<% } %>
</p>
<div purpose="quote-author-info" class="d-flex flex-row align-items-center">
@ -107,7 +107,7 @@
<p purpose="job-title" class="m-0"><%- testimonial.quoteAuthorJobTitle %></p>
</div>
</div>
</div>
</a>
<% } %>
</div>
</div>