feat: add Bluesky link

fixes #5

package.json

@@ -15,13 +15,13 @@
     "@iconify-json/fa-brands": "^1.1.8",
     "@iconify-json/fa-solid": "^1.1.8",
     "@iconify-json/material-symbols": "^1.1.82",
-    "@iconify-json/ph": "^1.1.13",
+    "@iconify-json/ph": "^1.2.2",
     "astro": "^4.9.3",
     "astro-icon": "^1.1.0"
   },
   "devDependencies": {
-    "@types/node": "^20.14.11",
     "@astrojs/check": "^0.5.10",
+    "@types/node": "^20.14.11",
     "local-pkg": "^0.5.0",
     "typescript": "^5.4.5"
   }

src/components/Footer.astro

@@ -33,6 +33,7 @@
             <h2>Socials</h2>
             <a href="https://github.com/upryzing" rel="me">GitHub</a>
             <a href="https://lea.pet/@upryzing">Upryzing on the Fediverse</a>
+            <a href="https://bsky.app/profile/upryzing.app">Bluesky</a>
             <a href="https://discord.gg/Zst96h5ABV">Discord</a>
         </section>
     </div>

src/components/HeaderBar.astro

@@ -30,6 +30,13 @@ const { variant, isFilled } = Astro.props;
 						name="ph:fediverse-logo"
 					/>
 				</a>
+				<a class="bluesky" href="https://bsky.app/profile/upryzing.app" aria-label="Upryzing's Bluesky account">
+					<Icon
+						fill="hsl(var(--accent-hue), 100%, 95%);"
+						size={24}
+						name="ph:butterfly"
+					/>
+				</a>
 				<a class="github" href="https://github.com/upryzing" aria-label="Upryzing's GitHub organisation">
 					<Icon
 						fill="hsl(var(--accent-hue), 100%, 95%);"