diff options
| author | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2024-05-21 00:07:26 +0200 |
|---|---|---|
| committer | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2024-05-21 00:07:26 +0200 |
| commit | c34cb4134a1374323c3a99c5089f7aefdadda650 (patch) | |
| tree | 3ffc434900fc8d30988d86071eb8fe73de190304 /src/pages/contact.astro | |
| parent | ef70fcfc151e46c20654d39a3f26200e737d3890 (diff) | |
Separate portfolio and trajectory
Diffstat (limited to 'src/pages/contact.astro')
| -rw-r--r-- | src/pages/contact.astro | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/src/pages/contact.astro b/src/pages/contact.astro new file mode 100644 index 0000000..7e89762 --- /dev/null +++ b/src/pages/contact.astro @@ -0,0 +1,50 @@ +--- +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", +}; +--- + +<Layout title="Contacto" description="Ponte en contacto conmigo"> + <script + 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">ariel ARROBA costas PUNTO dev</a> + </p> + + <p>También puedes encontrarme en algunas redes sociales:</p> + + <dl> + <dt>Mastodon</dt> + <dd><a href="https://masto.es/@arielcg">@arielcg@masto.es</a></dd> + <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> + </dl> +</Layout> + +<script> + // Obfuscate email address + const emailAddr = document.getElementById( + "email-addr", + ) as HTMLAnchorElement; + if (emailAddr != null) { + emailAddr.href = `mailto:${emailAddr.textContent!.replace(" ARROBA ", "@").replace(" PUNTO ", ".")}`; + emailAddr.textContent = emailAddr + .textContent!.replace(" ARROBA ", "@") + .replace(" PUNTO ", "."); + } +</script> |