From 2ed255e770c5211ea573a4bb6416800338ef469e Mon Sep 17 00:00:00 2001
From: Ben Visness <bvisness@gmail.com>
Date: Fri, 1 Nov 2024 20:13:41 -0500
Subject: [PATCH] Improve testimonial styles

---
 assets/scss/utilities.scss                    | 5 +++++
 content/english/tickets/index.md              | 9 ++++++---
 layouts/partials/components/testimonials.html | 8 ++++----
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/assets/scss/utilities.scss b/assets/scss/utilities.scss
index 154570e..7629ca9 100644
--- a/assets/scss/utilities.scss
+++ b/assets/scss/utilities.scss
@@ -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;
+}
diff --git a/content/english/tickets/index.md b/content/english/tickets/index.md
index e519edb..a40a1ce 100644
--- a/content/english/tickets/index.md
+++ b/content/english/tickets/index.md
@@ -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"
 ---
\ No newline at end of file
diff --git a/layouts/partials/components/testimonials.html b/layouts/partials/components/testimonials.html
index a792ddd..5b871cd 100644
--- a/layouts/partials/components/testimonials.html
+++ b/layouts/partials/components/testimonials.html
@@ -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>