Add Bluesky to homepage social links

Author: chindris-mihai-alexandru

src/components/social-links/social-links.tsx

@@ -3,7 +3,7 @@ import { component$ } from '@builder.io/qwik';
 interface SocialLink {
   name: string;
   url: string;
-  icon: 'github' | 'linkedin' | 'xing' | 'email';
+  icon: 'github' | 'linkedin' | 'bluesky' | 'xing' | 'email';
 }
 
 interface SocialLinksProps {
@@ -23,6 +23,11 @@ const icons = {
       <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
     </svg>
   ),
+  bluesky: (
+    <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true">
+      <path d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.698-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948" />
+    </svg>
+  ),
   xing: (
     <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
       <path d="M18.188 0c-.517 0-.741.325-.927.66 0 0-7.455 13.224-7.702 13.657.015.024 4.919 9.023 4.919 9.023.17.308.436.66.967.66h3.454c.211 0 .375-.078.463-.22.089-.151.089-.346-.009-.536l-4.879-8.916c-.004-.006-.004-.016 0-.022L22.139.756c.095-.191.097-.387.006-.535C22.056.078 21.894 0 21.686 0h-3.498zM3.648 4.74c-.211 0-.385.074-.473.216-.09.149-.078.339.02.531l2.34 4.05c.004.01.004.016 0 .021L1.86 16.051c-.099.188-.093.381 0 .529.085.142.239.234.45.234h3.461c.518 0 .766-.348.945-.667l3.734-6.609-2.378-4.155c-.172-.315-.434-.659-.962-.659H3.648v.016z"/>

src/data/profile.ts

@@ -7,6 +7,7 @@ export const profile = {
   socials: {
     linkedin: "https://www.linkedin.com/in/mihai-chindris",
     github: "https://github.com/chindris-mihai-alexandru",
+    bluesky: "https://bsky.app/profile/mihaichindris.bsky.social",
     xing: "https://www.xing.com/profile/Mihai_Chindris2",
     email: "hello@mihai.codes",
     email_alt: "chindris.mihai.alexandru@gmail.com"

src/routes/index.tsx

@@ -208,6 +208,7 @@ export default component$(() => {
             links={[
               { name: 'GitHub', url: profile.socials.github, icon: 'github' },
               { name: 'LinkedIn', url: profile.socials.linkedin, icon: 'linkedin' },
+              { name: 'Bluesky', url: profile.socials.bluesky, icon: 'bluesky' },
               { name: 'XING', url: profile.socials.xing, icon: 'xing' },
               { name: 'Email', url: `mailto:${profile.socials.email}`, icon: 'email' },
             ]}