add link to libera.chat #303

Merged
merenber merged 4 commits from merenber-libera into main 2021-09-07 23:07:03 -04:00
1 changed files with 92 additions and 1 deletions

View File

@ -38,6 +38,11 @@ const iconList = [
image: DiscordSvg,
link: "https://discord.gg/pHfYBCg",
},
{
name: "Libera",
image: LiberaSvg,
link: "ircs://irc.libera.chat:6697/csc",
},
];
Review

Can you change line 68 to export const [Facebook, Instagram, Twitch, Discord, Libera] = links; so that we can use it individually in other places in the future?

Can you change line 68 to `export const [Facebook, Instagram, Twitch, Discord, Libera] = links;` so that we can use it individually in other places in the future?
const links = iconList.map((icon) => {
@ -60,7 +65,7 @@ const links = iconList.map((icon) => {
return SocialLink;
});
export const [Facebook, Instagram, Twitch, Discord] = links;
export const [Facebook, Instagram, Twitch, Discord, Libera] = links;
function InstagramSvg(color: string) {
return (
@ -193,3 +198,89 @@ function FacebookSvg(color: string) {
</svg>
);
}
function LiberaSvg(color: string) {
return (
<svg
width="32"
height="32"
viewBox="0 0 96.89 78.87"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<linearGradient id="bluegreen-gradient">
<stop offset="0%" stopColor="#1481E3" />
<stop offset="100%" stopColor="#4ED4B2" />
</linearGradient>
<path
d="M40.86 9.3h-.01a32.2 32.2 0 00-.65.14l-.22.04a39.48 39.48 0 00-.43.1l-.21.05a39.35 39.35 0 00-5.68 1.8l-.12.06L44.8 48.82l.47-.55 1.26-1.48zm14.98-.04l-4.1 31.45 3.32-3.88.66 1.05 7.36-26.51-.18-.07a37.97 37.97 0 00-6.55-1.94 39.84 39.84 0 00-.43-.09zm-35.33 10.9a34.93 34.93 0 00-3.03 3.42 41.1 41.1 0 00-1.8 2.48v.02L37.2 49.59l1.62-2.12.08.04zm55.45-.44l-15.91 25.1 1.81 2.9 19.26-21.8a35.29 35.29 0 00-2.9-3.82 38.85 38.85 0 00-2.26-2.38zM9.98 39.94a38.23 38.23 0 00-.72 7.54L32.2 56.1l1.79-2.33zm77.07.67L65.2 53.1l1.72 2.75 20.7-7.55v-.1a22.66 22.66 0 00.01-.66v-.44-.22-.14-.22l-.01-.21v-.22l-.01-.22-.01-.22-.01-.22-.01-.22-.02-.21-.01-.22-.02-.22-.01-.22-.02-.21-.02-.22-.02-.22-.02-.22-.02-.21a31.66 31.66 0 00-.37-2.6v-.04zM12.42 62.57a39.78 39.78 0 003.96 7.03h.01l6.73-1.48.14-.18h-.16l4.18-5.44zm58.83.21l3.24 5.39 6.05 1.36.05-.06a36.02 36.02 0 002.53-4.1A37.2 37.2 0 0084.27 63z"
className={color !== "gradient" ? styles[color] : ""}
fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
paintOrder="markers fill stroke"
/>
<g fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}>
<path
style={{
lineHeight: "normal",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontVariantEastAsian: "normal",
fontFeatureSettings: "normal",
fontVariationSettings: "normal",
textIndent: "0",
textAlign: "start",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000",
textTransform: "none",
textOrientation: "mixed",
whiteSpace: "normal",
shapeMargin: "0",
inlineSize: "0",
isolation: "auto",
mixBlendMode: "normal",
}}
d="M55.53 35.83L44.12 48.86l-5.22-2.3-16.98 21.82h1.48l15.88-20.32 5.17 2.29 10.9-12.45c6.04 10.27 12.55 20.15 18.47 30.49h1.48z"
color="#000"
fontWeight="400"
fontFamily="sans-serif"
overflow="visible"
/>
<path
style={{
lineHeight: "normal",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontVariantEastAsian: "normal",
fontFeatureSettings: "normal",
fontVariationSettings: "normal",
textIndent: "0",
textAlign: "start",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000",
textTransform: "none",
textOrientation: "mixed",
whiteSpace: "normal",
shapeMargin: "0",
inlineSize: "0",
isolation: "auto",
mixBlendMode: "normal",
}}
d="M55.32 39.73l-10.6 12.15-5.17-2.15-14.64 18.64h1.62l13.4-17.15 5.14 2.13L55.14 41.8l15.84 26.62 1.56-.03z"
color="#000"
fontWeight="400"
fontFamily="sans-serif"
overflow="visible"
/>
<path d="M28.1 68.36l12.23-15.59 5.24 2.13 9.51-10.92 14.28 24.4z" />
</g>
</svg>
);
}