From f8cde46d6aa6251311159e56586f3657e3daa18d Mon Sep 17 00:00:00 2001
From: Max Erenberg <merenber@csclub.uwaterloo.ca>
Date: Tue, 7 Sep 2021 23:07:01 -0400
Subject: [PATCH] add link to libera.chat (#303)

Closes #285.

Reviewed-on: https://git.csclub.uwaterloo.ca/www/www-new/pulls/303
Reviewed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-authored-by: Max Erenberg <merenber@csclub.uwaterloo.ca>
Co-committed-by: Max Erenberg <merenber@csclub.uwaterloo.ca>
---
 components/SocialLinks.tsx | 93 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 92 insertions(+), 1 deletion(-)

diff --git a/components/SocialLinks.tsx b/components/SocialLinks.tsx
index 7168874..80429fd 100644
--- a/components/SocialLinks.tsx
+++ b/components/SocialLinks.tsx
@@ -38,6 +38,11 @@ const iconList = [
     image: DiscordSvg,
     link: "https://discord.gg/pHfYBCg",
   },
+  {
+    name: "Libera",
+    image: LiberaSvg,
+    link: "ircs://irc.libera.chat:6697/csc",
+  },
 ];
 
 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 (
@@ -178,3 +183,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>
+  );
+}