Finish testimonial shortcode

Signed-off-by: lucperkins <lucperkins@gmail.com>

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

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
 

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 -}}