rename socialhandles to platformlogos in case of adblockers
|
Before Width: | Height: | Size: 177 B After Width: | Height: | Size: 177 B |
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 430 B After Width: | Height: | Size: 430 B |
|
Before Width: | Height: | Size: 854 B After Width: | Height: | Size: 854 B |
|
Before Width: | Height: | Size: 829 B After Width: | Height: | Size: 829 B |
|
Before Width: | Height: | Size: 436 B After Width: | Height: | Size: 436 B |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 729 B After Width: | Height: | Size: 729 B |
|
Before Width: | Height: | Size: 642 B After Width: | Height: | Size: 642 B |
|
Before Width: | Height: | Size: 995 B After Width: | Height: | Size: 995 B |
|
Before Width: | Height: | Size: 297 B After Width: | Height: | Size: 297 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 729 B After Width: | Height: | Size: 729 B |
|
Before Width: | Height: | Size: 712 B After Width: | Height: | Size: 712 B |
|
Before Width: | Height: | Size: 324 B After Width: | Height: | Size: 324 B |
|
Before Width: | Height: | Size: 634 B After Width: | Height: | Size: 634 B |
|
Before Width: | Height: | Size: 501 B After Width: | Height: | Size: 501 B |
@@ -12,7 +12,7 @@ function SocialIcon(props) {
|
|||||||
const iconSupplied = !!icon
|
const iconSupplied = !!icon
|
||||||
const name = inList ? platformInfo.name : platform;
|
const name = inList ? platformInfo.name : platform;
|
||||||
|
|
||||||
const finalIcon = iconSupplied ? icon : (inList ? platformInfo.icon : '/img/socialhandles/default.svg')
|
const finalIcon = iconSupplied ? icon : (inList ? platformInfo.icon : '/img/platformlogos/default.svg')
|
||||||
|
|
||||||
const style = `background-image: url(${finalIcon});`
|
const style = `background-image: url(${finalIcon});`
|
||||||
|
|
||||||
|
|||||||
@@ -1,83 +1,83 @@
|
|||||||
export const SOCIAL_PLATFORMS = {
|
export const SOCIAL_PLATFORMS = {
|
||||||
default: {
|
default: {
|
||||||
name: "default",
|
name: "default",
|
||||||
icon: '/img/socialhandles/default.svg',
|
icon: '/img/platformlogos/default.svg',
|
||||||
},
|
},
|
||||||
|
|
||||||
facebook: {
|
facebook: {
|
||||||
name: "Facebook",
|
name: "Facebook",
|
||||||
icon: '/img/socialhandles/facebook.svg',
|
icon: '/img/platformlogos/facebook.svg',
|
||||||
},
|
},
|
||||||
twitter: {
|
twitter: {
|
||||||
name: "Twitter",
|
name: "Twitter",
|
||||||
icon: '/img/socialhandles/twitter.svg',
|
icon: '/img/platformlogos/twitter.svg',
|
||||||
},
|
},
|
||||||
instagram: {
|
instagram: {
|
||||||
name: "Instagram",
|
name: "Instagram",
|
||||||
icon: '/img/socialhandles/instagram.svg',
|
icon: '/img/platformlogos/instagram.svg',
|
||||||
},
|
},
|
||||||
snapchat: {
|
snapchat: {
|
||||||
name: "Snapchat",
|
name: "Snapchat",
|
||||||
icon: '/img/socialhandles/snapchat.svg',
|
icon: '/img/platformlogos/snapchat.svg',
|
||||||
},
|
},
|
||||||
tiktok: {
|
tiktok: {
|
||||||
name: "TikTok",
|
name: "TikTok",
|
||||||
icon: '/img/socialhandles/tiktok.svg',
|
icon: '/img/platformlogos/tiktok.svg',
|
||||||
},
|
},
|
||||||
soundcloud: {
|
soundcloud: {
|
||||||
name: "Soundcloud",
|
name: "Soundcloud",
|
||||||
icon: '/img/socialhandles/soundcloud.svg',
|
icon: '/img/platformlogos/soundcloud.svg',
|
||||||
},
|
},
|
||||||
bandcamp: {
|
bandcamp: {
|
||||||
name: "Bandcamp",
|
name: "Bandcamp",
|
||||||
icon: '/img/socialhandles/bandcamp.svg',
|
icon: '/img/platformlogos/bandcamp.svg',
|
||||||
},
|
},
|
||||||
patreon: {
|
patreon: {
|
||||||
name: "Patreon",
|
name: "Patreon",
|
||||||
icon: '/img/socialhandles/patreon.svg',
|
icon: '/img/platformlogos/patreon.svg',
|
||||||
},
|
},
|
||||||
youtube: {
|
youtube: {
|
||||||
name: "YouTube",
|
name: "YouTube",
|
||||||
icon: '/img/socialhandles/youtube.svg',
|
icon: '/img/platformlogos/youtube.svg',
|
||||||
},
|
},
|
||||||
spotify: {
|
spotify: {
|
||||||
name: "Spotify",
|
name: "Spotify",
|
||||||
icon: '/img/socialhandles/spotify.svg',
|
icon: '/img/platformlogos/spotify.svg',
|
||||||
},
|
},
|
||||||
twitch: {
|
twitch: {
|
||||||
name: "Twitch",
|
name: "Twitch",
|
||||||
icon: '/img/socialhandles/twitch.svg',
|
icon: '/img/platformlogos/twitch.svg',
|
||||||
},
|
},
|
||||||
paypal: {
|
paypal: {
|
||||||
name: "Paypal",
|
name: "Paypal",
|
||||||
icon: '/img/socialhandles/paypal.svg',
|
icon: '/img/platformlogos/paypal.svg',
|
||||||
},
|
},
|
||||||
github: {
|
github: {
|
||||||
name: "Github",
|
name: "Github",
|
||||||
icon: '/img/socialhandles/github.svg',
|
icon: '/img/platformlogos/github.svg',
|
||||||
},
|
},
|
||||||
linkedin: {
|
linkedin: {
|
||||||
name: "LinkedIn",
|
name: "LinkedIn",
|
||||||
icon: '/img/socialhandles/linkedin.svg',
|
icon: '/img/platformlogos/linkedin.svg',
|
||||||
},
|
},
|
||||||
discord: {
|
discord: {
|
||||||
name: "Discord",
|
name: "Discord",
|
||||||
icon: '/img/socialhandles/discord.svg',
|
icon: '/img/platformlogos/discord.svg',
|
||||||
},
|
},
|
||||||
mastodon: {
|
mastodon: {
|
||||||
name: "Mastodon",
|
name: "Mastodon",
|
||||||
icon: '/img/socialhandles/mastodon.svg',
|
icon: '/img/platformlogos/mastodon.svg',
|
||||||
},
|
},
|
||||||
gitlab: {
|
gitlab: {
|
||||||
name: "Gitlab",
|
name: "Gitlab",
|
||||||
icon: '/img/socialhandles/gitlab.svg',
|
icon: '/img/platformlogos/gitlab.svg',
|
||||||
},
|
},
|
||||||
kofi: {
|
kofi: {
|
||||||
name: "Ko-Fi",
|
name: "Ko-Fi",
|
||||||
icon: '/img/socialhandles/ko-fi.svg',
|
icon: '/img/platformlogos/ko-fi.svg',
|
||||||
},
|
},
|
||||||
keyoxide: {
|
keyoxide: {
|
||||||
name: "Key Oxide",
|
name: "Key Oxide",
|
||||||
icon: '/img/socialhandles/keyoxide.png',
|
icon: '/img/platformlogos/keyoxide.png',
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||