Corrected icons links

public/main.vcf

@@ -0,0 +1,12 @@
+BEGIN:VCARD
+VERSION:3.0
+FN;CHARSET=UTF-8:Rafael González
+N;CHARSET=UTF-8:González;Rafael;;;
+EMAIL;CHARSET=UTF-8;type=HOME,INTERNET:rraaffaarafa@gmail.com
+EMAIL;CHARSET=UTF-8;type=WORK,INTERNET:rafa@acromati.co
+TEL;TYPE=CELL:+525512952572
+TEL;TYPE=WORK,VOICE:+525621092388
+TITLE;CHARSET=UTF-8:CEO
+ORG;CHARSET=UTF-8:Acromático Development
+REV:2022-01-19T21:39:40.022Z
+END:VCARD

src/components/icon.svelte

@@ -2,6 +2,8 @@
   export let perLink;
   export let profileName;
 
+  console.log(perLink)
+
   function handleClick(event){
     gtag('event', 'view_item', {
       'event_category' : 'Links',
@@ -10,8 +12,8 @@
   }
 </script>
 
-<div class="p-2">
-  <a class="w-full flex flex-col justify-center items-center" href={perLink.url} target="_blank" rel="noopener" on:click={handleClick}>
+<div class="p-2" on:click={handleClick}>
+  <a class="w-full flex flex-col justify-center items-center" href={perLink.url} target="_blank" rel="noopener" >
     <img
       loading="lazy"
       class="w-1/2 dark:invert"

src/pages/index.astro

@@ -10,7 +10,7 @@ const profesionalLinks = [];
 for (let link of profileData.personalLinks) {
 	const withUrl = {...link};
 
-	withUrl.iconUrl = Astro.resolve(`../icons/${link.icon}.svg`);
+	withUrl.iconUrl = `/icons/${link.icon}.svg`;
 
 	personalLinks.push(withUrl);
 }
@@ -18,7 +18,7 @@ for (let link of profileData.personalLinks) {
 for (let link of profileData.profesionalLinks) {
 	const withUrl = {...link};
 
-	withUrl.iconUrl = Astro.resolve(`../icons/${link.icon}.svg`);
+	withUrl.iconUrl = `/icons/${link.icon}.svg`;
 
 	profesionalLinks.push(withUrl);
 }
@@ -85,7 +85,8 @@ for (let link of profileData.profesionalLinks) {
 				alt="Rafael González"
 			>
 			<h1 class="font-mono font-bold underline underline-offset-8 uppercase text-4xl my-4 tracking-wide dark:text-white">{profileName}</h1>
-			<p class="font-mono text-l mt-4 mx-auto w-11/12 max-w-5xl tracking-wide dark:text-white">{profileData.description}</p>
+			<p class="font-mono text-l my-4 sm:mt-4 sm:mb-0 mx-auto w-11/12 max-w-5xl tracking-wide dark:text-white">{profileData.description}</p>
+			<a href="/main.vcf" target="_blank" rel="noopener" class="md:invisible"><button class="mt-4 p-4 bg-black text-white dark:text-black dark:bg-white border-2 border-black rounded-md font-bold uppercase tracking-wide">Agregar a Contactos</button></a>
 		</header>
 		<main>
 			<h2 class="font-mono font-bold uppercase text-xl my-14 mx-auto tracking-wide w-11/12 max-w-5xl dark:text-white">Personal Links</h2>