add bluesky link to social tray component

ProjectEvergreen · Feb 6, 2025 · 38079f9 · 38079f9
1 parent 80f50e1
commit 38079f9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/assets/bluesky.svg b/src/assets/bluesky.svg
diff --git a/src/components/social-tray/social-tray.js b/src/components/social-tray/social-tray.js
@@ -2,6 +2,7 @@ import styles from "./social-tray.module.css";
 import discordIcon from "../../assets/discord.svg?type=raw";
 import githubIcon from "../../assets/github.svg?type=raw";
 import twitterIcon from "../../assets/twitter-logo.svg?type=raw";
+import blueskyIcon from "../../assets/bluesky.svg?type=raw";
 
 export default class SocialTray extends HTMLElement {
   connectedCallback() {
@@ -18,6 +19,13 @@ export default class SocialTray extends HTMLElement {
             ${discordIcon}
           </a>
         </li>
+		
+		<li class="${styles.socialIcon}">
+  <a href="https://bsky.app/profile/projectevergreen.bsky.social" title="Bluesky" 
+     style="display: inline-block; transform: scale(1.7) translateY(-2px);">
+    ${blueskyIcon}
+  </a>
+</li>
 
         <li class="${styles.socialIcon}">
           <a href="https://twitter.com/PrjEvergreen" title="Twitter">