Use FontAwesome for social icons and add Bluesky links (#46)

Tyrrrz · Nov 6, 2024 · 50f903a · 50f903a
1 parent 61250be
commit 50f903a
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 11 deletions.
diff --git a/pages/blog/[id].tsx b/pages/blog/[id].tsx
@@ -72,7 +72,8 @@ const SubscribeSection: FC = () => {
 
       <div>
         Want to know when I post a new article? Follow me on{' '}
-        <Link href="https://twitter.com/Tyrrrz">Twitter</Link> or subscribe to the{' '}
+        <Link href="https://twitter.com/Tyrrrz">Twitter</Link> or{' '}
+        <Link href="https://bsky.app/profile/tyrrrz.me">Bluesky</Link>, or subscribe to the{' '}
         <Link href="/blog/rss.xml" external>
           RSS Feed
         </Link>
@@ -101,8 +102,8 @@ const CommentSection: FC<BlogPostPageProps> = ({ post }) => {
           userPreferredTheme === 'dark'
             ? 'dark'
             : userPreferredTheme === 'light'
-            ? 'light'
-            : 'preferred_color_scheme'
+              ? 'light'
+              : 'preferred_color_scheme'
         }
         lang="en"
         loading="lazy"

diff --git a/pages/blog/index.tsx b/pages/blog/index.tsx
@@ -31,8 +31,8 @@ const BlogPage: NextPage<BlogPageProps> = ({ posts }) => {
 
         <Paragraph>
           I write about software design, architecture, programming languages, and other technical
-          topics. Follow me on <Link href="https://twitter.com/Tyrrrz">Twitter</Link> or subscribe
-          to the{' '}
+          topics. Follow me on <Link href="https://twitter.com/Tyrrrz">Twitter</Link> or{' '}
+          <Link href="https://bsky.app/profile/tyrrrz.me">Bluesky</Link>, or subscribe to the{' '}
           <Link href="/blog/rss.xml" external>
             RSS Feed
           </Link>{' '}

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,6 +1,6 @@
 import c from 'classnames';
 import { NextPage } from 'next';
-import { FiGithub, FiInstagram, FiTwitter, FiYoutube } from 'react-icons/fi';
+import { FaGithub, FaInstagram, FaTwitter, FaYoutube, FaBluesky } from 'react-icons/fa6';
 import Heading from '~/components/heading';
 import Image from '~/components/image';
 import Link from '~/components/link';
@@ -63,22 +63,27 @@ const HomePage: NextPage = () => {
       <section className={c('flex', 'justify-center', 'gap-3', 'text-2xl', 'font-light')}>
         <Link variant="discreet" href="https://github.com/Tyrrrz">
           <div className={c('px-2')}>
-            <FiGithub strokeWidth={1} />
+            <FaGithub strokeWidth={1} />
           </div>
         </Link>
         <Link variant="discreet" href="https://twitter.com/Tyrrrz">
           <div className={c('px-2')}>
-            <FiTwitter strokeWidth={1} />
+            <FaTwitter strokeWidth={1} />
+          </div>
+        </Link>
+        <Link variant="discreet" href="https://bsky.app/profile/tyrrrz.me">
+          <div className={c('px-2')}>
+            <FaBluesky strokeWidth={1} />
           </div>
         </Link>
         <Link variant="discreet" href="https://youtube.com/@Tyrrrz">
           <div className={c('px-2')}>
-            <FiYoutube strokeWidth={1} />
+            <FaYoutube strokeWidth={1} />
           </div>
         </Link>
         <Link variant="discreet" href="https://instagram.com/Tyrrrz">
           <div className={c('px-2')}>
-            <FiInstagram strokeWidth={1} />
+            <FaInstagram strokeWidth={1} />
           </div>
         </Link>
       </section>

diff --git a/pages/speaking/index.tsx b/pages/speaking/index.tsx
@@ -33,7 +33,7 @@ const SpeakingPage: NextPage<SpeakingPageProps> = ({ engagements }) => {
           These are all the speaking engagements I&apos;ve had in the past, or plan to have in the
           future. Where available, follow the links to see the video recordings. If you want me to
           speak at your event, please contact me on{' '}
-          <Link href="https://twitter.com/Tyrrrz">Twitter</Link>.
+          <Link href="https://bsky.app/profile/tyrrrz.me">Bluesky</Link>.
         </Paragraph>
       </section>