Replace X link with Bluesky link

silvenon · Nov 6, 2024 · 45018a0 · 45018a0
1 parent 139d284
commit 45018a0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 11 deletions.
diff --git a/app/consts.ts b/app/consts.ts
@@ -12,9 +12,9 @@ export const socialLinks = [
     icon: 'github',
   },
   {
-    name: 'X',
-    url: 'https://x.com/silvenon',
-    icon: 'x',
+    name: 'Bluesky',
+    url: 'https://bsky.app/profile/silvenon.com',
+    icon: 'bluesky',
   },
   {
     name: 'LinkedIn',

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -80,11 +80,9 @@ export default function Home() {
                 <span className="sr-only">{network.name}</span>
                 <span
                   className={clsx(
-                    'block rounded-full border-2 border-transparent bg-purple-400 p-1.5 text-white transition duration-200 group-hover:scale-125 group-hover:text-white dark:bg-purple-400 dark:text-black dark:group-hover:shadow sm:p-2',
-                    network.name === 'GitHub' &&
-                      'group-hover:bg-github dark:group-hover:border-white',
-                    network.name === 'X' &&
-                      'group-hover:bg-x dark:group-hover:border-white',
+                    'block rounded-full border-2 border-transparent bg-purple-400 p-1.5 text-white transition duration-200 group-hover:scale-125 group-hover:text-white dark:bg-purple-400 dark:text-black dark:group-hover:border-white dark:group-hover:shadow sm:p-2',
+                    network.name === 'GitHub' && 'group-hover:bg-github',
+                    network.name === 'Bluesky' && 'group-hover:bg-bluesky',
                     network.name === 'LinkedIn' && 'group-hover:bg-linkedin',
                   )}
                 >

diff --git a/app/sprite.svg b/app/sprite.svg
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -50,7 +50,7 @@ export default {
         page: colors.white,
         'page-dark': colors.zinc[900],
         github: '#333',
-        x: '#000',
+        bluesky: '#0a7aff',
         linkedin: '#0077b5',
       },
       typography: ({ theme }) => ({