Improve testimonial styles

seattle2022
Ben Visness 2024-11-01 20:13:41 -05:00
parent 162ff6168d
commit 2ed255e770
3 changed files with 15 additions and 7 deletions

View File

@ -18,3 +18,8 @@
.shadow {
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
}
/* This was supposed to be in tailwind, but whatever... */
.flex-shrink-0 {
flex-shrink: 0;
}

View File

@ -230,17 +230,20 @@ features:
title: "Bravo all, looking forward to next time!"
link: "https://twitter.com/QuadeZaban/status/1593991041430196225"
avatar: "/images/people/quade.jpg"
content: "Has been a joy watching this conference grow, and this one may have been the best so far in my books!"
content: |
Has been a joy watching this conference grow, and this one may have been the best so far in my books!
- name: "Hadjar Homaei, CTO [@compdem](https://twitter.com/compdem)"
title: "Huge thanks to Abner Coimbre for making this possible! We appreciate you!"
link: "https://twitter.com/xeegeex/status/1594056776508637184"
avatar: "/images/people/hadjar.jpg"
content: "I had such a wonderful time at Handmade Seattle this week connecting with an amazing community of people who passionately love the craft of software development!"
content: |
I had such a wonderful time at Handmade Seattle this week connecting with an amazing community of people who passionately love the craft of software development!
- name: "Alasdair Monk, VP of Design ▲ [@vercel](https://twitter.com/vercel)"
title: "My first Handmade Seattle was so great."
link: "https://twitter.com/almonk/status/1593439527351484416"
avatar: "/images/people/alasdair.jpg"
content: "Abner Coimbre is a fantastic host & organiser with an important vision for building better software that benefits all of us, in his words: “reclaiming user value"
content: |
Abner Coimbre is a fantastic host & organiser with an important vision for building better software that benefits all of us, in his words: "reclaiming user value"
---

View File

@ -1,15 +1,15 @@
{{ if .testimonials }}
<div class="container mx-auto px-4 py-12">
<div class="mx-auto lg:px-4 lg:py-12">
<div class="w-full">
{{ range $index, $testimonial := .testimonials }}
<div class="mt-8 testimonial dark:text-white">
<div class="flex items-start">
<a href="{{ $testimonial.link }}"
class="mr-6 h-32 object-cover rounded-lg">
class="flex-shrink-0 mr-6 w-24 lg:w-32 object-cover rounded-lg">
{{ $img := resources.Get $testimonial.avatar }}
<img src="{{ $img.RelPermalink }}" class="rounded-full w-32 object-cover shadow-md" />
<img src="{{ $img.RelPermalink }}" class="rounded-full object-cover shadow-md" />
</a>
<div class="flex flex-col justify-between h-full bg-gray-100 dark:bg-darkmode-theme-light p-4 rounded-lg shadow-md">
<div class="flex-grow flex flex-col justify-between h-full bg-gray-100 dark:bg-darkmode-theme-light p-4 rounded-lg shadow-md">
<h3 class="text-xl font-bold mb-4">"{{ $testimonial.title }}"</h3>
<p class="mb-4">{{ $testimonial.content | markdownify }}</p>
<span class="text-sm">- {{ $testimonial.name | markdownify }}</span>