Add Bluesky link

yen223 · Nov 7, 2024 · 75d5052 · 75d5052
1 parent 701927d
commit 75d5052
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/app/components/SocialIcons.tsx b/app/components/SocialIcons.tsx
@@ -36,3 +36,11 @@ export function LinkedInIcon(props: ComponentPropsWithoutRef<"svg">) {
     </svg>
   );
 }
+
+export function BlueSkyIcon(props: ComponentPropsWithoutRef<"svg">) {
+  return (
+    <svg viewBox="0 0 600 530" aria-hidden="true" {...props}>
+      <path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" />
+    </svg>
+  );
+}
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -5,7 +5,7 @@ import { z } from "zod";
 import { Button, ButtonLink } from "~/components/Button";
 import { Card } from "~/components/Card";
 import { Container } from "~/components/Container";
-import { GitHubIcon, LinkedInIcon } from "~/components/SocialIcons";
+import { BlueSkyIcon, GitHubIcon, LinkedInIcon } from "~/components/SocialIcons";
 import { getCachedArticles } from "~/lib/articles.server";
 import { formatDate } from "~/lib/formatDate";
 import type { Article } from "~/lib/types";
@@ -154,6 +154,7 @@ function Profile() {
           aria-label="Follow on LinkedIn"
           icon={LinkedInIcon}
         />
+        <SocialLink to="https://bsky.app/profile/yen223.bsky.social" aria-label="Follow on Bluesky" icon={BlueSkyIcon} />
       </div>
     </div>
   );