From 0612858f6ff580814632d76c7813b78af35055fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafael=20Gonz=C3=A1lez?= <rafa@acromatico.co>
Date: Wed, 19 Jan 2022 16:35:47 -0600
Subject: [PATCH] Corrected icons links

---
 {src => public}/icons/discord.svg   |  0
 {src => public}/icons/email.svg     |  0
 {src => public}/icons/facebook.svg  |  0
 {src => public}/icons/github.svg    |  0
 {src => public}/icons/instagram.svg |  0
 {src => public}/icons/linkedin.svg  |  0
 {src => public}/icons/shopify.svg   |  0
 {src => public}/icons/twitter.svg   |  0
 {src => public}/icons/web.svg       |  0
 {src => public}/icons/whatsapp.svg  |  0
 public/main.vcf                     | 12 ++++++++++++
 src/components/icon.svelte          |  6 ++++--
 src/pages/index.astro               |  7 ++++---
 13 files changed, 20 insertions(+), 5 deletions(-)
 rename {src => public}/icons/discord.svg (100%)
 rename {src => public}/icons/email.svg (100%)
 rename {src => public}/icons/facebook.svg (100%)
 rename {src => public}/icons/github.svg (100%)
 rename {src => public}/icons/instagram.svg (100%)
 rename {src => public}/icons/linkedin.svg (100%)
 rename {src => public}/icons/shopify.svg (100%)
 rename {src => public}/icons/twitter.svg (100%)
 rename {src => public}/icons/web.svg (100%)
 rename {src => public}/icons/whatsapp.svg (100%)
 create mode 100644 public/main.vcf

diff --git a/src/icons/discord.svg b/public/icons/discord.svg
similarity index 100%
rename from src/icons/discord.svg
rename to public/icons/discord.svg
diff --git a/src/icons/email.svg b/public/icons/email.svg
similarity index 100%
rename from src/icons/email.svg
rename to public/icons/email.svg
diff --git a/src/icons/facebook.svg b/public/icons/facebook.svg
similarity index 100%
rename from src/icons/facebook.svg
rename to public/icons/facebook.svg
diff --git a/src/icons/github.svg b/public/icons/github.svg
similarity index 100%
rename from src/icons/github.svg
rename to public/icons/github.svg
diff --git a/src/icons/instagram.svg b/public/icons/instagram.svg
similarity index 100%
rename from src/icons/instagram.svg
rename to public/icons/instagram.svg
diff --git a/src/icons/linkedin.svg b/public/icons/linkedin.svg
similarity index 100%
rename from src/icons/linkedin.svg
rename to public/icons/linkedin.svg
diff --git a/src/icons/shopify.svg b/public/icons/shopify.svg
similarity index 100%
rename from src/icons/shopify.svg
rename to public/icons/shopify.svg
diff --git a/src/icons/twitter.svg b/public/icons/twitter.svg
similarity index 100%
rename from src/icons/twitter.svg
rename to public/icons/twitter.svg
diff --git a/src/icons/web.svg b/public/icons/web.svg
similarity index 100%
rename from src/icons/web.svg
rename to public/icons/web.svg
diff --git a/src/icons/whatsapp.svg b/public/icons/whatsapp.svg
similarity index 100%
rename from src/icons/whatsapp.svg
rename to public/icons/whatsapp.svg
diff --git a/public/main.vcf b/public/main.vcf
new file mode 100644
index 0000000..b003d74
--- /dev/null
+++ b/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
\ No newline at end of file
diff --git a/src/components/icon.svelte b/src/components/icon.svelte
index db08510..866c605 100644
--- a/src/components/icon.svelte
+++ b/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"
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3b88a78..853685d 100644
--- a/src/pages/index.astro
+++ b/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>