From c0684175ab730baa7c074639d724764d95def1bd Mon Sep 17 00:00:00 2001 From: Albert Wang Date: Thu, 3 Oct 2024 18:18:04 -0700 Subject: [PATCH] Add Intro Section (#162) * add apply button and about us * remove comments and clean up css * fix about us header font weight --- apps/site/src/app/(home)/page.tsx | 3 +- .../(home)/sections/Intro/Intro.module.scss | 78 +++++++++---------- .../src/app/(home)/sections/Intro/Intro.tsx | 66 +++------------- .../sections/Landing/ApplyButton.module.scss | 68 ++++++++-------- .../(home)/sections/Landing/ApplyButton.tsx | 77 ++++++++++++------ .../sections/Landing/Landing.module.scss | 5 +- .../app/(home)/sections/Landing/Landing.tsx | 3 + .../(home)/sections/Landing/Title.module.scss | 18 +++++ .../src/app/(home)/sections/Landing/Title.tsx | 3 +- apps/site/src/app/layout.tsx | 2 +- .../src/assets/images/intro-apply-button.svg | 7 ++ 11 files changed, 176 insertions(+), 154 deletions(-) create mode 100644 apps/site/src/assets/images/intro-apply-button.svg diff --git a/apps/site/src/app/(home)/page.tsx b/apps/site/src/app/(home)/page.tsx index 4651f039..5cb9bd2f 100644 --- a/apps/site/src/app/(home)/page.tsx +++ b/apps/site/src/app/(home)/page.tsx @@ -12,8 +12,7 @@ const Home = () => { return (
- {/* - + {/* */}
diff --git a/apps/site/src/app/(home)/sections/Intro/Intro.module.scss b/apps/site/src/app/(home)/sections/Intro/Intro.module.scss index 5598c83d..2f07f494 100644 --- a/apps/site/src/app/(home)/sections/Intro/Intro.module.scss +++ b/apps/site/src/app/(home)/sections/Intro/Intro.module.scss @@ -1,57 +1,57 @@ @use "bootstrap-utils" as bootstrap; -.intro { - @include bootstrap.padding(10rem 0.5rem); - margin-left: 10px; - margin-right: 10px; - - background-image: url("~@/assets/images/index-card-mobile.svg"); - background-size: cover; - background-position: top; - background-repeat: no-repeat; - position: relative; +.description { text-align: center; - box-shadow: - 4px 4px 5px 4px rgba(0, 0, 0, 0.2), - -1px -1px 8px 4px rgba(0, 0, 0, 0.2); + font-size: 1rem; - h2 { - @include bootstrap.margin-bottom(3rem); + @include bootstrap.media-breakpoint-up(sm) { + font-size: 1.5rem; } +} + +.header { + font-size: 1.25rem; + font-weight: 600; @include bootstrap.media-breakpoint-up(sm) { - @include bootstrap.padding(8rem 4rem); - background-image: url("~@/assets/images/index-card.svg"); - background-size: 100% 100%; - box-shadow: none; + font-size: 2rem; } } -.pin { - position: absolute; - top: -12%; - left: 45%; - width: auto; +.intro { + display: flex; + flex-direction: column; + justify-content: center; + max-width: 90vw; + margin-top: 3vw; + + @media screen and (min-width: 400px) { + margin-top: 12.5vw; + } - @include bootstrap.media-breakpoint-down(xl) { - left: 45%; + @include bootstrap.media-breakpoint-up(sm) { + margin-top: 15vw; } - @include bootstrap.media-breakpoint-down(lg) { - left: 40%; + + @media screen and (min-width: 650px) { + margin-top: 20vw; } - @include bootstrap.media-breakpoint-down(md) { - left: 35%; + + @include bootstrap.media-breakpoint-up(md) { + margin-top: 1vw; } -} -.hackDoodle { - position: absolute; - bottom: 0; - right: 0; - transform: translate(-25%, 50%); - width: auto; + @media screen and (min-width: 850px) { + margin-top: 3vw; + } + + @include bootstrap.media-breakpoint-up(lg) { + max-width: 80vw; + margin-top: 8vw; + } - @include bootstrap.media-breakpoint-down(lg) { - display: none; + @include bootstrap.media-breakpoint-up(xxl) { + max-width: 75vw; + margin-top: 15vw; } } diff --git a/apps/site/src/app/(home)/sections/Intro/Intro.tsx b/apps/site/src/app/(home)/sections/Intro/Intro.tsx index 7ef43765..e38e76a5 100644 --- a/apps/site/src/app/(home)/sections/Intro/Intro.tsx +++ b/apps/site/src/app/(home)/sections/Intro/Intro.tsx @@ -1,58 +1,16 @@ -"use client"; - -import Image from "next/image"; -import Container from "react-bootstrap/Container"; - -import { motion, cubicBezier } from "framer-motion"; -import pin from "@/assets/images/index-card-pin.svg"; -import hackDoodle from "@/assets/images/hack-doodle.png"; - import styles from "./Intro.module.scss"; -const Intro = () => { +export default function Intro() { return ( - -
- -

What is ZotHacks?

-

- ZotHacks is a beginner-friendly hackathon where students with minimal - computer science experience will learn to build their first CS - project. Through ZotHacks, we introduce these students to the world of - hackathons and web development by providing technical workshops, - strong mentorship, and free food! -

- Hack logo doodle -
- +
+

What is ZotHacks?

+

+ ZotHacks is UC Irvine’s beginner-friendly hackathon, where students with + minimal computer science experience will learn to build their first CS + project. Through ZotHacks, we introduce these students to the world of + hackathons and web development by providing technical workshops, strong + mentorship, and free food! +

+
); -}; - -export default Intro; +} diff --git a/apps/site/src/app/(home)/sections/Landing/ApplyButton.module.scss b/apps/site/src/app/(home)/sections/Landing/ApplyButton.module.scss index 94c5a74b..d908b98b 100644 --- a/apps/site/src/app/(home)/sections/Landing/ApplyButton.module.scss +++ b/apps/site/src/app/(home)/sections/Landing/ApplyButton.module.scss @@ -1,38 +1,42 @@ @use "bootstrap-utils" as bootstrap; -@use "zothacks-theme" as theme; - -$highlighter: rgba(theme.$yellow, 0.7); -$skew-amount: -30deg; - -.applyButton { - @include bootstrap.button-variant( - $highlighter, - $highlighter, - $hover-border: theme.$black, - $active-border: theme.$black - ); - --bs-btn-font-weight: bold; - --bs-btn-border-width: 4px; - - @include bootstrap.font-size(bootstrap.$h4-font-size); - - transform: skew($skew-amount); - // unskew children - > * { - width: max-content; - display: block; - transform: skew(-$skew-amount); + +.apply { + width: 45vw; + transition-duration: 200ms; + + &:hover { + scale: 1.1; + } + + @include bootstrap.media-breakpoint-up(sm) { + width: 35vw; + } + + @include bootstrap.media-breakpoint-up(md) { + width: 30vw; + } + + @include bootstrap.media-breakpoint-up(lg) { + width: 25vw; } +} - box-shadow: - 2px 3px 8px rgba(black, 0.2), - 4px 6px 16px rgba(black, 0.2); +.outline { + stroke: white; + transition: stroke 200ms ease-in-out; +} - &:hover, - &:focus { - text-decoration: underline; - box-shadow: - 2px 3px 16px rgba(black, 0.3), - 4px 6px 32px rgba(black, 0.3); +svg:hover { + .outline { + stroke: yellow; } + + .text { + fill: yellow; + } +} + +.text { + fill: white; + transition: fill 200ms ease; } diff --git a/apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx b/apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx index d3256300..5789b1a6 100644 --- a/apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx +++ b/apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx @@ -1,32 +1,63 @@ -import Button from "react-bootstrap/Button"; -import StickerPosition from "@/components/Sticker/StickerPosition"; -import { HeartSticker } from "@/components/Sticker/Stickers"; +import Link from "next/link"; + +import { motion } from "framer-motion"; import styles from "./ApplyButton.module.scss"; +const ApplyButtonIcon = () => { + return ( + + + + + + + + ); +}; + const ApplyButton = () => { return ( - // - // - + + + + ); }; diff --git a/apps/site/src/app/(home)/sections/Landing/Landing.module.scss b/apps/site/src/app/(home)/sections/Landing/Landing.module.scss index 8cfc0ac7..b23c8a9e 100644 --- a/apps/site/src/app/(home)/sections/Landing/Landing.module.scss +++ b/apps/site/src/app/(home)/sections/Landing/Landing.module.scss @@ -17,9 +17,10 @@ } .title { - margin-top: -355%; + position: absolute; + top: 27.5vw; @include bootstrap.media-breakpoint-up(md) { - margin-top: -190%; + top: 14vw; } } diff --git a/apps/site/src/app/(home)/sections/Landing/Landing.tsx b/apps/site/src/app/(home)/sections/Landing/Landing.tsx index 5c4f959b..e54553ff 100644 --- a/apps/site/src/app/(home)/sections/Landing/Landing.tsx +++ b/apps/site/src/app/(home)/sections/Landing/Landing.tsx @@ -1,6 +1,7 @@ "use client"; import ApplyButton from "./ApplyButton"; import Title from "@/app/(home)/sections/Landing/Title"; +import Intro from "../Intro"; import styles from "./Landing.module.scss"; const Landing = () => { @@ -8,6 +9,8 @@ const Landing = () => {
+ <ApplyButton /> + <Intro /> </div> </div> ); diff --git a/apps/site/src/app/(home)/sections/Landing/Title.module.scss b/apps/site/src/app/(home)/sections/Landing/Title.module.scss index c416b830..84255193 100644 --- a/apps/site/src/app/(home)/sections/Landing/Title.module.scss +++ b/apps/site/src/app/(home)/sections/Landing/Title.module.scss @@ -1,4 +1,5 @@ @use "bootstrap-utils" as bootstrap; +@use "zothacks-theme" as theme; .title { width: 70vw; @@ -9,3 +10,20 @@ height: 14.53vw; } } + +.date { + color: theme.$white; + font-size: 1.5rem; + font-weight: 500; + margin-top: 8px; + margin-bottom: 10px; + + @include bootstrap.media-breakpoint-up(md) { + font-size: 2rem; + margin-bottom: 30px; + } + + @include bootstrap.media-breakpoint-up(lg) { + font-size: 2.5rem; + } +} diff --git a/apps/site/src/app/(home)/sections/Landing/Title.tsx b/apps/site/src/app/(home)/sections/Landing/Title.tsx index 9d8820bd..1b8f5c54 100644 --- a/apps/site/src/app/(home)/sections/Landing/Title.tsx +++ b/apps/site/src/app/(home)/sections/Landing/Title.tsx @@ -15,9 +15,10 @@ export default function Title() { > <Image src={zothacks_title} - alt="ZotHacks Title" + alt="ZotHacks 2024 Title" className={styles.title} /> + <h1 className={styles.date}>November 1-3, 2024</h1> </motion.div> ); } diff --git a/apps/site/src/app/layout.tsx b/apps/site/src/app/layout.tsx index db1bef48..7234a29f 100644 --- a/apps/site/src/app/layout.tsx +++ b/apps/site/src/app/layout.tsx @@ -17,7 +17,7 @@ export const metadata: Metadata = { }; const fredoka = Fredoka({ - weight: ["400", "700"], + weight: ["400", "600", "700"], subsets: ["latin"], variable: "--next-font-fredoka", }); diff --git a/apps/site/src/assets/images/intro-apply-button.svg b/apps/site/src/assets/images/intro-apply-button.svg new file mode 100644 index 00000000..efca344c --- /dev/null +++ b/apps/site/src/assets/images/intro-apply-button.svg @@ -0,0 +1,7 @@ +<svg width="392" height="113" viewBox="0 0 392 113" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M16.9707 7.00009L12.8397 9.2265L5.83975 19.7265L5 22.5V98L9.88003 102.999L197.38 107.499L197.604 107.499L365.104 103.999L366.664 103.715L383.664 97.715L387 93V25.5L386.353 23.0397L379.853 11.5397L376.614 9.12571L359.114 5.12571L357.971 5.00009L16.9707 7.00009Z" fill="#463B12" stroke="white" stroke-width="10" stroke-linejoin="bevel"/> +<path d="M16.9824 9.00005L14.5038 10.3359L7.50385 20.8359L7 22.5V98L9.92802 100.999L197.428 105.499L197.563 105.499L365.063 101.999L365.998 101.829L382.998 95.829L385 93V25.5L384.612 24.0238L378.112 12.5238L376.168 11.0754L358.668 7.07542L357.982 7.00005L16.9824 9.00005Z" fill="#463B12" stroke="#0B0A22" stroke-width="6" stroke-linejoin="bevel"/> +<path d="M17 12L358 10L382 25.5V93L18 91L21 71L53 64L21 59.5L17 12Z" fill="#895C17"/> +<path d="M152 71.4C152.24 73.96 151.12 75.4 148.56 75.4C145.6 75.32 142.56 75.32 139.52 75.24C139.2 75.24 138.8 75.24 138.48 75C138 74.76 137.84 74.12 137.76 73.56C137.36 71.88 137.12 69.8 135.6 69.24C135.12 69 134.64 69 134.08 69.08C132.32 69.08 129.04 68.44 127.92 70.44C127.36 71.48 127.68 73 127.04 74.04C126.48 74.84 125.36 75.08 124.48 75.16C121.68 75.56 118.96 75.64 116.24 75.48C114.72 75.32 112.32 76.04 112 73.72C111.92 73 112.16 72.28 112.32 71.56C112.48 70.92 112.48 70.2 112.64 69.48C112.88 67.96 113.44 66.6 113.92 65.16C114.24 64.04 114.48 62.76 114.8 61.56C116.16 56.92 118.48 52.68 119.68 48.04C120.4 45.4 120.72 43 121.6 40.44C122.56 37.64 123.52 34.84 124.56 32.04C124.88 31.24 125.2 30.44 125.84 29.88C126.56 29.32 127.52 29.24 128.4 29.24C131.28 29.16 134.24 29.16 137.12 29.24C137.68 29.24 138.24 29.24 138.72 29.56C139.12 29.88 139.44 30.28 139.68 30.68C141.6 33.8 143.12 37.24 144.08 40.84C145.04 44.6 146.64 48.2 147.68 51.96C148.48 54.52 149.04 57.16 149.6 59.8C150.48 63.64 151.6 67.48 152 71.4ZM135.04 56.36C135.2 55.56 134.88 54.6 134.72 53.72C134.48 52.44 134.16 51.08 133.92 49.8C133.76 48.68 133.28 44.92 131.92 47C131.84 47.08 131.84 47.16 131.76 47.24C131.28 48.04 131.12 49.48 130.8 50.44C130.56 51.4 128.64 56.6 130.08 57.24C130.72 57.48 131.44 57.48 132.08 57.4C132.8 57.4 133.6 57.56 134.32 57.32C134.4 57.32 134.56 57.24 134.72 57.16C134.88 57 134.96 56.68 135.04 56.36ZM183.997 31.64C187.357 34.12 187.598 40.12 187.438 43.96C187.357 47.16 186.557 50.6 184.237 52.84C181.678 55.32 177.838 55.8 174.397 56.76C173.437 57 172.397 57.32 171.757 58.12C171.037 58.92 171.197 60.2 171.277 61.24C171.357 63.56 171.357 65.88 171.277 68.2C171.277 69.88 171.597 72.6 170.797 74.12C169.757 75.96 166.477 75.4 164.797 75.32C162.637 75.32 158.717 75.64 158.077 73.24C158.077 73.16 158.077 73.08 157.997 73C157.197 69.64 157.357 66.6 157.277 63.16C157.277 57.16 157.277 51.16 157.197 45.16C157.197 42.12 157.197 39.08 157.117 36.04C157.117 34.2 156.477 31.32 158.557 30.28C159.357 29.88 160.317 29.8 161.197 29.64C167.517 29.08 174.877 28.6 181.037 30.28C182.078 30.52 183.117 30.92 183.997 31.64ZM175.357 43.96C175.597 43.56 175.517 43 175.517 42.52C175.357 41.48 175.277 40.52 174.317 39.96C173.517 39.56 172.637 39.56 171.757 39.56C171.597 39.56 171.437 39.56 171.277 39.64C171.197 39.64 171.197 39.64 171.117 39.72C170.877 39.88 170.877 40.28 170.877 40.6C170.797 41.96 170.877 43.24 170.957 44.6C170.957 44.84 170.957 45.08 171.117 45.24C171.277 45.4 171.517 45.48 171.757 45.48C172.397 45.48 172.957 45.32 173.597 45.16C174.317 44.92 175.037 44.6 175.357 43.96ZM220.051 31.64C223.411 34.12 223.651 40.12 223.491 43.96C223.411 47.16 222.611 50.6 220.291 52.84C217.731 55.32 213.891 55.8 210.451 56.76C209.491 57 208.451 57.32 207.811 58.12C207.091 58.92 207.251 60.2 207.331 61.24C207.411 63.56 207.411 65.88 207.331 68.2C207.331 69.88 207.651 72.6 206.851 74.12C205.811 75.96 202.531 75.4 200.851 75.32C198.691 75.32 194.771 75.64 194.131 73.24C194.131 73.16 194.131 73.08 194.051 73C193.251 69.64 193.411 66.6 193.331 63.16C193.331 57.16 193.331 51.16 193.251 45.16C193.251 42.12 193.251 39.08 193.171 36.04C193.171 34.2 192.531 31.32 194.611 30.28C195.411 29.88 196.371 29.8 197.251 29.64C203.571 29.08 210.931 28.6 217.091 30.28C218.131 30.52 219.171 30.92 220.051 31.64ZM211.411 43.96C211.651 43.56 211.571 43 211.571 42.52C211.411 41.48 211.331 40.52 210.371 39.96C209.571 39.56 208.691 39.56 207.811 39.56C207.651 39.56 207.491 39.56 207.331 39.64C207.251 39.64 207.251 39.64 207.171 39.72C206.931 39.88 206.931 40.28 206.931 40.6C206.851 41.96 206.931 43.24 207.011 44.6C207.011 44.84 207.011 45.08 207.171 45.24C207.331 45.4 207.571 45.48 207.811 45.48C208.451 45.48 209.011 45.32 209.651 45.16C210.371 44.92 211.091 44.6 211.411 43.96ZM228.599 52.68C228.599 51.96 228.599 51.32 228.599 50.6C228.599 49.32 228.759 48.04 228.839 46.76C229.079 43.56 228.919 40.2 228.679 37.08C228.519 35.48 228.439 33.88 228.599 32.36C228.679 31.8 228.759 31.24 229.079 30.76C229.559 30.12 230.359 29.88 231.159 29.72C233.879 29.16 236.359 29.32 239.079 29.32C239.719 29.32 240.519 29.32 241.079 29.8C241.719 30.28 241.879 31.24 241.959 32.04C242.199 34.44 242.359 36.76 242.359 39.08C242.359 42.52 242.519 45.96 242.599 49.32C242.679 51.96 242.279 54.52 242.439 57.08C242.439 57.88 242.519 58.68 242.759 59.4C242.999 60.12 243.399 60.76 244.119 61.24C244.519 61.48 244.999 61.64 245.479 61.72C247.319 62.12 249.319 61.8 251.239 61.8C252.519 61.8 253.879 61.8 254.919 62.6C256.039 63.48 256.279 65.16 256.279 66.68C256.359 68.28 256.279 69.96 256.119 71.64C255.959 73.24 255.879 74.12 254.119 74.52C253.319 74.76 252.519 74.84 251.639 74.92C250.439 75.08 249.159 75 247.959 75C244.519 74.92 241.079 74.84 237.639 74.76C234.439 74.76 230.439 75.08 229.159 71.4C228.679 70.12 228.759 68.68 228.759 67.32C228.999 62.44 228.679 57.56 228.599 52.68ZM274.244 70.84C274.164 72.12 273.924 73.4 273.044 74.2C272.164 75.08 270.804 75.16 269.524 75.24C268.244 75.24 266.964 75.32 265.604 75.32C264.644 75.4 263.524 75.4 262.804 74.76C261.604 73.88 261.604 72.2 261.684 70.68C261.844 68.28 261.924 65.88 261.844 63.48C261.844 61.56 261.764 59.64 261.604 57.72C261.444 56.76 261.284 55.72 260.964 54.76C260.084 52.12 258.324 49.8 257.204 47.32C256.004 44.44 253.924 41.88 252.244 39.32C251.444 38.04 250.644 36.68 249.844 35.32C249.284 34.28 248.324 33.08 248.244 31.8C248.164 30.52 248.724 29.8 250.004 29.72C252.324 29.48 255.924 29.32 258.164 29.24C258.724 29.24 259.364 29.24 259.924 29.4C261.604 29.88 262.324 31.56 263.204 32.92C264.324 34.92 265.444 36.84 266.644 38.84C266.884 39.24 267.284 39.64 267.684 39.4C267.844 39.32 267.924 39.16 268.004 39C269.364 36.28 271.044 33.64 272.964 31.24C273.364 30.76 273.764 30.28 274.324 30.04C275.524 29.4 277.604 29.4 278.884 29.4C280.244 29.48 281.684 29.48 283.044 29.56C283.604 29.56 284.084 29.56 284.564 29.8C285.284 30.04 285.844 30.68 286.004 31.48C286.244 32.68 285.284 33.96 284.724 35C283.924 36.44 283.044 37.88 282.164 39.32C280.724 41.48 279.284 43.72 277.924 45.96C276.724 47.96 274.964 50.2 274.404 52.52C274.164 53.48 274.084 54.44 274.084 55.4C274.084 60.6 274.644 65.72 274.244 70.84Z" fill="#463B12"/> +<path d="M149 71.4C149.24 73.96 148.12 75.4 145.56 75.4C142.6 75.32 139.56 75.32 136.52 75.24C136.2 75.24 135.8 75.24 135.48 75C135 74.76 134.84 74.12 134.76 73.56C134.36 71.88 134.12 69.8 132.6 69.24C132.12 69 131.64 69 131.08 69.08C129.32 69.08 126.04 68.44 124.92 70.44C124.36 71.48 124.68 73 124.04 74.04C123.48 74.84 122.36 75.08 121.48 75.16C118.68 75.56 115.96 75.64 113.24 75.48C111.72 75.32 109.32 76.04 109 73.72C108.92 73 109.16 72.28 109.32 71.56C109.48 70.92 109.48 70.2 109.64 69.48C109.88 67.96 110.44 66.6 110.92 65.16C111.24 64.04 111.48 62.76 111.8 61.56C113.16 56.92 115.48 52.68 116.68 48.04C117.4 45.4 117.72 43 118.6 40.44C119.56 37.64 120.52 34.84 121.56 32.04C121.88 31.24 122.2 30.44 122.84 29.88C123.56 29.32 124.52 29.24 125.4 29.24C128.28 29.16 131.24 29.16 134.12 29.24C134.68 29.24 135.24 29.24 135.72 29.56C136.12 29.88 136.44 30.28 136.68 30.68C138.6 33.8 140.12 37.24 141.08 40.84C142.04 44.6 143.64 48.2 144.68 51.96C145.48 54.52 146.04 57.16 146.6 59.8C147.48 63.64 148.6 67.48 149 71.4ZM132.04 56.36C132.2 55.56 131.88 54.6 131.72 53.72C131.48 52.44 131.16 51.08 130.92 49.8C130.76 48.68 130.28 44.92 128.92 47C128.84 47.08 128.84 47.16 128.76 47.24C128.28 48.04 128.12 49.48 127.8 50.44C127.56 51.4 125.64 56.6 127.08 57.24C127.72 57.48 128.44 57.48 129.08 57.4C129.8 57.4 130.6 57.56 131.32 57.32C131.4 57.32 131.56 57.24 131.72 57.16C131.88 57 131.96 56.68 132.04 56.36ZM180.997 31.64C184.357 34.12 184.598 40.12 184.438 43.96C184.357 47.16 183.557 50.6 181.237 52.84C178.678 55.32 174.838 55.8 171.397 56.76C170.437 57 169.397 57.32 168.757 58.12C168.037 58.92 168.197 60.2 168.277 61.24C168.357 63.56 168.357 65.88 168.277 68.2C168.277 69.88 168.597 72.6 167.797 74.12C166.757 75.96 163.477 75.4 161.797 75.32C159.637 75.32 155.717 75.64 155.077 73.24C155.077 73.16 155.077 73.08 154.997 73C154.197 69.64 154.357 66.6 154.277 63.16C154.277 57.16 154.277 51.16 154.197 45.16C154.197 42.12 154.197 39.08 154.117 36.04C154.117 34.2 153.477 31.32 155.557 30.28C156.357 29.88 157.317 29.8 158.197 29.64C164.517 29.08 171.877 28.6 178.037 30.28C179.078 30.52 180.117 30.92 180.997 31.64ZM172.357 43.96C172.597 43.56 172.517 43 172.517 42.52C172.357 41.48 172.277 40.52 171.317 39.96C170.517 39.56 169.637 39.56 168.757 39.56C168.597 39.56 168.437 39.56 168.277 39.64C168.197 39.64 168.197 39.64 168.117 39.72C167.877 39.88 167.877 40.28 167.877 40.6C167.797 41.96 167.877 43.24 167.957 44.6C167.957 44.84 167.957 45.08 168.117 45.24C168.277 45.4 168.517 45.48 168.757 45.48C169.397 45.48 169.957 45.32 170.597 45.16C171.317 44.92 172.037 44.6 172.357 43.96ZM217.051 31.64C220.411 34.12 220.651 40.12 220.491 43.96C220.411 47.16 219.611 50.6 217.291 52.84C214.731 55.32 210.891 55.8 207.451 56.76C206.491 57 205.451 57.32 204.811 58.12C204.091 58.92 204.251 60.2 204.331 61.24C204.411 63.56 204.411 65.88 204.331 68.2C204.331 69.88 204.651 72.6 203.851 74.12C202.811 75.96 199.531 75.4 197.851 75.32C195.691 75.32 191.771 75.64 191.131 73.24C191.131 73.16 191.131 73.08 191.051 73C190.251 69.64 190.411 66.6 190.331 63.16C190.331 57.16 190.331 51.16 190.251 45.16C190.251 42.12 190.251 39.08 190.171 36.04C190.171 34.2 189.531 31.32 191.611 30.28C192.411 29.88 193.371 29.8 194.251 29.64C200.571 29.08 207.931 28.6 214.091 30.28C215.131 30.52 216.171 30.92 217.051 31.64ZM208.411 43.96C208.651 43.56 208.571 43 208.571 42.52C208.411 41.48 208.331 40.52 207.371 39.96C206.571 39.56 205.691 39.56 204.811 39.56C204.651 39.56 204.491 39.56 204.331 39.64C204.251 39.64 204.251 39.64 204.171 39.72C203.931 39.88 203.931 40.28 203.931 40.6C203.851 41.96 203.931 43.24 204.011 44.6C204.011 44.84 204.011 45.08 204.171 45.24C204.331 45.4 204.571 45.48 204.811 45.48C205.451 45.48 206.011 45.32 206.651 45.16C207.371 44.92 208.091 44.6 208.411 43.96ZM225.599 52.68C225.599 51.96 225.599 51.32 225.599 50.6C225.599 49.32 225.759 48.04 225.839 46.76C226.079 43.56 225.919 40.2 225.679 37.08C225.519 35.48 225.439 33.88 225.599 32.36C225.679 31.8 225.759 31.24 226.079 30.76C226.559 30.12 227.359 29.88 228.159 29.72C230.879 29.16 233.359 29.32 236.079 29.32C236.719 29.32 237.519 29.32 238.079 29.8C238.719 30.28 238.879 31.24 238.959 32.04C239.199 34.44 239.359 36.76 239.359 39.08C239.359 42.52 239.519 45.96 239.599 49.32C239.679 51.96 239.279 54.52 239.439 57.08C239.439 57.88 239.519 58.68 239.759 59.4C239.999 60.12 240.399 60.76 241.119 61.24C241.519 61.48 241.999 61.64 242.479 61.72C244.319 62.12 246.319 61.8 248.239 61.8C249.519 61.8 250.879 61.8 251.919 62.6C253.039 63.48 253.279 65.16 253.279 66.68C253.359 68.28 253.279 69.96 253.119 71.64C252.959 73.24 252.879 74.12 251.119 74.52C250.319 74.76 249.519 74.84 248.639 74.92C247.439 75.08 246.159 75 244.959 75C241.519 74.92 238.079 74.84 234.639 74.76C231.439 74.76 227.439 75.08 226.159 71.4C225.679 70.12 225.759 68.68 225.759 67.32C225.999 62.44 225.679 57.56 225.599 52.68ZM271.244 70.84C271.164 72.12 270.924 73.4 270.044 74.2C269.164 75.08 267.804 75.16 266.524 75.24C265.244 75.24 263.964 75.32 262.604 75.32C261.644 75.4 260.524 75.4 259.804 74.76C258.604 73.88 258.604 72.2 258.684 70.68C258.844 68.28 258.924 65.88 258.844 63.48C258.844 61.56 258.764 59.64 258.604 57.72C258.444 56.76 258.284 55.72 257.964 54.76C257.084 52.12 255.324 49.8 254.204 47.32C253.004 44.44 250.924 41.88 249.244 39.32C248.444 38.04 247.644 36.68 246.844 35.32C246.284 34.28 245.324 33.08 245.244 31.8C245.164 30.52 245.724 29.8 247.004 29.72C249.324 29.48 252.924 29.32 255.164 29.24C255.724 29.24 256.364 29.24 256.924 29.4C258.604 29.88 259.324 31.56 260.204 32.92C261.324 34.92 262.444 36.84 263.644 38.84C263.884 39.24 264.284 39.64 264.684 39.4C264.844 39.32 264.924 39.16 265.004 39C266.364 36.28 268.044 33.64 269.964 31.24C270.364 30.76 270.764 30.28 271.324 30.04C272.524 29.4 274.604 29.4 275.884 29.4C277.244 29.48 278.684 29.48 280.044 29.56C280.604 29.56 281.084 29.56 281.564 29.8C282.284 30.04 282.844 30.68 283.004 31.48C283.244 32.68 282.284 33.96 281.724 35C280.924 36.44 280.044 37.88 279.164 39.32C277.724 41.48 276.284 43.72 274.924 45.96C273.724 47.96 271.964 50.2 271.404 52.52C271.164 53.48 271.084 54.44 271.084 55.4C271.084 60.6 271.644 65.72 271.244 70.84Z" fill="white"/> +</svg>