Add link to my linkedin in blog posts avatar

AfipSDK · Oct 24, 2024 · c0584fa · c0584fa
1 parent 7e21b8b
commit c0584fa
Showing 1 changed file with 22 additions and 5 deletions.
diff --git 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"