From 3601add7d0bfd7dcee6741ef86fc7ac5110e7f08 Mon Sep 17 00:00:00 2001
From: LimesKey <limeskeys@gmail.com>
Date: Mon, 16 Dec 2024 19:11:41 -0500
Subject: [PATCH] selfhost the guide in a markdown formatter

---
 app/components/SideBar.tsx | 129 ++++++++++++++++++++++++++
 app/components/top.tsx     |   2 +-
 app/guide/guideMD.mdx      |  76 +++++++++-------
 app/guide/page.tsx         | 181 ++++++++++++++++++++++++++++++-------
 public/OrpheusFlag.svg     |   1 +
 5 files changed, 321 insertions(+), 68 deletions(-)
 create mode 100644 app/components/SideBar.tsx
 create mode 100644 public/OrpheusFlag.svg

diff --git a/app/components/SideBar.tsx b/app/components/SideBar.tsx
new file mode 100644
index 0000000..e4e859a
--- /dev/null
+++ b/app/components/SideBar.tsx
@@ -0,0 +1,129 @@
+import { Box } from 'theme-ui';
+import Link from 'next/link';
+
+const SideBar = () => {
+  return (
+    <Box
+      as="aside"
+      sx={{
+        backgroundColor: '#f1f5f9', // bg-slate-100
+        padding: '1.7rem', // p-4
+        height: '100vh', // h-screen
+        borderRight: '4px dashed #64748b', // border-r-4 border-slate-500 border-dashed
+        maxWidth: '24rem', // max-w-prose
+      }}
+    >
+      <nav>
+        <ul>
+          <li>
+            <Link href="/guide" passHref>
+              <Box
+                as="a"
+                sx={{
+                  display: 'block', // block
+                  padding: '1rem 1rem', // py-2 px-4
+                  borderRadius: '0.125rem', // rounded
+                  color: '#1e293b', // text-slate-900
+                  transition: 'all 0.3s', // transition-all
+                  textDecoration: 'none',
+                  '&:hover': {
+                    backgroundColor: '#e2e8f0', // hover:bg-slate-200
+                    color: '#0891b2', // hover:text-cyan-800
+                  },
+                }}
+              >
+                DIY Guide
+              </Box>
+            </Link>
+          </li>
+          {/* <li>
+            <Link href="/resources" passHref>
+              <Box
+                as="a"
+                sx={{
+                  display: 'block', // block
+                  padding: '0.5rem 1rem', // py-2 px-4
+                  borderRadius: '0.125rem', // rounded
+                  color: '#1e293b', // text-slate-900
+                  transition: 'all 0.3s', // transition-all
+                  textDecoration: 'none',
+                  '&:hover': {
+                    backgroundColor: '#e2e8f0', // hover:bg-slate-200
+                    color: '#0891b2', // hover:text-cyan-800
+                  },
+                }}
+              >
+                Resources
+              </Box>
+            </Link>
+          </li>
+          <li>
+            <Link href="/parts" passHref>
+              <Box
+                as="a"
+                sx={{
+                  display: 'block', // block
+                  padding: '0.5rem 1rem', // py-2 px-4
+                  borderRadius: '0.125rem', // rounded
+                  color: '#1e293b', // text-slate-900
+                  transition: 'all 0.3s', // transition-all
+                  textDecoration: 'none',
+                  '&:hover': {
+                    backgroundColor: '#e2e8f0', // hover:bg-slate-200
+                    color: '#0891b2', // hover:text-cyan-800
+                  },
+                }}
+              >
+                Approved Parts
+              </Box>
+            </Link>
+          </li>
+          <li>
+            <Link href="/submitting" passHref>
+              <Box
+                as="a"
+                sx={{
+                  display: 'block', // block
+                  padding: '0.5rem 1rem', // py-2 px-4
+                  borderRadius: '0.125rem', // rounded
+                  color: '#1e293b', // text-slate-900
+                  transition: 'all 0.3s', // transition-all
+                  textDecoration: 'none',
+                  '&:hover': {
+                    backgroundColor: '#e2e8f0', // hover:bg-slate-200
+                    color: '#0891b2', // hover:text-cyan-800
+                  },
+                }}
+              >
+                Submit your project!
+              </Box>
+            </Link>
+          </li>
+          <li>
+            <Link href="/faq" passHref>
+              <Box
+                as="a"
+                sx={{
+                  display: 'block', // block
+                  padding: '0.5rem 1rem', // py-2 px-4
+                  borderRadius: '0.125rem', // rounded
+                  color: '#1e293b', // text-slate-900
+                  transition: 'all 0.3s', // transition-all
+                  textDecoration: 'none',
+                  '&:hover': {
+                    backgroundColor: '#e2e8f0', // hover:bg-slate-200
+                    color: '#0891b2', // hover:text-cyan-800
+                  },
+                }}
+              >
+                FAQ
+              </Box>
+            </Link>
+          </li> */}
+        </ul>
+      </nav>
+    </Box>
+  );
+};
+
+export default SideBar;
\ No newline at end of file
diff --git a/app/components/top.tsx b/app/components/top.tsx
index 71d8a09..2b0bc6e 100644
--- a/app/components/top.tsx
+++ b/app/components/top.tsx
@@ -55,7 +55,7 @@ const tipitytopity = () => {
           }}>
           Design a PCB holiday decoration this winter, get one shipped!
         </Heading>
-        <a href="https://foul-pig-810.notion.site/hacky-holidays-guide?pvs=4">
+        <a href="/guide">
           <Button
             sx={{
               mx: ['auto', 0],
diff --git a/app/guide/guideMD.mdx b/app/guide/guideMD.mdx
index cb2fb1e..f72594b 100644
--- a/app/guide/guideMD.mdx
+++ b/app/guide/guideMD.mdx
@@ -1,56 +1,68 @@
-<br></br>
-<br></br>
-<br></br>
-# **🎄 Hacky Holidays Guide**
-Hacky Holidays is a limited time YSWS event for making your own PCB tree decorations! There are **3** major steps in making a successful decoration:
+# Hacky Holidays Guide
+
+Hacky Holidays is a limited-time YSWS event for making your own PCB tree decorations! There are **3** major steps in making a successful decoration:
 
 1. Choosing your Parts
 2. Designing your PCB
 3. Programming your PCB
 
-### **** This guide serves as a learning tool to help you get started, If you submit the guide PCB you will not be accepted! ****
-<br></br>
+### **This guide serves as a learning tool to help you get started. If you submit the guide PCB, you will not be accepted!**
+
 ---
-<br></br>
-# Choosing Your Parts
 
-When choosing your parts, think about the function of each component, and try to wither out unneeded components. Unneeded components can reduce your decoration’s battery life!
+## Choosing Your Parts
+
+When choosing your parts, think about the function of each component, and try to eliminate unneeded components. Unneeded components can reduce your decoration’s battery life!
 
-Parts covered in the guide **(THESE MUST BE ON YOUR PCB TO WORK):**
+Parts covered in the guide:
 
-- Neopixels
-- MCU (separate guides for the ESP32 and ch552)
-- Batteries
+- Neopixels (4 pin)
+- Xiao ESP32C3
+- Battery Holder
+- Resistors/Diodes
 
 If you want to add any components **not** on the approved list, ask one of the organizers in #hacky-holidays!
-<br></br><br></br>
----
-<br></br>
-# **Designing your PCB**
 
-For this guide, we are going to be using KiCad, so if you are using a different tool your steps might be a bit different! 
+---
 
-First, open up KiCad, and go to File → New Project… and name it whatever you want! Just make sure you name it something you remember so you can come back to it :P
+## Designing Your PCB
 
-![image.png](https://cloud-ho0oo25ks-hack-club-bot.vercel.app/0image__67_.png)
+For this guide, we are going to be using KiCad. If you are using a different tool, your steps might be a bit different!
 
-Then Click on the **Schematic Editor** Button. It will take you to a blank page where you will start designing your PCB!
+First, open up KiCad, and go to `File → New Project…` and name it whatever you want! Just make sure you name it something you remember so you can come back to it!
 
-![image (3).png](https://prod-files-secure.s3.us-west-2.amazonaws.com/51907c75-c258-4bc2-9858-58c3dcad7100/4c6c1b0e-1052-4e21-b6f9-44eefa94f9ae/b38b9519-5210-4b7c-9046-fbd9882d3ce7.png)
+![KiCad New Project](https://prod-files-secure.s3.us-west-2.amazonaws.com/51907c75-c258-4bc2-9858-58c3dcad7100/b3897a23-5653-4616-953d-ac8a225d7be7/image.png)
 
-Now it’s time to branch off…. Click on the link with the microcontroller you plan to use!
+Then click on the **Schematic Editor** button. It will take you to a blank page where you will start designing your PCB!
 
-Xiao Esp32C3
+![Schematic Editor](https://prod-files-secure.s3.us-west-2.amazonaws.com/51907c75-c258-4bc2-9858-58c3dcad7100/4c6c1b0e-1052-4e21-b6f9-44eefa94f9ae/b38b9519-5210-4b7c-9046-fbd9882d3ce7.png)
 
-2nd Microcontroller
-<br></br><br></br>
 ---
-<br></br>
-# **Programming your PCB**
+
+## Programming Your PCB
 
 To program your PCB, use the Arduino IDE and the Neopixels library! Here is a helpful resource to help you get started:
 
-https://learn.adafruit.com/adafruit-neopixel-uberguide/arduino-library-use
+[Adafruit Neopixel Uberguide](https://learn.adafruit.com/adafruit-neopixel-uberguide/arduino-library-use)
+
+To simulate your code, you can use [Wokwi](https://wokwi.com/projects/new/esp32-c3).
+
+---
+
+## Submissions & Manufacturing
+
+Once you are ready to submit, create a PR in **OnBoard** with the Hacky-Holidays tag and submit your PR to this form!
+
+PRs must include multiple things:
+
+1. Schematic of your Board
+2. Link to Wokwi with the board working
+
+Once your PR gets approved and you are ready to order, we will order the PCB for you and ship it to your address!
+
+---
+
+## Additional Resources
 
-# Submissions & Manufacturing
-<br></br>
\ No newline at end of file
+- [General Info](https://www.notion.so/General-Info-153a1dc89099809d86c0fda32bbf66a9?pvs=21)
+- [How to wire up your LEDs](https://www.notion.so/How-to-wire-up-your-LEDs-154a1dc890998077b10aecd282861452?pvs=21)
\ No newline at end of file
diff --git a/app/guide/page.tsx b/app/guide/page.tsx
index 6724798..4be9fd0 100644
--- a/app/guide/page.tsx
+++ b/app/guide/page.tsx
@@ -1,40 +1,151 @@
 "use client";
-import { keyframes } from '@emotion/react'
-import GuideMD from './guideMD.mdx'
-import { MDXProvider } from '@mdx-js/react'
-import components from '../components/mdx'
-const fadeIn = keyframes({ from: { opacity: 0 }, to: { opacity: 1 } })
-import { Box } from 'theme-ui'
-// const components = {
-//   h1: (props) => <Heading as="h1" {...props} />,
-//   h2: (props) => <Heading as="h2" {...props} />,
-//   h3: (props) => <Heading as="h3" {...props} />,
-//   p: (props) => <Text {...props} />,
-//   // Add more custom components as needed
-// }
+import { keyframes } from '@emotion/react';
+import GuideMD from './guideMD.mdx';
+import { MDXProvider } from '@mdx-js/react';
+import components from '../components/mdx';
+import { Box } from 'theme-ui';
+import Image from 'next/image';
+import SideBar from "../components/SideBar";
+import Link from 'next/link';
+
+const fadeIn = keyframes({ from: { opacity: 0 }, to: { opacity: 1 } });
+
 export default function guide() {
   return (
-    <Box sx={{
-      background: 'rgba(0,153,255,1)',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      paddingBottom: '20px',
-      minHeight: '100vh',
-    }}>
-    <link rel="icon" href = "https://assets.hackclub.com/icon-rounded.svg"></link>
-    <Box sx = {{
-      fontFamily: 'var(--font-inter)',
-      minHeight: '100vh',
-      color: 'white',
-      width: '75vw',
-      background: 'rgba(0,153,255,1)',
-      listStyleType: 'decimal',
-   }}>
-          <MDXProvider  >
-      <GuideMD components={components}/>
-    </MDXProvider>  
+    <Box sx={{ display: 'flex', flexDirection: 'column', minHeight: '100vh', backgroundColor: 'white' }}>
+      {/* Header */}
+      <Box
+        as="header"
+        sx={{
+          backgroundColor: '#f1f5f9', // bg-slate-100
+          color: 'white',
+          position: 'fixed',
+          top: 0,
+          background: 'linear-gradient(180deg, rgba(0,153,255,1) 0%, rgba(130,205,255,1) 100%)',
+          zIndex: 10,
+          width: '100%',
+          borderBottom: '4px dashed #64748b', // border-b-4 border-slate-500 border-dashed
+        }}
+      >
+        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '1rem' }}>
+          <Box as="h1" sx={{ fontSize: '2rem', fontWeight: 'bold', fontFamily: 'monospace' }}>
+            <Link href="/" passHref legacyBehavior>
+              <a
+                style={{
+                  color: 'black',
+                  backgroundColor: '#34d399', // bg-green-400
+                  padding: '0.5rem 1rem',
+                  borderRadius: '0.125rem',
+                  textDecoration: 'none',
+                }}
+              >
+                HACKY HOLIDAYS
+              </a>
+            </Link>
+          </Box>
+
+          <Box sx={{ position: 'relative' }}>
+            <Image src="/OrpheusFlag.svg" alt="Orpheus Flag" width={48} height={48} />
+            <Box sx={{ marginLeft: 'auto', marginRight: '1.5rem' }}>
+              <Link href="https://github.com/hackclub/hackpad" passHref legacyBehavior>
+                <a
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  style={{ display: 'block' }}
+                >
+                  <Box
+                    sx={{
+                      width: '2rem',
+                      height: '2rem',
+                      fill: 'currentColor',
+                      transition: 'all 0.3s',
+                      color: '#1e293b', // text-slate-950
+                      '&:hover': {
+                        color: '#0891b2', // hover:text-cyan-800
+                      },
+                    }}
+                  >
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
+                      <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
+                    </svg>
+                  </Box>
+                </a>
+              </Link>
+            </Box>
+          </Box>
+        </Box>
+      </Box>
+
+      <Box sx={{ display: 'flex', flex: 1, paddingTop: '4rem' }}>
+        {/* Sidebar */}
+        <Box
+          as="aside"
+          sx={{
+            display: ['none', 'block'],
+            width: '12rem',
+            position: 'fixed',
+            top: '4rem',
+            height: '100%',
+            background: 'white',
+          }}
+        >
+          <SideBar />
+        </Box>
+
+        {/* Main Content */}
+        <Box
+          as="main"
+          sx={{
+            flex: 1,
+            padding: '2rem 0rem', // Ensures padding on all devices
+            ul: {
+              listStyleType: 'disc',
+              paddingLeft: '1.25rem', // Adds padding for list items
+            },
+            ol: {
+              listStyleType: 'decimal',
+            },
+            'h1, h2, h3, h4, h5, h6': {
+              marginY: '0.5rem', // Consistent vertical margins for headings
+              fontWeight: 'semibold',
+            },
+            'h1': {
+              fontSize: '2rem', // Define font size for h1
+            },
+            'h2': {
+              fontSize: '1.75rem', // Define font size for h2
+            },
+            'h3': {
+              fontSize: '1.5rem', // Define font size for h3
+            },
+            'h4': {
+              fontSize: '1.25rem', // Define font size for h4
+            },
+            'h5': {
+              fontSize: '1rem', // Define font size for h5
+            },
+            'h6': {
+              fontSize: '0.875rem', // Define font size for h6
+            },
+            'p': {
+              fontSize: '1rem', // Define font size for paragraphs
+            },
+            fontFamily: 'sans-serif',
+            color: 'black',
+            width: '100%', // Ensures full width of the content container
+            maxWidth: '90rem', // Constrains content width for better readability
+            mx: 'auto', // Centers the content
+            overflowWrap: 'break-word', // Ensures long words are broken to the next line
+            wordBreak: 'break-word', // For older browsers
+            lineHeight: '1.6', // Improved readability
+            fontSize: '1rem', // Default font size
+          }}
+        >
+          <MDXProvider components={components}>
+            <GuideMD />
+          </MDXProvider>
+        </Box>
+      </Box>
     </Box>
-    </Box>
-);
+  );
 }
\ No newline at end of file
diff --git a/public/OrpheusFlag.svg b/public/OrpheusFlag.svg
new file mode 100644
index 0000000..87bdafb
--- /dev/null
+++ b/public/OrpheusFlag.svg
@@ -0,0 +1 @@
+<svg fill="none" height="158" viewBox="0 0 280 158" width="280" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h280v157.5h-280z"/></clipPath><mask id="b" fill="#fff"><path clip-rule="evenodd" d="m119.139 32.1697c1.704-.2978 26.048-3.4959 61.254 38.26 33.255 39.4423 86.743 34.9053 96.572 33.6093.326-.044.571.555.314.759l-14.498 11.557c-.228.182-.188.54.077.663 1.996.933 8.965 4.169 16.855 7.598.327.141.345.595.008.712-7.507 2.598-60.039 19.928-89.231 6.781-31.489-14.184-45.229-29.22-62.86-43.852-17.362-14.4078-27.591-21.7065-40.63-25.1565 0 0 24.99-23.6826 30.843-29.6253.818-.8304 1.288-1.304 1.296-1.3055z" fill="#fff" fill-rule="evenodd"/></mask><g clip-path="url(#a)"><path clip-rule="evenodd" d="m5.45606 0s-.3039 2.70449-.69789 7.14273c-1.40365 15.81157-3.950845 53.62777 2.0254 69.55647 7.65373 20.3998 19.87993 21.2998 19.87993 21.2998s60.6336-40.9996 60.3354-39.6996-.994-5-7.952-16.6998c-6.958-11.6999-7.0163-35.89966-7.0163-41.5996" fill="#fff" fill-rule="evenodd"/><path d="m5.3201 0s-6.14102 56.2994 1.55887 76.6992c7.69983 20.3998 23.76283 22.8606 23.76283 22.8606s59.041-33.1191 58.0006-38.9253c-1.0405-5.8063-4.0043-11.2981-11.0042-22.9979-6.9999-11.6999-5.0689-31.93666-5.0689-37.6366" stroke="#17171d" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><g clip-rule="evenodd" fill-rule="evenodd"><path d="m88.0918 59.7661c-3.0082-3.4742-9.0999-11.1999-38.3995 5.9999s-25.8996 30.0997-22.4997 32.3996c3.4 2.3004 11.0999 5.6004 41.0994-6.5999 29.9996-12.1998 22.808-28.3254 19.7998-31.7996z" fill="#fff" stroke="#17171d" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="m119.139 32.1697c1.704-.2978 26.048-3.4959 61.254 38.26 33.255 39.4423 86.743 34.9053 96.572 33.6093.326-.044.571.555.314.759l-14.498 11.557c-.228.182-.188.54.077.663 1.996.933 8.965 4.169 16.855 7.598.327.141.345.595.008.712-7.507 2.598-60.039 19.928-89.231 6.781-31.489-14.184-45.229-29.22-62.86-43.852-17.362-14.4078-27.591-21.7065-40.63-25.1565 0 0 24.99-23.6826 30.843-29.6253.818-.8304 1.288-1.304 1.296-1.3055z" fill="#ec3750" mask="url(#b)" stroke="#17171d" stroke-width="6"/><path d="m127.091 44.6187c-1.695 2.4865-4.703 6.7147-9.333 11.8439-8.312 7.7619-.78 9.2777 2.965 6.1841 2.148-1.6722 4.413-3.5167 4.413-3.5167l5.077 5.1171s-1.753 2.5723-3.299 4.6566c-4.629 5.1296 1.315 6.9412 4.866 3.2105 1.718-1.9668 9.226-10.0284 12.381-14.6588 2.79-2.6158-.473-7.6215-4.892-3.3544-1.972 1.4153-5.662 4.798-5.662 4.798s-4.224-4.1537-4.193-4.3838c.034-.6052 1.255-1.6559 1.842-2.8884 3.57-8.7489-1.886-10.3521-4.165-7.0081z" fill="#fff"/><path d="m150.596 63.9066c2.963-2.4063 4.991-2.12 6.261-1.3775.555.3069.81 1.8293.902 3.223-1.376 8.2851-11.019 20.3188-12.052 20.9539-3.69 2.4891-7.145.1475-4.042-2.9393 1.686-1.9656 3.325-3.7036 3.325-3.7036l-4.609-2.7276c-7.149 5.6905-9.18 1.0445-5.763-1.2656 3.801-2.7974 12.002-8.9769 15.978-12.1633zm-5.892 8.7989 4.416 2.9713s5.123-7.8253 3.229-7.6094z" fill="#fff"/><path d="m172.852 81.0428c1.436-1.4992 1.937-6.1263-2.965-7.5249-6.683-2.9522-14.245 7.6807-14.245 7.6807s-3.653 5.1541-3.641 9.7933c-.085 4.4299 3.761 6.1764 4.467 6.6076 4.964.6546 4.779-2.9329 4.073-3.3633-.929-.4775-2.291-.9027-2.95-2.2228-1.127-2.2216.818-5.6965 2.079-7.4687 2.376-2.8649 7.293-8.4654 9.751-5.4463.808 3.2914 2.648 2.7754 3.431 1.9444z" fill="#fff"/><path d="m177.217 82.765c-2.783 3.049-3.012 7.4776-9.006 12.9676-1.449 1.3479-4.535 3.627-4.933 3.9683-3.006 2.3431-.527 5.6381 5.52 1.9021 1.433-.832 3.818-3.54 3.818-3.54l1.658.5335s-1.355 6.6915-2.208 9.4345c-.792 2.662 3.011 6.092 5.293 1.196.602-1.76 1.042-4.307 1.242-7.704 0 0 .233-2.4491-.342-3.0398 0 0 7.181-2.6988 8.516-4.4003 1.398-1.7819 1.123-3.5827-4.23-2.0581-5.351 1.5254-6.273 2.3697-6.273 2.3697s2.78-3.7092 4.096-6.8747c1.825-3.1537-.815-7.2369-3.151-4.7548z" fill="#fff"/><path d="m199.427 100.295c-2.407.9-4.849 3.525-6.843 8.263-2.918 7.099-1.83 12.423 3.477 13.851 5.309 1.428 5.752-2.667 5.35-2.989-.322-.26-.226-.721-2.597-.872-2.374-.151-3.5-1.73-3.382-5.411.102-2.48 1.482-6.767 4.035-8.359.76-.47 1.275-.46 1.566-.496 1.163-.146 1.855.815 1.953 1.026 1.721 3 3.144 1.177 3.052-1.056-.656-3.358-2.816-4.957-6.611-3.957z" fill="#fff"/><path d="m210.364 105.988c1.171-2.666 4.834-3.478 3.123 2.893-.537 4.373-4.181 11.653-3.919 12.597s4.945 1.901 6.271 2.031c1.324.132 3.215 1.595 2.218 2.532-.919 1.002-2.067.619-2.357.654s-11.18-1.445-10.684-3.502c.498-2.056.868-2.939 1.963-6.33 1.096-3.392 2.213-8.209 3.385-10.875z" fill="#fff"/><path d="m222.865 108.585c.655-2.014 3.141-2.305 3.366.275.155 1.992-1.952 9.389-1.836 12.95.251 1.533 1.767 2.473 3.015 1.731 1.636-1.234 2.832-5.619 3.756-9.154.316-1.749.405-3.156.824-4.024 1.676-2.803 3.732-1.033 3.474 2.497-.598 3.794-2.095 9.684-3.451 11.407-1.292 1.641-2.825 3.757-5.477 3.249-.684-.143-6.2-1.73-5.469-8.22.924-6.737 1.142-8.698 1.798-10.711z" fill="#fff"/><path d="m241.63 110.195c4.054-.49 6.741-.074 8.305 1.441.79 1.163.666 3.328-.344 4.784-.964 1.229-2.041 2.099-2.041 2.099 1.806 1.042 2.34 3.552 1.587 6.183-.752 2.631-4.125 3.906-9.097 3.397-1.642-.246-3.188-.948-3.029-1.487.401-1.012 2.048-14.475 2.048-14.475.208-.767.174-1.725 2.571-1.942zm.375 2.697-.088 4.456s4.57.188 5.049-2.092c.477-2.282-2.515-2.141-4.961-2.364zm-.838 7.585s-.972 5.083-.924 4.855c.112-.31 6.286 1.114 6.407-2.385.121-3.497-5.483-2.47-5.483-2.47z" fill="#fff"/></g><path d="m90 60-42 40.362 3.3788 1.505 41.1212-39.867z" fill="#17171d"/><path d="m75 72.658c.7 1.6999 7.4999 8.5999 3.7999 9.5999-3.6999.9999-2.3999 9.4998 4.9 7.5999 7.2999-1.9 9.5998-11.4999 2.5999-15.4999-6.9999-3.9999-11.2998-1.6999-11.2998-1.6999z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff;stroke:#252429;stroke-width:3;stroke-linecap:round;stroke-linejoin:round"/><path d="m62 81.658c.7 1.6999 7.4999 8.5999 3.7999 9.5999-3.6999.9999-2.3999 9.5001 4.9 7.5999 7.2999-1.9 9.5998-11.4999 2.5999-15.4999-6.9999-3.9999-11.2998-1.6999-11.2998-1.6999z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff;stroke:#252429;stroke-width:3;stroke-linecap:round;stroke-linejoin:round"/><path d="m49 90.658c.7 1.6999 7.4999 8.5999 3.7999 9.6-3.6998 1-2.3999 9.5 4.9001 7.6 7.2998-1.9 9.5998-11.5001 2.5998-15.5001-6.9999-3.9999-11.2998-1.6999-11.2998-1.6999z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff;stroke:#252429;stroke-width:3;stroke-linecap:round;stroke-linejoin:round"/></g></svg>
\ No newline at end of file