From 06f20df1a256d0fd95968bc26dd3ab1506321f5c Mon Sep 17 00:00:00 2001
From: lucperkins <lucperkins@gmail.com>
Date: Tue, 10 Mar 2020 10:53:06 -0700
Subject: [PATCH] Finish testimonial shortcode

Signed-off-by: lucperkins <lucperkins@gmail.com>
---
 assets/sass/style.sass               |  4 ++--
 content/about.md                     |  2 +-
 layouts/shortcodes/testimonials.html | 16 +++++++---------
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/assets/sass/style.sass b/assets/sass/style.sass
index e018424..5d76c5a 100644
--- a/assets/sass/style.sass
+++ b/assets/sass/style.sass
@@ -143,8 +143,8 @@ $colors: mergeColorMaps(("secondary": ($secondary, $white), "twitter-blue": ($tw
     margin: 0 auto
 
 .is-testimonial-logo
-  max-height: 8rem
-  width: auto
+  max-height: 5rem
+  margin-bottom: 1.5rem
 
 .is-page
   display: flex
diff --git a/content/about.md b/content/about.md
index d275fb6..fe7d313 100644
--- a/content/about.md
+++ b/content/about.md
@@ -32,7 +32,7 @@ Below are details and quotes from some of our early adopters.
 Check out what people are saying below.
 
 <!-- Generated using the data in data/testimonials.yaml and the shortcode in layouts/shortcodes/testimonials.html -->
-<!-- {{< testimonials >}} -->
+{{< testimonials >}}
 
 ## Officially supported platforms
 
diff --git a/layouts/shortcodes/testimonials.html b/layouts/shortcodes/testimonials.html
index 7ec0166..9ad9057 100644
--- a/layouts/shortcodes/testimonials.html
+++ b/layouts/shortcodes/testimonials.html
@@ -1,19 +1,17 @@
 {{ $testimonials := site.Data.testimonials }}
 <section class="section">
   <div class="container">
-    <div class="columns is-multiline is-variable is-8">
+    <div class="columns is-multiline is-variable is-4">
       {{- range $testimonials -}}
       {{- $img   := printf "img/users/%s" .image | relURL -}}
       {{- $quote := .quote | markdownify -}}
-      <div class="column is-one-third">
-        <div class="has-text-centered">
-          <a href="{{- .link -}}" target="_blank">
-            <img class="is-testimonial-logo" src="{{- $img -}}">
-          </a>
-        </div>
+      <div class="column is-one-third has-text-centered">
+        <a href="{{ .link }}" target="_blank">
+          <img class="is-testimonial-logo" src="{{ $img }}" alt="{{ .name }} testimonial logo">
+        </a>
 
-        <div class="is-italic">
-          {{- $quote -}}
+        <div class="content is-italic">
+          {{ $quote }}
         </div>
       </div>
       {{- end -}}