From e3141794b95e534656427fadf0354435c62254d6 Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Thu, 10 Apr 2025 21:42:41 +0200
Subject: Fix formatting

---
 src/pages/contact.astro | 162 ++++++++++++++++++++++++++----------------------
 1 file changed, 88 insertions(+), 74 deletions(-)

(limited to 'src/pages/contact.astro')

diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index 3ca1b97..9cb58a6 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -2,84 +2,98 @@
 import Layout from "../layouts/Layout.astro";
 
 const schema = {
-	"@context": "https://schema.org",
-	"@type": "ContactPage",
-	url: "https://www.costas.dev/contact",
-	headline: "Ponte en contacto conmigo",
+  "@context": "https://schema.org",
+  "@type": "ContactPage",
+  url: "https://www.costas.dev/contact",
+  headline: "Ponte en contacto conmigo",
 };
 ---
 
-<Layout title="Contacto" description="Las formas de ponerte en contacto conmigo, ya sea por correo electrónico, teléfono o redes sociales.">
-	<script
-		is:inline
-		type="application/ld+json"
-		slot="head-jsonld"
-		set:html={JSON.stringify(schema)}
-	/>
-
-	<h1>Contacta conmigo</h1>
-
-	<p>
-		La forma más sencilla de contactar conmigo es a través de mi dirección
-		de correo electrónico:
-		<a href="#" id="email-addr">ACTIVA JAVASCRIPT PARA VER ESTO</a>. También
-		puedes usar <a href="https://wa.me/message/W7T7L4EZAELQI1">WhatsApp</a> con el número de teléfono
-		<a href="#" id="phone-number">ACTIVA JAVASCRIPT PARA VER ESTO</a>.
-	</p>
-
-	<p>También puedes encontrarme en algunas redes sociales:</p>
-
-	<dl>
-		<dt>GitHub</dt>
-		<dd><a href="https://github.com/arielcostas">@arielcostas</a></dd>
-		<dt>LinkedIn</dt>
-		<dd><a href="https://www.linkedin.com/in/ariel-costas/">/in/ariel-costas</a></dd>
-		<dt>BlueSky</dt>
-		<dd><a href="https://bsky.app/profile/costas.dev">@costas.dev</a></dd>
-	</dl>
+<Layout
+  title="Contacto"
+  description="Las formas de ponerte en contacto conmigo, ya sea por correo electrónico, teléfono o redes sociales."
+>
+  <script
+    is:inline
+    type="application/ld+json"
+    slot="head-jsonld"
+    set:html={JSON.stringify(schema)}
+  />
+
+  <h1>Contacta conmigo</h1>
+
+  <p>
+    La forma más sencilla de contactar conmigo es a través de mi dirección de
+    correo electrónico:
+    <a href="#" id="email-addr">ACTIVA JAVASCRIPT PARA VER ESTO</a>. También
+    puedes usar <a href="https://wa.me/message/W7T7L4EZAELQI1">WhatsApp</a> con el
+    número de teléfono
+    <a href="#" id="phone-number">ACTIVA JAVASCRIPT PARA VER ESTO</a>.
+  </p>
+
+  <p>También puedes encontrarme en algunas redes sociales:</p>
+
+  <dl>
+    <dt>GitHub</dt>
+    <dd><a href="https://github.com/arielcostas">@arielcostas</a></dd>
+    <dt>LinkedIn</dt>
+    <dd>
+      <a href="https://www.linkedin.com/in/ariel-costas/">/in/ariel-costas</a>
+    </dd>
+    <dt>BlueSky</dt>
+    <dd><a href="https://bsky.app/profile/costas.dev">@costas.dev</a></dd>
+  </dl>
 </Layout>
 
 <script>
-	const encryptedEmail = "LygNLiMmFRo/GlQZaFIWBA==";
-	const encryptedPhoneNumber = "ZWlQfX1QT0Z+XgVd";
-	const key = "NZdKOfvuLn5jF6sryF0Q";
-
-	const emailAddrLink = document.getElementById("email-addr") as HTMLAnchorElement;
-	const phoneNumberLink = document.getElementById("phone-number") as HTMLAnchorElement;
-
-	(() => {
-		if (emailAddrLink == null || phoneNumberLink == null) {
-			return;
-		}
-
-		const emailAddress = xorData(encryptedEmail, key);
-		const phoneNumber = xorData(encryptedPhoneNumber, key);
-
-		emailAddrLink.href = `mailto:${emailAddress}`;
-		emailAddrLink.textContent = emailAddress;
-
-		phoneNumberLink.href = `tel:${phoneNumber}`;
-		phoneNumberLink.textContent = phoneNumber;
-	})();
-
-	function xorData(data: string, key: string): string {
-		let actualData = atob(data);
-		let actualKey = key;
-		const keyLength = key.length;
-		const dataLength = actualData.length;
-		const result = new Array(dataLength);
-		
-		// If the key is 12 characters but the data is 30 characters, the key should be repeated 3 times and truncated to 30 characters
-		if (keyLength < dataLength) {
-			actualKey = key.repeat(Math.ceil(dataLength / keyLength)).substring(0, dataLength);
-		} else if (keyLength > dataLength) {
-			actualKey = key.substring(0, dataLength);
-		}
-
-		for (let i = 0; i < dataLength; i++) {
-			result[i] = String.fromCharCode(actualData.charCodeAt(i) ^ actualKey.charCodeAt(i));
-		}
-
-		return result.join("");
-	}
+  const encryptedEmail = "LygNLiMmFRo/GlQZaFIWBA==";
+  const encryptedPhoneNumber = "ZWlQfX1QT0Z+XgVd";
+  const key = "NZdKOfvuLn5jF6sryF0Q";
+
+  const emailAddrLink = document.getElementById(
+    "email-addr",
+  ) as HTMLAnchorElement;
+  const phoneNumberLink = document.getElementById(
+    "phone-number",
+  ) as HTMLAnchorElement;
+
+  (() => {
+    if (emailAddrLink == null || phoneNumberLink == null) {
+      return;
+    }
+
+    const emailAddress = xorData(encryptedEmail, key);
+    const phoneNumber = xorData(encryptedPhoneNumber, key);
+
+    emailAddrLink.href = `mailto:${emailAddress}`;
+    emailAddrLink.textContent = emailAddress;
+
+    phoneNumberLink.href = `tel:${phoneNumber}`;
+    phoneNumberLink.textContent = phoneNumber;
+  })();
+
+  function xorData(data: string, key: string): string {
+    let actualData = atob(data);
+    let actualKey = key;
+    const keyLength = key.length;
+    const dataLength = actualData.length;
+    const result = new Array(dataLength);
+
+    // If the key is 12 characters but the data is 30 characters, the key should be repeated 3 times and truncated to 30 characters
+    if (keyLength < dataLength) {
+      actualKey = key
+        .repeat(Math.ceil(dataLength / keyLength))
+        .substring(0, dataLength);
+    } else if (keyLength > dataLength) {
+      actualKey = key.substring(0, dataLength);
+    }
+
+    for (let i = 0; i < dataLength; i++) {
+      result[i] = String.fromCharCode(
+        actualData.charCodeAt(i) ^ actualKey.charCodeAt(i),
+      );
+    }
+
+    return result.join("");
+  }
 </script>
-- 
cgit v1.3