nhcarrigan/portfolio
2
0
Fork 0
generated from nhcarrigan/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: whatsapp and google chat (#25)

Browse Source 
Reviewed-on: https://codeberg.org/nhcarrigan/portfolio/pulls/25
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
This commit is contained in:
Naomi Carrigan 2024-10-10 22:43:40 +00:00 committed by Naomi the Technomancer
parent 37be15071f
commit 3ec2510a0b
1 changed files with 101 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

152
src/config/Socials.ts
View File

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