Add gitlab, instagram, reddit and bugtracker links

Author: onnimonni

components/PageSocial.tsx

@@ -4,7 +4,7 @@ import cs from 'classnames'
 import * as config from '@/lib/config'
 
 import styles from './PageSocial.module.css'
-import { FaGithub, FaLinkedin, FaMastodon, FaTwitter, FaYoutube } from 'react-icons/fa'
+import { FaGithub, FaInstagram, FaLinkedin, FaMastodon, FaReddit, FaTwitter, FaYoutube } from 'react-icons/fa'
 import { FaXTwitter, FaGitlab, FaEnvelopeOpenText } from 'react-icons/fa6'
 import { IoIosBug } from 'react-icons/io'
 
@@ -27,7 +27,7 @@ export const socialLinks: SocialLink[] = [
   config.twitterX && {
     name: 'twitterX',
     href: `https://x.com/${config.twitterX}`,
-    title: `X @${config.twitterX}`,
+    title: `X.com @${config.twitterX}`,
     color: "#222",
     icon: FaXTwitter
   },
@@ -75,11 +75,27 @@ export const socialLinks: SocialLink[] = [
   config.youtube && {
     name: 'youtube',
     href: `https://www.youtube.com/${config.youtube}`,
-    title: `YouTube ${config.youtube}`,
+    title: `YouTube @${config.youtube}`,
     color: "#ff0000",
     icon: FaYoutube
   },
 
+  config.instagram && {
+    name: 'instagram',
+    href: `https://instagram.com/${config.instagram}`,
+    title: `Instagram @${config.instagram}`,
+    color: "#ff0000",
+    icon: FaInstagram
+  },
+
+  config.reddit && {
+    name: 'reddit',
+    href: `https://www.reddit.com/u/${config.reddit}`,
+    title: `Reddit @${config.reddit}`,
+    color: "#ff0000",
+    icon: FaReddit
+  },
+
   config.bugtracker && {
     name: 'bugtracker',
     href: `${config.bugtracker}`,

lib/config.ts

@@ -60,6 +60,8 @@ export const mastodon: string | null = getSiteConfig('mastodon', null)
 export const github: string | null = getSiteConfig('github', null)
 export const gitlab: string | null = getSiteConfig('gitlab', null)
 export const youtube: string | null = getSiteConfig('youtube', null)
+export const instagram: string | null = getSiteConfig('instagram', null)
+export const reddit: string | null = getSiteConfig('reddit', null)
 export const linkedin: string | null = getSiteConfig('linkedin', null)
 export const newsletter: string | null = getSiteConfig('newsletter', null)
 export const zhihu: string | null = getSiteConfig('zhihu', null)

lib/site-config.ts

@@ -17,6 +17,8 @@ export interface SiteConfig {
   linkedin?: string
   newsletter?: string
   youtube?: string
+  instagram?: string
+  reddit?: string
   zhihu?: string
   mastodon?: string
   bugtracker?: string

site.config.ts

@@ -18,11 +18,19 @@ export default siteConfig({
 
   // social usernames (optional)
   twitter: 'transitive_bs',
+  // twitterX: 'transitive_bs', // If you want to use X.com logo instead
+  // mastodon: '#' // optional mastodon profile URL, provides link verification
+
   github: 'transitive-bullshit',
+  // gitlab: 'transitive-bullshit', // optional gitlab account
+
   linkedin: 'fisch2',
   // mastodon: '#', // optional mastodon profile URL, provides link verification
   // newsletter: '#', // optional newsletter URL
   // youtube: '#', // optional youtube channel name or `channel/UCGbXXXXXXXXXXXXXXXXXXXXXX`
+  // instagram: '#', // optional instagram account
+  // reddit: '#', // optional reddit account
+  // bugtracker: '#', // optional bugtracker URL
 
   // default notion icon and cover images for site-wide consistency (optional)
   // page-specific values will override these site-wide defaults