diff --git a/src/config/Socials.ts b/src/config/Socials.ts index b404f4b..d644961 100644 --- a/src/config/Socials.ts +++ b/src/config/Socials.ts @@ -11,10 +11,44 @@ import { Saylor } from "@/icons/Saylor"; import { TeeSpring } from "@/icons/TeeSpring"; import { VRoid } from "@/icons/VRoid"; import { IconDefinition } from "@fortawesome/fontawesome-svg-core"; -import { faAngellist, faBluesky, faDiscord, faFreeCodeCamp, faGithub, faGrav, faHashnode, faItchIo, faLinkedinIn, faMastodon, faNpm, faPatreon, faPaypal, faReddit, faSignalMessenger, faSlack, faSteam, faStripe, faTelegramPlane, faTwitch, faWordpress } from "@fortawesome/free-brands-svg-icons"; +import { + faAngellist, + faBluesky, + faDiscord, + faFreeCodeCamp, + faGithub, + faGooglePlus, + faHashnode, + faItchIo, + faLinkedinIn, + faMastodon, + faNpm, + faPatreon, + faPaypal, + faReddit, + faSignalMessenger, + faSlack, + faSteam, + faStripe, + faTelegramPlane, + faTwitch, + faWhatsapp, + faWordpress, +} from "@fortawesome/free-brands-svg-icons"; import { faSnapchat } from "@fortawesome/free-brands-svg-icons/faSnapchat"; import { faXTwitter } from "@fortawesome/free-brands-svg-icons/faXTwitter"; -import { faAtom, faBriefcase, faChessKnight, faComputer, faEnvelope, faGamepad, faGift, faHashtag, faMoneyBill, faSignal, faUniversity } from "@fortawesome/free-solid-svg-icons"; +import { + faAtom, + faBriefcase, + faChessKnight, + faComputer, + faEnvelope, + faGamepad, + faGift, + faHashtag, + faMoneyBill, + faUniversity, +} from "@fortawesome/free-solid-svg-icons"; export const HireMe: { icon: IconDefinition; @@ -36,8 +70,8 @@ export const HireMe: { #ffffff, #f5a9b8, #5bcefa - )` -} + )`, +}; export const Donate: { icon: IconDefinition; @@ -65,8 +99,8 @@ export const Donate: { rgba(208, 222, 33, 1) 80%, rgba(255, 154, 0, 1) 90%, rgba(255, 0, 0, 1) 100% - )` -} + )`, +}; export const Socials: { icon: IconDefinition; @@ -82,7 +116,7 @@ export const Socials: { alt: "Codeberg Logo", icon: Codeberg, background: "#0B3049", - color: "#B5DDFF" + color: "#B5DDFF", }, { label: "GitHub", @@ -90,7 +124,7 @@ export const Socials: { alt: "GitHub Logo", icon: faGithub, background: "#333", - color: "#FFF" + color: "#FFF", }, { label: "Discord", @@ -98,7 +132,7 @@ export const Socials: { alt: "Discord Logo", icon: faDiscord, background: "#7289DA", - color: "#FFF" + color: "#FFF", }, { label: "Matrix", @@ -106,7 +140,7 @@ export const Socials: { alt: "Element Logo", icon: Matrix, background: "#29B6F6", - color: "#FFF" + color: "#FFF", }, { label: "IRC", @@ -114,7 +148,7 @@ export const Socials: { alt: "Hash symbol", icon: faHashtag, background: "#000", - color: "#FFF" + color: "#FFF", }, { label: "Slack", @@ -122,7 +156,7 @@ export const Socials: { alt: "Slack Logo", icon: faSlack, background: "#4A154B", - color: "#FFF" + color: "#FFF", }, { label: "Reddit", @@ -130,7 +164,7 @@ export const Socials: { alt: "Reddit Logo", icon: faReddit, background: "#FF4500", - color: "#FFF" + color: "#FFF", }, { label: "Blog", @@ -138,7 +172,7 @@ export const Socials: { alt: "Hashnode Logo", icon: faHashnode, background: "#2962FF", - color: "#FFF" + color: "#FFF", }, { label: "LinkedIn", @@ -146,7 +180,7 @@ export const Socials: { alt: "LinkedIn Logo", icon: faLinkedinIn, background: "#0077B5", - color: "#FFF" + color: "#FFF", }, { label: "Peerlist", @@ -154,7 +188,7 @@ export const Socials: { alt: "Peerlist Logo", icon: Peerlist, background: "rgb(33, 150, 83)", - color: "#FFF" + color: "#FFF", }, { label: "Polywork", @@ -162,7 +196,7 @@ export const Socials: { alt: "Polywork Logo", icon: Polywork, background: "#7C3AED", - color: "#FFF" + color: "#FFF", }, { label: "Fiverr", @@ -170,7 +204,7 @@ export const Socials: { alt: "Fiverr Logo", icon: Fiverr, background: "#1DBF73", - color: "#FFF" + color: "#FFF", }, { label: "Mastodon", @@ -178,7 +212,7 @@ export const Socials: { alt: "Mastodon Logo", icon: faMastodon, background: "#2B90D9", - color: "#FFF" + color: "#FFF", }, { label: "X (Twitter)", @@ -186,7 +220,7 @@ export const Socials: { alt: "X Logo", icon: faXTwitter, background: "#1DA1F2", - color: "#FFF" + color: "#FFF", }, { label: "Steam", @@ -194,7 +228,7 @@ export const Socials: { alt: "Steam Logo", icon: faSteam, background: "rgb(27, 40, 56)", - color: "rgb(199, 213, 224)" + color: "rgb(199, 213, 224)", }, { label: "Twitch", @@ -202,7 +236,7 @@ export const Socials: { alt: "Twitch Logo", icon: faTwitch, background: "#6441A4", - color: "#FFF" + color: "#FFF", }, { label: "HLTB", @@ -210,7 +244,7 @@ export const Socials: { alt: "How Long to Beat Logo", icon: faGamepad, background: "#333", - color: "#FFF" + color: "#FFF", }, { label: "Snapchat", @@ -218,7 +252,7 @@ export const Socials: { alt: "Snapchat Logo", icon: faSnapchat, background: "#FFFC00", - color: "#000" + color: "#000", }, { label: "GOG", @@ -226,7 +260,7 @@ export const Socials: { alt: "GOG Logo", icon: Gog, background: "#863A3A", - color: "#FFF" + color: "#FFF", }, { label: "Itch.io", @@ -234,7 +268,7 @@ export const Socials: { alt: "Itch.io Logo", icon: faItchIo, background: "#FA5C5C", - color: "#FFF" + color: "#FFF", }, { label: "Lichess", @@ -242,7 +276,7 @@ export const Socials: { alt: "Lichess Logo", icon: faChessKnight, background: "#000", - color: "#FFF" + color: "#FFF", }, { label: "Saylor Academy", @@ -250,7 +284,7 @@ export const Socials: { alt: "Saylor Academy Logo", icon: Saylor, background: "#469dcc", - color: "#183140" + color: "#183140", }, { label: "Paypal", @@ -258,7 +292,7 @@ export const Socials: { alt: "Paypal Logo", icon: faPaypal, background: "#003087", - color: "#FFF" + color: "#FFF", }, { label: "Ko-Fi", @@ -266,7 +300,7 @@ export const Socials: { alt: "Ko-Fi Logo", icon: Kofi, background: "#FF5E5B", - color: "#FFF" + color: "#FFF", }, { label: "Patreon", @@ -274,7 +308,7 @@ export const Socials: { alt: "Patreon Logo", icon: faPatreon, background: "#F96854", - color: "#FFF" + color: "#FFF", }, { label: "freeCodeCamp", @@ -282,7 +316,7 @@ export const Socials: { alt: "freeCodeCamp Logo", icon: faFreeCodeCamp, background: "#0a0a23", - color: "#FFF" + color: "#FFF", }, { label: "NPM", @@ -290,7 +324,7 @@ export const Socials: { alt: "NPM Logo", icon: faNpm, background: "#CB3837", - color: "#FFF" + color: "#FFF", }, { label: "GatherTown", @@ -298,7 +332,7 @@ export const Socials: { alt: "GatherTown Logo", icon: Gather, background: "#7B68EE", - color: "#FFF" + color: "#FFF", }, { label: "VRoid", @@ -306,7 +340,7 @@ export const Socials: { alt: "VRoid Logo", icon: VRoid, color: "#000", - "background": "#ffe100" + background: "#ffe100", }, { label: "Pixiv", @@ -314,7 +348,7 @@ export const Socials: { alt: "Pixiv Logo", icon: Pixiv, background: "#0096FA", - color: "#FFF" + color: "#FFF", }, { label: "Email", @@ -322,7 +356,7 @@ export const Socials: { alt: "Email Icon", icon: faEnvelope, background: "#000000", - color: "#FFF" + color: "#FFF", }, { label: "Coursera", @@ -330,7 +364,7 @@ export const Socials: { alt: "University Icon", icon: faUniversity, background: "#0056D2", - color: "#FFF" + color: "#FFF", }, { label: "Udemy", @@ -338,7 +372,7 @@ export const Socials: { alt: "University Icon", icon: faUniversity, background: "#EC5252", - color: "#FFF" + color: "#FFF", }, { label: "Gravatar", @@ -346,7 +380,7 @@ export const Socials: { alt: "Wordpress Logo", icon: faWordpress, background: "#1E8EDE", - color: "#FFF" + color: "#FFF", }, { label: "PC Part Picker", @@ -354,7 +388,7 @@ export const Socials: { alt: "Computer Icon", icon: faComputer, background: "#000", - color: "#FFF" + color: "#FFF", }, { label: "Throne", @@ -362,7 +396,7 @@ export const Socials: { alt: "Gift Icon", icon: faGift, background: "#000", - color: "#FFF" + color: "#FFF", }, { label: "Stripe", @@ -370,15 +404,15 @@ export const Socials: { alt: "Stripe Logo", icon: faStripe, background: "#6772E5", - color: "#FFF" + color: "#FFF", }, { label: "Signal", link: "https://signal.me/#eu/YGo6ag7kAwkdfkw863-J4qLK3VyKn8uWLhvyX60Jx5J0qrDZnz1B_aLrjM9yAMe6", alt: "Signal Logo", icon: faSignalMessenger, - background: "#000", - color: "#FFF" + background: "#FFF", + color: "#3A76F0", }, { label: "WellFound", @@ -386,7 +420,7 @@ export const Socials: { alt: "Angellist Logo", icon: faAngellist, background: "#000", - color: "#FFF" + color: "#FFF", }, { label: "ProtonDB", @@ -394,15 +428,15 @@ export const Socials: { alt: "ProtonDB Logo", icon: faAtom, background: "#000", - color: "#FFF" + color: "#FFF", }, { label: "Merch", link: "https://nhcarrigan.creator-spring.com/", - "alt": "TeeSpring Logo", + alt: "TeeSpring Logo", icon: TeeSpring, background: "#000", - color: "#FFF" + color: "#FFF", }, { label: "BlueSky", @@ -410,7 +444,7 @@ export const Socials: { alt: "BlueSky Logo", icon: faBluesky, background: "#1DA1F2", - color: "#FFF" + color: "#FFF", }, { label: "Telegram", @@ -418,6 +452,22 @@ export const Socials: { alt: "Telegram Logo", icon: faTelegramPlane, background: "#0088cc", - color: "#FFF" + color: "#FFF", + }, + { + label: "WhatsApp", + link: "https://wa.me/qr/WCGJIID7UKWIE1", + alt: "WhatsApp Logo", + icon: faWhatsapp, + background: "#25D366", + color: "#FFF", + }, + { + label: "Google Chat", + link: "https://chat.google.com/room/AAAAK270m3M", + alt: "Google Chat Logo", + icon: faGooglePlus, + background: "#DB4437", + color: "#FFF", } ];