From b9f7e912d7284df415359310703d65ef58de36af Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Tue, 23 Mar 2021 18:20:11 +0000
Subject: [PATCH] feat(blog): links in image too

---
 partials/cardBlog.hbs   | 17 +++++++++--------
 partials/cardBlogSm.hbs | 17 +++++++++--------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/partials/cardBlog.hbs b/partials/cardBlog.hbs
index aa834bf..88856ae 100644
--- a/partials/cardBlog.hbs
+++ b/partials/cardBlog.hbs
@@ -1,16 +1,17 @@
 <div class="flex flex-col rounded-lg transition shadow hover:shadow-2xl overflow-hidden">
   <div class="flex-shrink-0 ">
-    {{#if feature_image}}
-      <img class="h-48 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
+    <a href="{{url}}" class="block mt-2">
+      {{#if feature_image}}
+        <img class="h-48 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
                         {{img_url feature_image size="m"}} 600w,
                         {{img_url feature_image size="l"}} 1000w,
                         {{img_url feature_image size="xl"}} 2000w"
-        sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
-        alt="{{title}}">
-    {{else}}
-      <div class="h-48 w-full block bg-blue-500">&nbsp;</div>
-    {{/if}}
-
+          sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
+          alt="{{title}}">
+      {{else}}
+        <div class="h-48 w-full block bg-blue-500">&nbsp;</div>
+      {{/if}}
+    </a>
   </div>
   <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-200 p-6 flex flex-col justify-between">
     <div class="flex-1">
diff --git a/partials/cardBlogSm.hbs b/partials/cardBlogSm.hbs
index 2648736..eb730a3 100644
--- a/partials/cardBlogSm.hbs
+++ b/partials/cardBlogSm.hbs
@@ -1,16 +1,17 @@
 <div class="flex flex-col rounded-lg transition shadow hover:shadow-2xl overflow-hidden">
   <div class="flex-shrink-0 ">
-    {{#if feature_image}}
-      <img class="h-32 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
+    <a href="{{url}}" class="block mt-2">
+      {{#if feature_image}}
+        <img class="h-32 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
                         {{img_url feature_image size="m"}} 600w,
                         {{img_url feature_image size="l"}} 1000w,
                         {{img_url feature_image size="xl"}} 2000w"
-        sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
-        alt="{{title}}">
-    {{else}}
-      <div class="h-32 w-full block bg-blue-500">&nbsp;</div>
-    {{/if}}
-
+          sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
+          alt="{{title}}">
+      {{else}}
+        <div class="h-32 w-full block bg-blue-500">&nbsp;</div>
+      {{/if}}
+    </a>
   </div>
   <div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-200 p-6 flex flex-col justify-between">
     <div class="flex-1">