Merge branch 'main' into feat/about-us-page

merge with main

components/EventDescriptionCard.module.css

@@ -14,8 +14,9 @@
 }
 
 .details {
-  position: relative;
   width: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .name {
@@ -31,21 +32,9 @@
   margin-top: calc(12rem / 16);
 }
 
-.spacer {
-  height: calc(35rem / 16);
-}
-
-.button {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-}
-
 .logo {
   width: calc(32rem / 16);
-  position: absolute;
-  bottom: 0;
-  right: 0;
+  margin-left: auto;
 }
 
 .setting {
@@ -55,6 +44,14 @@
   font-size: calc(14rem / 16);
 }
 
+.details > footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 1rem;
+  margin-top: auto;
+}
+
 @media only screen and (max-width: calc(768rem / 16)) {
   .card {
     padding: 0;

components/EventDescriptionCard.tsx

@@ -3,6 +3,7 @@ import { Button } from "./Button";
 import { Image } from "./Image";
 import { EventSetting } from "./EventSetting";
 import styles from "./EventDescriptionCard.module.css";
+import { Discord, Twitch, Instagram, Facebook } from "./SocialLinks";
 
 interface Props {
   name: string;
@@ -14,21 +15,6 @@ interface Props {
   children: ReactNode;
 }
 
-function getPlatformURL(platform: string) {
-  switch (platform) {
-    case "Twitch":
-      return "https://www.twitch.tv/uwcsclub";
-    case "Discord":
-      return "https://discord.gg/pHfYBCg";
-    case "Facebook":
-      return "https://www.facebook.com/uw.computerscienceclub";
-    case "Instagram":
-      return "https://www.instagram.com/uwcsclub/";
-    default:
-      return;
-  }
-}
-
 /**
  * @remarks
  * - Child elements will display as the event's description
@@ -48,7 +34,7 @@ export function EventDescriptionCard({
   registerLink,
   children,
 }: Props) {
-  const platformURL = getPlatformURL(location);
+  const Icon = getIcon(location);
 
   return (
     <article className={styles.card}>
@@ -60,7 +46,6 @@ export function EventDescriptionCard({
           <EventSetting date={date} online={online} location={location} />
         </h2>
         <div className={styles.desc}>{children}</div>
-        <div className={styles.spacer}></div>
 
         <footer>
           {registerLink && (
@@ -70,17 +55,28 @@ export function EventDescriptionCard({
               </Button>
             </div>
           )}
-          {online && platformURL && (
-            <a target="_blank" href={platformURL} rel="noreferrer">
-              <Image
-                className={styles.logo}
-                alt={location}
-                src={"logos/" + location + ".png"}
-              />
-            </a>
+          {online && Icon && (
+            <div className={styles.logo}>
+              <Icon color="blue" size="small" />
+            </div>
           )}
         </footer>
       </div>
     </article>
   );
 }
+
+function getIcon(platform: string) {
+  switch (platform) {
+    case "Twitch":
+      return Twitch;
+    case "Discord":
+      return Discord;
+    case "Instagram":
+      return Instagram;
+    case "Facebook":
+      return Facebook;
+    default:
+      return null;
+  }
+}

components/Navbar.tsx

@@ -38,6 +38,10 @@ const menu: NavLink[] = [
         name: "Code of Conduct",
         route: "/about/code-of-conduct",
       },
+      {
+        name: "Our Supporters",
+        route: "/about/our-supporters",
+      },
     ],
   },
   {

components/SocialLinks.module.css

@@ -13,3 +13,11 @@
   width: calc(40rem / 16);
   height: calc(40rem / 16);
 }
+
+.blue {
+  fill: var(--blue-1);
+}
+
+.white {
+  fill: var(--white);
+}

components/SocialLinks.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import styles from "./SocialLinks.module.css";
 
 interface Props {
-  color: "white" | "gradient";
+  color: "white" | "gradient" | "blue";
   size: "small" | "big";
 }
 
@@ -75,10 +75,11 @@ function InstagramSvg(color: string) {
         <stop offset="100%" stopColor="#4ED4B2" />
       </linearGradient>
       <path
+        className={color !== "gradient" ? styles[color] : ""}
+        fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
         fillRule="evenodd"
         clipRule="evenodd"
         d="M3.60352 8.00008C3.60352 6.58559 4.16542 5.22904 5.16561 4.22885C6.16581 3.22865 7.52236 2.66675 8.93685 2.66675H24.9368C26.3513 2.66675 27.7079 3.22865 28.7081 4.22885C29.7083 5.22904 30.2702 6.58559 30.2702 8.00008V24.0001C30.2702 25.4146 29.7083 26.7711 28.7081 27.7713C27.7079 28.7715 26.3513 29.3334 24.9368 29.3334H8.93685C7.52236 29.3334 6.16581 28.7715 5.16561 27.7713C4.16542 26.7711 3.60352 25.4146 3.60352 24.0001V8.00008ZM8.93685 5.33341C8.22961 5.33341 7.55133 5.61437 7.05123 6.11446C6.55113 6.61456 6.27018 7.29284 6.27018 8.00008V24.0001C6.27018 24.7073 6.55113 25.3856 7.05123 25.8857C7.55133 26.3858 8.22961 26.6667 8.93685 26.6667H24.9368C25.6441 26.6667 26.3224 26.3858 26.8225 25.8857C27.3226 25.3856 27.6035 24.7073 27.6035 24.0001V8.00008C27.6035 7.29284 27.3226 6.61456 26.8225 6.11446C26.3224 5.61437 25.6441 5.33341 24.9368 5.33341H8.93685ZM16.9368 12.0001C15.876 12.0001 14.8586 12.4215 14.1084 13.1717C13.3583 13.9218 12.9368 14.9392 12.9368 16.0001C12.9368 17.0609 13.3583 18.0784 14.1084 18.8285C14.8586 19.5787 15.876 20.0001 16.9368 20.0001C17.9977 20.0001 19.0151 19.5787 19.7653 18.8285C20.5154 18.0784 20.9368 17.0609 20.9368 16.0001C20.9368 14.9392 20.5154 13.9218 19.7653 13.1717C19.0151 12.4215 17.9977 12.0001 16.9368 12.0001ZM10.2702 16.0001C10.2702 14.232 10.9726 12.5363 12.2228 11.286C13.473 10.0358 15.1687 9.33342 16.9368 9.33342C18.705 9.33342 20.4007 10.0358 21.6509 11.286C22.9011 12.5363 23.6035 14.232 23.6035 16.0001C23.6035 17.7682 22.9011 19.4639 21.6509 20.7141C20.4007 21.9644 18.705 22.6667 16.9368 22.6667C15.1687 22.6667 13.473 21.9644 12.2228 20.7141C10.9726 19.4639 10.2702 17.7682 10.2702 16.0001ZM24.2702 10.6667C24.8006 10.6667 25.3093 10.456 25.6844 10.081C26.0595 9.70589 26.2702 9.19718 26.2702 8.66675C26.2702 8.13632 26.0595 7.62761 25.6844 7.25253C25.3093 6.87746 24.8006 6.66675 24.2702 6.66675C23.7397 6.66675 23.231 6.87746 22.856 7.25253C22.4809 7.62761 22.2702 8.13632 22.2702 8.66675C22.2702 9.19718 22.4809 9.70589 22.856 10.081C23.231 10.456 23.7397 10.6667 24.2702 10.6667Z"
-        fill={color === "gradient" ? "url(#bluegreen-gradient)" : "white"}
       />
     </svg>
   );
@@ -104,7 +105,8 @@ function DiscordSvg(color: string) {
           fillRule="evenodd"
           clipRule="evenodd"
           d="M24.4845 0.872314C26.1684 0.872314 27.5394 2.20412 27.5394 3.85441V29.8247L24.3355 27.0742L22.5323 25.4529L20.6249 23.7302L21.4147 26.4083H4.51584C2.83192 26.4083 1.46094 25.0765 1.46094 23.4262V3.85441C1.46094 2.20412 2.83192 0.872314 4.51584 0.872314H24.4845V0.872314ZM18.7323 19.7782C22.0256 19.6769 23.2923 17.5778 23.2923 17.5778C23.2923 12.9165 21.1464 9.13822 21.1464 9.13822C19.0005 7.57479 16.959 7.61822 16.959 7.61822L16.7504 7.84984C19.2837 8.6026 20.4609 9.68831 20.4609 9.68831C18.9111 8.86317 17.3911 8.45784 15.9755 8.2986C14.9025 8.18279 13.8743 8.21174 12.9653 8.32755L12.7119 8.35651C12.1904 8.39993 10.9237 8.58812 9.32917 9.26851C8.7778 9.5146 8.44996 9.68831 8.44996 9.68831C8.44996 9.68831 9.68682 8.5447 12.3692 7.79193L12.2202 7.61822C12.2202 7.61822 10.1786 7.57479 8.0327 9.13822C8.0327 9.13822 5.88682 12.9165 5.88682 17.5778C5.88682 17.5778 7.13859 19.6769 10.4319 19.7782C10.4319 19.7782 10.9833 19.1268 11.4304 18.5767C9.5378 18.0266 8.82251 16.8685 8.82251 16.8685L9.23976 17.1146L9.29937 17.158L9.35774 17.1906L9.37512 17.1978L9.43349 17.2304C9.80604 17.4331 10.1786 17.5923 10.5213 17.7226C11.1323 17.9542 11.8625 18.1858 12.7119 18.3451C13.8296 18.5477 15.1409 18.6201 16.5715 18.3596C17.2719 18.2437 17.9872 18.0411 18.7323 17.7371C19.2539 17.5489 19.8351 17.2738 20.446 16.883C20.446 16.883 19.7009 18.07 17.7488 18.6056C18.1958 19.1557 18.7323 19.7782 18.7323 19.7782ZM11.8029 13.0178C10.9535 13.0178 10.2829 13.7416 10.2829 14.6247C10.2829 15.5077 10.9684 16.2316 11.8029 16.2316C12.6523 16.2316 13.3229 15.5077 13.3229 14.6247C13.3378 13.7416 12.6523 13.0178 11.8029 13.0178ZM17.2421 13.0178C16.3927 13.0178 15.7221 13.7416 15.7221 14.6247C15.7221 15.5077 16.4076 16.2316 17.2421 16.2316C18.0915 16.2316 18.7621 15.5077 18.7621 14.6247C18.7621 13.7416 18.0915 13.0178 17.2421 13.0178Z"
-          fill={color === "gradient" ? "url(#bluegreen-gradient)" : "white"}
+          className={color !== "gradient" ? styles[color] : ""}
+          fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
         />
       </g>
       <defs>
@@ -112,7 +114,8 @@ function DiscordSvg(color: string) {
           <rect
             width="29.8039"
             height="28.9524"
-            fill={color === "gradient" ? "url(#bluegreen-gradient)" : "white"}
+            className={color !== "gradient" ? styles[color] : ""}
+            fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
             transform="translate(0.217773 0.872314)"
           />
         </clipPath>
@@ -137,15 +140,18 @@ function TwitchSvg(color: string) {
       <g clipPath="url(#clip0)">
         <path
           d="M5.83051 0.872314L0.535156 6.15123V25.1553H6.88958V30.4342L12.1849 25.1553H16.4212L25.9529 15.6533V0.872314H5.83051ZM23.8347 14.5975L19.5984 18.8206H15.3622L11.6554 22.5159V18.8206H6.88958V2.98388H23.8347V14.5975Z"
-          fill={color === "gradient" ? "url(#bluegreen-gradient)" : "white"}
+          className={color !== "gradient" ? styles[color] : ""}
+          fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
         />
         <path
           d="M20.6572 6.6792H18.5391V13.0139H20.6572V6.6792Z"
-          fill={color === "gradient" ? "url(#bluegreen-gradient)" : "white"}
+          className={color !== "gradient" ? styles[color] : ""}
+          fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
         />
         <path
           d="M14.832 6.6792H12.7139V13.0139H14.832V6.6792Z"
-          fill={color === "gradient" ? "url(#bluegreen-gradient)" : "white"}
+          className={color !== "gradient" ? styles[color] : ""}
+          fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
         />
       </g>
       <defs>
@@ -153,7 +159,8 @@ function TwitchSvg(color: string) {
           <rect
             width="25.4177"
             height="29.5619"
-            fill={color === "gradient" ? "url(#bluegreen-gradient)" : "white"}
+            className={color !== "gradient" ? styles[color] : ""}
+            fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
             transform="translate(0.535156 0.872314)"
           />
         </clipPath>
@@ -179,7 +186,8 @@ function FacebookSvg(color: string) {
         fillRule="evenodd"
         clipRule="evenodd"
         d="M5.33268 2.66675H26.666C28.1388 2.66675 29.3327 3.86066 29.3327 5.33342V26.6668C29.3327 28.1395 28.1388 29.3334 26.666 29.3334H5.33268C3.85992 29.3334 2.66602 28.1395 2.66602 26.6668V5.33342C2.66602 3.86066 3.85992 2.66675 5.33268 2.66675ZM5.3311 5.33333V26.6667H26.6644V5.33333H5.3311ZM14.8428 16.0059H17.332V24H19.9987V16.0059H22.6419V13.3392H19.9987V12C19.9987 11.2636 20.5957 10.6667 21.332 10.6667H22.6654V8H21.332C19.1229 8 17.332 9.79086 17.332 12V13.3392H14.8428V16.0059Z"
-        fill={color === "gradient" ? "url(#bluegreen-gradient)" : "white"}
+        className={color !== "gradient" ? styles[color] : ""}
+        fill={color === "gradient" ? "url(#bluegreen-gradient)" : ""}
       />
     </svg>
   );

content/our-supporters.mdx

@@ -0,0 +1,31 @@
+## Mathematics Endowment Fund
+
+The [Mathematics Endowment Fund](https://uwaterloo.ca/math-endowment-fund/) has provided funding for a variety of projects, events, and hardware:
+
+- A new disk shelf (24 disks x 2TB) for the NetApp filers donated by CSCF and MFCF, to be used to improve home directories
+- Ginkgo, a server to improve CSC web hosting services
+- Drives for Potassium-Benzoate, the server that runs [mirror.csclub.uwaterloo.ca](http://mirror.csclub.uwaterloo.ca/)
+- Potassium-Benzoate, the server that runs [mirror.csclub.uwaterloo.ca](http://mirror.csclub.uwaterloo.ca/)
+- High-Fructose Corn Syrup, a server used for high performance computing
+- Sodium-Benzoate, the server that previously ran [mirror.csclub.uwaterloo.ca](http://mirror.csclub.uwaterloo.ca/)
+- A gigabit switch for the MathSoc offices (including ours)
+- Academic talks
+- Linux CDs for first-year students
+- Caffeine, our primary server
+- Various books for the CSC library
+
+The Computer Science club graciously thanks the Mathematics Endowment Fund for their financial support.
+
+## MathSoc Capital Improvements Fund
+
+The [MathSoc Capital Improvements Fund](http://mathsoc.uwaterloo.ca/council/policies/Capital+Improvements+Fund) has provided funding of new office hardware:
+
+- Strombola and Bit-Shifter hardware upgrade (new motherboard, CPU and RAM)
+- 2x 8-port 10Gbps SFP+ network cards for the Math Student Orgs routers/switches
+- Natural-Flavours hardware upgrade (new motherboard, CPU and RAM)
+
+## Student Life Endowment Fund
+
+The [Student Life Endowment Fund](https://feds.ca/funding#fund-slef) has provided funding of new hardware:
+
+- Biloba, a server to improve CSC web hosting services

pages/about/our-supporters.module.css

@@ -0,0 +1,56 @@
+.container {
+  margin: 0 auto;
+  max-width: calc(806rem / 16);
+  padding: 0 calc(60rem / 16);
+}
+
+.headerContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  padding-bottom: 1rem;
+  border-bottom: calc(1rem / 16) solid var(--purple-2);
+}
+
+.header {
+  color: var(--purple-2);
+  font-size: calc(48rem / 16);
+  margin: 0 1rem 0 0;
+  text-align: center;
+}
+
+.title {
+  font-weight: 600;
+  font-size: calc(24rem / 16);
+  line-height: calc(36 / 24);
+  color: var(--blue-2);
+  margin-top: calc(35rem / 16);
+}
+
+.text {
+  line-height: calc(24 / 16);
+}
+
+@media only screen and (max-width: calc(768rem / 16)) {
+  .container {
+    padding: 0 calc(45rem / 16);
+  }
+
+  .headerContainer {
+    flex-direction: column-reverse;
+    align-items: center;
+    border: none;
+  }
+
+  .header {
+    font-size: calc(24rem / 16);
+  }
+
+  .codey {
+    width: calc(100rem / 16);
+  }
+
+  .list {
+    padding: 0 calc(18rem / 16);
+  }
+}

pages/about/our-supporters.tsx

@@ -0,0 +1,34 @@
+import { MDXProvider } from "@mdx-js/react";
+import React, { HTMLAttributes } from "react";
+import { Image } from "../../components/Image";
+import Content from "../../content/our-supporters.mdx";
+import styles from "./our-supporters.module.css";
+
+export default function OurSupporters() {
+  return (
+    <MDXProvider components={{ h2: H2, p: Text, ul: UL }}>
+      <div className={styles.container}>
+        <div className={styles.headerContainer}>
+          <h1 className={styles.header}>Our Supporters</h1>
+          <Image
+            src="our-supporters/supporters-codey.svg"
+            className={styles.codey}
+          />
+        </div>
+        <Content />
+      </div>
+    </MDXProvider>
+  );
+}
+
+function H2(props: HTMLAttributes<HTMLHeadingElement>) {
+  return <h2 {...props} className={styles.title} />;
+}
+
+function Text(props: HTMLAttributes<HTMLParagraphElement>) {
+  return <p {...props} className={styles.text} />;
+}
+
+function UL(props: HTMLAttributes<HTMLUListElement>) {
+  return <ul {...props} className={styles.list} />;
+}

public/our-supporters/supporters-codey.svg

@@ -0,0 +1,38 @@
+<svg width="164" height="152" viewBox="0 0 164 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M60.6987 10.1311C60.6987 10.1311 65.5243 13.8573 67.5873 17.0706C70.5243 21.6451 71.2736 30.4939 71.2736 30.4939L50.5187 30.6942C50.5187 30.6942 51.4565 21.8685 54.3141 17.1987C56.2555 14.026 60.6987 10.1311 60.6987 10.1311Z" fill="#5CAFF9"/>
+<path d="M60.7055 15.483C60.7055 15.483 64.1715 17.8748 65.652 19.9389C67.7597 22.8775 68.2919 28.5653 68.2919 28.5653L53.373 28.7093C53.373 28.7093 54.0536 23.0351 56.111 20.031C57.5088 17.99 60.7055 15.483 60.7055 15.483Z" fill="white"/>
+<path d="M95.2108 18.1675C95.2108 18.1675 89.2355 19.3787 85.9652 21.3501C81.3096 24.1568 76.7284 31.7643 76.7284 31.7643L95.2599 41.1124C95.2599 41.1124 98.3173 32.7803 97.8166 27.3285C97.4764 23.6246 95.2108 18.1675 95.2108 18.1675Z" fill="#5CAFF9"/>
+<path d="M92.5575 23.0171C92.5575 23.0171 88.0539 23.8047 85.6109 25.1942C82.1329 27.1723 78.7914 32.6681 78.7914 32.6681L92.9771 39.824C92.9771 39.824 95.153 33.7721 94.683 29.7706C94.3637 27.052 92.5575 23.0171 92.5575 23.0171Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76.9722 122.412C71.9599 124.118 66.6098 124.459 61.1223 123.181C40.6941 118.424 21.5523 102.08 32.3877 66.0153C33.4918 63.333 34.5321 60.7517 35.5289 58.2782C45.9438 32.4358 51.6121 18.3708 75.6814 23.9753C95.5913 28.6113 98.2601 44.8237 100.996 61.4422C101.845 66.6018 102.701 71.8004 104.081 76.704C117.072 85.0493 122.021 97.3949 119.091 109.978C115.301 126.256 100.664 127.341 76.9722 122.412Z" fill="#5CAFF9"/>
+<path d="M49.0293 78.6378L54.172 95.5727C54.172 95.5727 12.7709 106.808 11.8631 106.287C10.9554 105.765 7.99875 97.0159 8.64895 95.7023C9.00861 94.9757 22.7298 89.2279 33.7886 85.1795C44.1371 80.4424 49.0293 78.6378 49.0293 78.6378Z" fill="#5CAFF9"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="20" y="16" width="116" height="120">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76.8037 122.373C71.7915 124.079 66.4416 124.42 60.9544 123.142C40.5261 118.385 21.3843 102.041 32.2198 65.9762C33.3238 63.2939 34.3642 60.7126 35.361 58.2392C45.7758 32.3968 51.4442 18.3317 75.5134 23.9362C95.4233 28.5723 98.0921 44.7847 100.828 61.4031C101.677 66.5631 102.533 71.7622 103.913 76.666C116.903 85.0113 121.852 97.3564 118.922 109.939C115.132 126.217 100.495 127.302 76.8037 122.373Z" fill="#5CAFF9"/>
+</mask>
+<g mask="url(#mask0)">
+<path d="M57.0627 89.3998C53.5322 111.35 60.451 134.192 43.0797 121.691C38.2814 120.178 33.901 106.779 37.4316 84.8287C40.9621 62.8786 49.8813 44.5761 64.0963 46.8625C71.8227 48.1053 79.2637 54.6767 74.0675 67.1846C71.5001 73.3646 58.254 81.9934 57.0627 89.3998Z" fill="white"/>
+</g>
+<ellipse cx="122.342" cy="77.1764" rx="18.989" ry="20.8326" transform="rotate(-21.9209 122.342 77.1764)" fill="#5CAFF9"/>
+<circle cx="50.6767" cy="38.7855" r="12.8002" transform="rotate(13.1078 50.6767 38.7855)" stroke="#2A2A62" stroke-width="2.05361"/>
+<circle cx="81.0087" cy="45.0912" r="12.8002" transform="rotate(13.1078 81.0087 45.0912)" stroke="#2A2A62" stroke-width="2.05361"/>
+<path d="M61.5943 44.7352C61.5943 44.7352 63.8927 44.7025 65.3108 45.0327C66.729 45.3629 68.7765 46.4076 68.7765 46.4076L68.2748 48.5623C68.2748 48.5623 66.1767 47.6951 64.7673 47.367C63.3579 47.0388 61.0926 46.8899 61.0926 46.8899L61.5943 44.7352Z" fill="#2A2A62"/>
+<path d="M93.1609 119.081L89.7846 97.0617C89.7846 97.0617 96.9909 91.9125 105.424 92.3482C113.857 92.7839 119.891 98.3109 119.891 98.3109C119.891 98.3109 141.191 115.598 141.269 116.504C141.347 117.411 137.173 125.646 136.058 126.261C135.44 126.601 126.141 124.61 118.656 121.361C101.128 131.273 93.1609 119.081 93.1609 119.081Z" fill="#5CAFF9"/>
+<path d="M63.2051 99.4518L69.0121 118.574C69.0121 118.574 36.5634 126.918 35.7775 126.257C34.9916 125.595 31.7487 115.687 32.1481 114.305C32.3691 113.541 42.9271 108.55 51.4931 105.169C59.417 100.962 63.2051 99.4518 63.2051 99.4518Z" fill="#5CAFF9"/>
+<g clip-path="url(#clip0)">
+<path d="M70.8476 57.937C70.0636 63.696 62.8994 63.3647 58.6038 61.399C54.3164 59.398 53.978 53.6747 55.4535 50.5275C56.9372 47.3451 61.5802 46.3838 65.8676 48.3848C67.7244 49.8198 67.8388 50.9234 68.7764 52.4786C69.8844 54.2591 70.0962 55.4225 70.8476 57.937Z" fill="white"/>
+<path d="M61.9285 51.5898C63.7767 52.0201 65.4953 51.4227 65.7671 50.2554C66.0389 49.0882 64.761 47.7931 62.9128 47.3627C61.0646 46.9324 59.3461 47.5298 59.0743 48.697C58.8025 49.8643 60.0804 51.1594 61.9285 51.5898Z" fill="#2A2A62"/>
+<path d="M70.0925 60.5456C69.015 61.186 67.6615 61.5764 66.4195 61.8071C64.7841 62.1319 63.2357 62.4026 61.418 61.7565C56.802 60.0504 54.6116 55.9011 55.9178 52.0461C56.8369 49.215 59.6433 47.529 62.845 47.4947C58.7752 46.4727 55.7647 48.5569 54.502 52.3849C53.1303 56.5217 55.7342 61.2872 60.3501 62.9933C64.1101 64.3887 68.0403 63.2986 70.0925 60.5456Z" fill="#2A2A62"/>
+<path d="M60.9848 39.0838C61.4843 38.219 60.7674 36.87 59.3837 36.0708C57.9999 35.2717 56.4732 35.3249 55.9737 36.1898C55.4742 37.0546 56.1911 38.4036 57.5749 39.2028C58.9586 40.0019 60.4853 39.9487 60.9848 39.0838Z" fill="white"/>
+<path d="M76.2391 43.963C77.8338 43.8599 79.0743 42.9683 79.0099 41.9716C78.9454 40.9749 77.6003 40.2505 76.0056 40.3537C74.4109 40.4569 73.1704 41.3485 73.2349 42.3452C73.2994 43.3419 74.6444 44.0662 76.2391 43.963Z" fill="white"/>
+<path opacity="0.5" d="M61.5594 53.1746L63.4289 56.4693L59.8644 59.0186L58.1764 54.4664L61.5594 53.1746Z" fill="#5CAFF9"/>
+<path d="M61.9284 51.589C61.9284 51.589 60.5466 56.7261 66.2333 55.7479" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M62.1003 50.8498C62.1003 50.8498 60.7305 56.7325 57.0458 52.9408" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M63.6088 55.6943C63.6088 55.6943 58.9926 63.7175 58.1064 53.9674" stroke="#2A2A62" stroke-width="2.01439" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M70.8316 46.5814C70.202 47.5705 70.9875 48.7695 71.8456 48.1325C72.4826 47.6831 73.2615 47.3863 74.1031 47.5822C74.9026 47.7684 75.4702 48.3788 75.8432 49.0633C76.3448 49.9572 77.5082 49.1522 77.3671 48.0434C77.2756 47.4841 77.113 46.8485 76.7979 46.297C75.3218 43.6819 72.4802 44.4547 71.1608 46.1201C71.0371 46.2706 70.9133 46.4211 70.8316 46.5814Z" fill="#2A2A62"/>
+<path d="M53.2183 42.4802C52.5888 43.4693 53.3742 44.6683 54.2323 44.0313C54.8693 43.5819 55.6482 43.2851 56.4898 43.481C57.2893 43.6672 57.857 44.2776 58.2299 44.9621C58.7315 45.856 59.8949 45.051 59.7539 43.9422C59.6623 43.3829 59.4997 42.7473 59.1846 42.1958C57.7085 39.5807 54.8669 40.3536 53.5475 42.0189C53.4238 42.1694 53.3 42.3199 53.2183 42.4802Z" fill="#2A2A62"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="25.1365" height="26.2577" fill="white" transform="translate(54.9102 34.8413) rotate(13.1078)"/>
+</clipPath>
+</defs>
+</svg>