fix: Update link attributes and replace Twitter link with Bluesky and…

… LinkedIn

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>

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>