From 1cb1822f36e507628976b32a7309294c8e323c58 Mon Sep 17 00:00:00 2001
From: BESANCON Vincent <besancon.vincent@gmail.com>
Date: Thu, 25 May 2023 18:03:49 +0200
Subject: [PATCH] fix(portfolio): respect ratio for images

Fixes #1
---
 partials/portfolio.hbs | 40 ++++++++++++++++++++++++++--------------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/partials/portfolio.hbs b/partials/portfolio.hbs
index 3857258..1086f86 100644
--- a/partials/portfolio.hbs
+++ b/partials/portfolio.hbs
@@ -1,17 +1,29 @@
 {{! Show pictures from posts tagged with "portfolio" }}
 <div
-    class="uk-grid-small uk-child-width-1-3@m"
-    uk-grid uk-height-match="img"
-    uk-lightbox="animation: slide">
-    {{#each posts}}
-        {{#unless isHidden}}
-        {{#checkIf template '==' "portfolio"}}
-            <div uk-scrollspy="cls: uk-animation-fade">
-                <a class="uk-inline" href="{{featuredImage.urlMd}}" data-caption="{{title}}">
-                    <img src="{{featuredImage.urlMd}}" height="300" alt="">
-                </a>
-            </div>
-        {{/checkIf}}
-        {{/unless}}
-    {{/each}}
+  class="uk-grid-small uk-child-width-1-3@m"
+  uk-grid
+  uk-height-match="img"
+  uk-lightbox="animation: slide"
+>
+  {{#each posts}}
+    {{#unless isHidden}}
+      {{#checkIf template "==" "portfolio"}}
+        <div uk-scrollspy="cls: uk-animation-fade">
+          <a
+            class="uk-inline"
+            href="{{featuredImage.urlMd}}"
+            data-caption="{{title}}"
+          >
+            <img
+              class="uk-object-cover"
+              src="{{featuredImage.urlMd}}"
+              height="300"
+              alt=""
+              style="aspect-ratio: 1 / 1"
+            />
+          </a>
+        </div>
+      {{/checkIf}}
+    {{/unless}}
+  {{/each}}
 </div>