corregir mañana

Author: miguel9214

src/assets/file/Miguel-Resume.pdf

@@ -2,75 +2,75 @@
 import feather from 'feather-icons';
 
 export default {
-	name: 'Home',
-	data: () => {
-		return {
-			theme: '',
-		};
-	},
-	created() {
-		this.theme = localStorage.getItem('theme') || 'light';
-	},
-	mounted() {
-		feather.replace();
-		this.theme = localStorage.getItem('theme') || 'light';
-	},
-	updated() {
-		feather.replace();
-	},
-	methods: {},
+  name: 'Home',
+  data: () => {
+    return {
+      theme: '',
+    };
+  },
+  created() {
+    this.theme = localStorage.getItem('theme') || 'light';
+  },
+  mounted() {
+    feather.replace();
+    this.theme = localStorage.getItem('theme') || 'light';
+  },
+  updated() {
+    feather.replace();
+  },
+  methods: {
+    descargarHojaDeVida() {
+      const hojaDeVidaURL = 'file/Miguel-Resume.pdf';
+      this.descargarArchivo(hojaDeVidaURL, 'Miguel-Resume.pdf');
+    },
+
+    descargarArchivo(url, nombre) {
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = nombre;
+
+      document.body.appendChild(link);
+      link.click();
+
+      document.body.removeChild(link);
+    },
+  },
 };
 </script>
 
 <template>
-	<section
-		class="flex flex-col sm:justify-between items-center sm:flex-row mt-12 sm:mt-10"
-	>
-		<!-- Banner left contents -->
-		<div class="w-full md:w-1/3 text-left">
-			<h1
-				class="font-general-semibold text-3xl md:text-3xl xl:text-4xl text-center sm:text-left text-ternary-dark dark:text-primary-light uppercase"
-			>
-				Hola, soy Miguel Ramos
-			</h1>
-			<p
-				class="font-general-medium mt-2 text-lg sm:text-xl  xl:text-2xl text-center sm:text-left leading-none text-gray-400"
-			>
-			Un desarrollador full-stack y entusiasta del diseño
-			</p>
-			<div class="flex justify-center sm:block">
-				<a
-					download="Stoman-Resume.pdf"
-					href="/files/Stoman-Resume.pdf"
-					class="flex justify-center items-center w-36 sm:w-48 mt-12 mb-6 sm:mb-0 text-lg border border-indigo-200 dark:border-ternary-dark py-2.5 sm:py-3 shadow-lg rounded-lg bg-indigo-50 focus:ring-1 focus:ring-indigo-900 hover:bg-indigo-500 text-gray-500 hover:text-white duration-500"
-					aria-label="Download Resume"
-				>
-					<i
-						data-feather="arrow-down-circle"
-						class="ml-0 sm:ml-1 mr-2 sm:mr-3 w-5 sm:w-6 duration-100"
-					></i>
-					<span
-						class="text-sm sm:text-lg font-general-medium duration-100"
-						>Descargar CV</span
-					></a
-				>
-			</div>
-		</div>
+  <section class="flex flex-col sm:justify-between items-center sm:flex-row mt-12 sm:mt-10">
+    <!-- Banner left contents -->
+    <div class="w-full md:w-1/3 text-left">
+      <!-- ... (código anterior) ... -->
+      <div class="flex justify-center sm:block">
+        <a
+          @click.prevent="descargarHojaDeVida"
+          download="Miguel-Resume.pdf"
+          href="file/Miguel-Resume.pdf"
+          class="flex justify-center items-center w-36 sm:w-48 mt-12 mb-6 sm:mb-0 text-lg border border-indigo-200 dark:border-ternary-dark py-2.5 sm:py-3 shadow-lg rounded-lg bg-indigo-50 focus:ring-1 focus:ring-indigo-900 hover:bg-indigo-500 text-gray-500 hover:text-white duration-500"
+          aria-label="Download Resume"
+        >
+          <i
+            data-feather="arrow-down-circle"
+            class="ml-0 sm:ml-1 mr-2 sm:mr-3 w-5 sm:w-6 duration-100"
+          ></i>
+          <span
+            class="text-sm sm:text-lg font-general-medium duration-100"
+            >Descargar CV</span
+          ></a
+        >
+      </div>
+    </div>
 
-		<!-- Banner right illustration -->
-		<div class="w-full md:w-2/3 text-right float-right">
-			<img
-				v-if="theme === 'light'"
-				src="@/assets/images/developer.svg"
-				alt="Developer"
-			/>
-			<img
-				v-else
-				src="@/assets/images/developer-dark.svg"
-				alt="Developer"
-			/>
-		</div>
-	</section>
+    <!-- Banner right illustration -->
+    <div class="w-full md:w-2/3 text-right float-right">
+      <img v-if="theme === 'light'" src="@/assets/images/developer.svg" alt="Developer" />
+      <img v-else src="@/assets/images/developer-dark.svg" alt="Developer" />
+    </div>
+  </section>
 </template>
 
-<style scoped></style>
+<style scoped>
+
+</style>

src/components/shared/AppBanner.vue

@@ -15,7 +15,7 @@ export const socialLinks = [
 		id: 4,
 		name: 'LinkedIn',
 		icon: 'linkedin',
-		url: 'https://www.linkedin.com/in/realstoman',
+		url: 'https://www.linkedin.com/in/miguel-angel-ramos-lopez/',
 	},
 	{
 		id: 5,