HMC
/
hmc_site_source
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/scss/utilities.scss
View File

@ -18,3 +18,8 @@
.shadow { .shadow {
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05); 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;
}

9
content/english/tickets/index.md
View File

@ -230,17 +230,20 @@ features:
title: "Bravo all, looking forward to next time!" title: "Bravo all, looking forward to next time!"
link: "https://twitter.com/QuadeZaban/status/1593991041430196225" link: "https://twitter.com/QuadeZaban/status/1593991041430196225"
avatar: "/images/people/quade.jpg" 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)" - name: "Hadjar Homaei, CTO [@compdem](https://twitter.com/compdem)"
title: "Huge thanks to Abner Coimbre for making this possible! We appreciate you!" title: "Huge thanks to Abner Coimbre for making this possible! We appreciate you!"
link: "https://twitter.com/xeegeex/status/1594056776508637184" link: "https://twitter.com/xeegeex/status/1594056776508637184"
avatar: "/images/people/hadjar.jpg" 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)" - name: "Alasdair Monk, VP of Design ▲ [@vercel](https://twitter.com/vercel)"
title: "My first Handmade Seattle was so great." title: "My first Handmade Seattle was so great."
link: "https://twitter.com/almonk/status/1593439527351484416" link: "https://twitter.com/almonk/status/1593439527351484416"
avatar: "/images/people/alasdair.jpg" 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"
--- ---

8
layouts/partials/components/testimonials.html
View File

@ -1,15 +1,15 @@
{{ if .testimonials }} {{ 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"> <div class="w-full">
{{ range $index, $testimonial := .testimonials }} {{ range $index, $testimonial := .testimonials }}
<div class="mt-8 testimonial dark:text-white"> <div class="mt-8 testimonial dark:text-white">
<div class="flex items-start"> <div class="flex items-start">
<a href="{{ $testimonial.link }}" <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 := 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> </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> <h3 class="text-xl font-bold mb-4">"{{ $testimonial.title }}"</h3>
<p class="mb-4">{{ $testimonial.content | markdownify }}</p> <p class="mb-4">{{ $testimonial.content | markdownify }}</p>
<span class="text-sm">- {{ $testimonial.name | markdownify }}</span> <span class="text-sm">- {{ $testimonial.name | markdownify }}</span>