From 9376d569d28142b0b97f559b8ca2c00e2c116495 Mon Sep 17 00:00:00 2001
From: Alex Justesen <alexjustesen@users.noreply.github.com>
Date: Fri, 20 Dec 2024 10:53:23 -0500
Subject: [PATCH] fix: Update link attributes and replace Twitter link with
Bluesky and LinkedIn
---
src/components/chip.astro | 2 +-
src/pages/index.astro | 12 +++---------
2 files changed, 4 insertions(+), 10 deletions(-)
diff --git a/src/components/chip.astro b/src/components/chip.astro
index 9f99dab..50c5f7d 100644
--- a/src/components/chip.astro
+++ b/src/components/chip.astro
@@ -5,6 +5,6 @@ interface Props {
}
const { link, icon } = Astro.props;
---
-<a href={link} target="_blank" aria-label="link" class="text-3xl">
+<a href={link} target="_blank" aria-label="link" class="text-3xl" rel="noopener noreferrer">
<i class={icon}></i>
</a>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9a6c278..288a06f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -22,13 +22,7 @@ const links: Link[] = [
<meta charset="utf-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width" />
- <link
- rel="stylesheet"
- href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
- integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
- crossorigin="anonymous"
- referrerpolicy="no-referrer"
- />
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<meta name="generator" content={Astro.generator} />
<meta name="description" content="Links of Alex Justesen" />
<meta name="author" content="Alex Justesen" />
@@ -66,9 +60,9 @@ const links: Link[] = [
<div class="flex justify-center gap-8">
<!-- Put some social links who have a definitive icon here: -->
<Chip link="https://github.com/alexjustesen" icon="fa-brands fa-github" />
- <Chip link="https://x.com/alexjustesen" icon="fa-brands fa-x-twitter" />
+ <Chip link="https://bsky.app/profile/alexjustesen.com" icon="fa-brands fa-bluesky" />
+ <Chip link="https://www.linkedin.com/in/alexander-justesen/" icon="fa-brands fa-linkedin-in" />
</div>
- <p class="text-center mx-auto hidden">Some additional text, like your email</p>
</main>
</body>
</html>