feat: add bluesky social link (#35)

src/components/icon.astro

@@ -7,6 +7,7 @@ interface Props {
     | "suitcase"
     | "github"
     | "twitter"
+    | "bluesky"
     | "twitch"
     | "arobase"
     | "linkedin";
@@ -130,6 +131,22 @@ const { class: className, type } = Astro.props;
     </svg>
   )
 }
+{
+  type === "bluesky" && (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      width="32"
+      height="32"
+      viewBox="0 0 24 24"
+      class:list={["flex-none", className]}>
+      <path
+        fill="currentColor"
+        d="M4.907 3.44c.709.12 1.533.501 2.576 1.247C9.28 5.97 10.769 7.739 12 9.564c1.231-1.825 2.72-3.593 4.517-4.877c1.043-.746 1.867-1.127 2.576-1.248c.767-.13 1.29.065 1.615.2C21.717 4.06 22 5.225 22 6.215c0 .201-.086 1.302-.185 2.36c-.052.546-.11 1.108-.166 1.577c-.053.428-.115.88-.19 1.133a4.33 4.33 0 0 1-1.951 2.517c.937.707 1.277 1.856.928 2.984c-.597 1.924-2.737 4.397-4.835 4.618c-1.773.186-2.935-1.325-3.601-2.76c-.666 1.435-1.828 2.946-3.6 2.76c-2.099-.22-4.24-2.694-4.836-4.618c-.35-1.128-.01-2.277.928-2.984a4.33 4.33 0 0 1-1.95-2.517c-.076-.253-.138-.705-.19-1.133a61 61 0 0 1-.167-1.577C2.085 7.517 2 6.416 2 6.215c0-.99.283-2.155 1.292-2.576c.326-.135.847-.33 1.615-.2M4.05 6.916c.064.818.18 2.108.288 2.992c.032.268.055.545.122.807c.397 1.34 1.929 2.082 3.686 1.887a1 1 0 0 1 .257 1.983c-.756.112-3.315.357-2.928 1.607c.357 1.151 1.848 3.087 3.134 3.222c.928.097 1.5-1.394 1.766-2.045c.275-.674.488-1.38.668-1.982a1 1 0 0 1 1.916 0c.18.602.393 1.308.668 1.982c.266.651.838 2.142 1.766 2.045c1.286-.135 2.777-2.07 3.134-3.222c.387-1.25-2.172-1.495-2.928-1.607a1 1 0 0 1 .257-1.983c1.757.195 3.289-.547 3.686-1.887c.069-.266.089-.536.122-.807a80 80 0 0 0 .288-2.992c.037-.468.247-1.637-.522-1.506c-.286.049-.823.241-1.749.903c-1.943 1.389-3.705 3.513-4.789 5.64a1 1 0 0 1-1.782 0c-1.084-2.127-2.846-4.251-4.789-5.64c-.926-.662-1.463-.854-1.749-.903c-.784-.134-.559 1.034-.522 1.506"
+      />
+    </svg>
+  )
+}
 {
   type === "linkedin" && (
     <svg

src/pages/index.astro

@@ -36,7 +36,7 @@ const projects = (await getCollection("projects")).sort(
             <span class="sr-only">Occupation</span>
             <Icon type="suitcase" class="size-4" />
           </dt>
-          <dd>Freelance full-stack developer</dd>
+          <dd>Full-stack developer & Devops</dd>
         </div>
       </dl>
     </div>
@@ -58,11 +58,11 @@ const projects = (await getCollection("projects")).sort(
 
   <section id="description" class="flex flex-col gap-4">
     <p>
-      I am a Software Engineer with over {totalYearsXP} years of professional experience
-      and more than {totalYearsDev} years of coding under my belt. When I'm not writing
-      code, you’ll find me exploring the city on my bike or cooking up some delicious
-      meals. I also stream regularly on Twitch, where I share progress on my latest
-      side projects.
+      I am a Software Engineer with over {totalYearsXP}+ years of professional
+      experience and more than {totalYearsDev}+ years of coding under my belt.
+      When I'm not writing code, you’ll find me exploring the city on my bike or
+      cooking up some delicious meals. I also stream regularly on Twitch, where
+      I share progress on my latest side projects.
     </p>
 
     <ul
@@ -98,6 +98,17 @@ const projects = (await getCollection("projects")).sort(
           <Icon type="arrow-external" class="size-4" />
         </a>
       </li>
+      <li>
+        <a
+          class="inline-flex gap-1.5 items-center"
+          href="https://bsky.app/profile/fredkiss.dev"
+          target="_blank"
+          rel="noopener noreferrer">
+          <Icon type="bluesky" class="size-5" />
+          <span>Bluesky</span>
+          <Icon type="arrow-external" class="size-4" />
+        </a>
+      </li>
       <li>
         <a
           class="inline-flex gap-1.5 items-center"
@@ -134,7 +145,7 @@ const projects = (await getCollection("projects")).sort(
           const startDate = formattedDate(xp.startDate);
           const endDate = xp.endDate
             ? `to ${formattedDate(xp.endDate)}`
-            : "present";
+            : "- present";
 
           const formattedDateRange =
             xp.startDate.getMonth() === xp.endDate?.getMonth()