From c0584faed915e15ac10eb19f9b5ee1225d9e1a47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ivan=20Mu=C3=B1oz?= <ivanalemunioz@gmail.com>
Date: Thu, 24 Oct 2024 08:47:45 -0300
Subject: [PATCH] Add link to my linkedin in blog posts avatar

---
 src/layouts/blog-post.astro | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/layouts/blog-post.astro b/src/layouts/blog-post.astro
index 87fb467..bbf2f6c 100644
--- a/src/layouts/blog-post.astro
+++ b/src/layouts/blog-post.astro
@@ -36,19 +36,36 @@ const { title, description, pubDate, updatedDate, cover, category } =
       <div class="flex items-center justify-between">
         <div class="flex">
           <div class="flex">
-            <img
+            <a 
+              href="https://www.linkedin.com/in/ivanalejandromunoz/" 
+              target="_blank" 
+              rel="noopener noreferrer"
+              transition:name={`avatar-${slug}`}
+              class="mr-[20px] rounded-[50px]"
+            >
+              <img
               src="/images/blog/ivan.jpg"
               alt="avatar"
-              class="w-[50px] h-[50px] m-[0px] mr-[20px] rounded-[50px]"
-            />
+              class="w-[50px] h-[50px] m-[0px] rounded-[50px]"
+              />
+            </a>
           </div>
           <div class="flex flex-col">
-            <span
+            <a 
+              href="https://www.linkedin.com/in/ivanalejandromunoz/" 
+              target="_blank" 
+              rel="noopener noreferrer"
+              transition:name={`name-${slug}`}
+              class="font-medium text-muted-foreground no-underline hover:underline"
+            >
+              Ivan Muñoz
+            </a>
+            <!-- <span
               class="font-medium text-muted-foreground"
               transition:name={`name-${slug}`}
             >
               Ivan Muñoz
-            </span>
+            </span> -->
 
             <span
               class="font-medium text-muted-foreground capitalize text-xs font-thin"