From 7f900ca88a6ac2fc6ade4bccae28b088d2626bcf Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Tue, 6 Feb 2024 14:54:06 +0000 Subject: [PATCH 01/17] ini --- pages/governance.tsx | 6 - public/spartan-governance.svg | 1067 +++++++++++++ src/sections/governance/furtherLinking.tsx | 110 -- src/sections/governance/main.tsx | 1565 +------------------- src/sections/governance/table.tsx | 263 ---- 5 files changed, 1106 insertions(+), 1905 deletions(-) create mode 100644 public/spartan-governance.svg delete mode 100644 src/sections/governance/furtherLinking.tsx delete mode 100644 src/sections/governance/table.tsx diff --git a/pages/governance.tsx b/pages/governance.tsx index 716fb5f5..2b56064b 100644 --- a/pages/governance.tsx +++ b/pages/governance.tsx @@ -1,9 +1,6 @@ import Head from 'next/head'; import { PageLayout } from 'src/components'; -import FurtherLinking from 'src/sections/governance/furtherLinking'; import GovernanceMain from 'src/sections/governance/main'; -import Table from 'src/sections/governance/table'; -import { Line } from 'src/styles/common'; export default function Governance() { return ( @@ -13,9 +10,6 @@ export default function Governance() { - - - ); diff --git a/public/spartan-governance.svg b/public/spartan-governance.svg new file mode 100644 index 00000000..8df95a5d --- /dev/null +++ b/public/spartan-governance.svg @@ -0,0 +1,1067 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/sections/governance/furtherLinking.tsx b/src/sections/governance/furtherLinking.tsx deleted file mode 100644 index a03b0a7d..00000000 --- a/src/sections/governance/furtherLinking.tsx +++ /dev/null @@ -1,110 +0,0 @@ -import { ExternalLink, Section } from 'src/styles/common'; -import SvgArrow from 'src/svg/Arrow'; -import PoweredByGrid from 'src/svg/PoweredByGrid'; -import styled from 'styled-components'; - -export default function FurtherLinking() { - return ( - - - - - - GO TO - Staking - - - - - - GO TO - Governance - - - - - - ); -} - -const StyledFurtherLinkingWrapper = styled(Section)` - position: relative; - width: 100%; - height: 300px; - background-color: ${({ theme }) => theme.colors.bgBlackHighlighted}; -`; - -const StyledGrid = styled(PoweredByGrid)` - width: 100%; - position: absolute; - bottom: 0px; - height: auto; - z-index: -1; -`; - -const StyledButtonWrapper = styled.div` - display: flex; - justify-content: center; - width: 100%; -`; - -export const StyledButtonWrapperLinearGradient = styled.div<{ - last?: boolean; - height?: string; - margin?: string; - width?: string; -}>` - height: ${({ height }) => (height ? height : '84px')}; - width: ${({ width }) => (width ? width : '404px')}; - border-radius: 5px; - background: linear-gradient(90deg, #ea20ff 0%, #00d1ff 100%); - box-shadow: 0px 0px 5px ${({ theme }) => theme.colors.cyan}; - ${({ last }) => (last ? 'margin-left: 32px' : '')}; - display: flex; - justify-content: center; - align-items: center; - ${({ margin }) => margin && `margin: ${margin}`} -`; - -const StyledLinkButtons = styled(ExternalLink)<{ last?: boolean }>` - position: relative; - padding: 0px 40px; - cursor: pointer; - display: flex; - flex-direction: column; - ${({ last }) => (last ? 'align-items: flex-start' : 'align-items: flex-end')}; - justify-content: center; - max-width: 400px; - width: 100%; - background-color: #0b0b22; - height: 80px; - border-radius: 5px; -`; - -const StyledSmallButtonLabel = styled.span` - display: block; - color: white; - font-family: Inter; - font-size: 12px; -`; - -const StyledLargeButtonLabel = styled.span` - display: block; - color: ${({ theme }) => theme.colors.cyan}; - font-family: Inter; - font-size: 18px; - font-weight: bold; -`; - -const StyledLeftArrow = styled(SvgArrow)` - position: absolute; - left: 40px; - transform: rotate(180deg); - bottom: 34%; -`; - -const StyledRightArrow = styled(SvgArrow)` - position: absolute; - right: 40px; - top: 36%; -`; diff --git a/src/sections/governance/main.tsx b/src/sections/governance/main.tsx index ef48a626..d9e21cf9 100644 --- a/src/sections/governance/main.tsx +++ b/src/sections/governance/main.tsx @@ -1,1531 +1,44 @@ -import { useEffect, useState } from 'react'; -import { - ExternalLink, - FlexDiv, - FlexDivCentered, - FlexDivCol, - PageTitle, - Section, - SectionTitle, - Subline, -} from 'src/styles/common'; -import Ellipse from 'src/svg/Ellipse'; -import LinkOffIcon from 'src/svg/LinkOffIcon'; -import SvgPlus from 'src/svg/Plus'; -import { CyanSpotlight, PinkSpotLight } from 'src/svg/Spotlights'; -import styled from 'styled-components'; -import { StyledButtonWrapperLinearGradient } from './furtherLinking'; -import { ArrowPath, ArrowWrapper } from 'src/components'; +import { Box, Button, Flex, Heading, Text } from '@chakra-ui/react'; +import Image from 'next/image'; +import Link from 'next/link'; export default function GovernanceMain() { - const [activeArrowIds, setActiveArrowIds] = useState(['']); - - const setActiveArrows = (ids: string[]) => { - setActiveArrowIds(['']); - // trigger animation from the beginning - setTimeout(() => { - setActiveArrowIds(ids); - }, 1); - }; - - useEffect(() => { - if (window?.innerWidth < 940 && !!document) { - if (document.getElementsByTagName('meta').item(0)?.content) - document.getElementsByTagName('meta').item(0)!.content = 'width=940px'; - } - }, []); - return ( - - - - - - Governance - - Synthetix protocol is governed, maintained and built by a combination - of community members, core contributors, and several elected - committees and councils that are voted on by SNX stakers. Learn more - about how these governing bodies interact, what they're - responsible for, and how they influence protocol improvements via - SIPs, SCCPs and other work. - - - - - COUNCIL MEMBERS - - View the history of past council elections
and vote in - any currently open elections. - - - - - - - SYNTHETIX SCCP/SIP - - View the current status of all SCCPs
- and SIPs. - - - - - - - - - SYNTHETIX FORUM - - Join the community governance discussion
in realtime. - - - - - - - SCCP / SIP VOTING RECORDS - - View the voting history of all
governance proposals. - - - - - - - Governance Structure - - The Synthetix governance structure is composed of Councils, Committees, - Core Contributors and a DAO. Each governance component is assigned a - specific aspect of protocol governance. Councils are directly elected by - SNX stakers, while other governance bodies are appointed according to - the existing governance procedures. All of the components work together - to ensure that the protocol is governed in a fair, transparent and - legitimate way in accordance with the direction provided by token - holders. - - - {/* FIRST ROW */} - - - - - - setActiveArrows([ - 'sips-author', - 'feasibility-risk', - 'snx-community', - 'spartan-council-plus-sign', - ]) - } - > - Author SIPs / SCCPs - - Stake SNX - - setActiveArrows([ - 'propose-grants', - 'review-grant-submissions', - 'snx-community', - 'grants-dao', - ]) - } - > - Propose Grants - - - - setActiveArrows([ - 'treasury-council-plus-sign', - 'snx-community', - 'spartan-council-plus-sign', - 'ambassadors-council-plus-sign', - 'grants-dao', - 'propose-grants', - 'sips-author', - 'feasibility-risk', - 'review-grant-submissions', - 'snx-community-treasury-council-plus-sign-main-arrow', - 'snx-community-spartan-council-plus-sign-main-arrow', - 'snx-community-ambassadors-council-plus-sign-main-arrow', - 'snx-community-grants-dao-main-arrow', - ]) - } - > - - - - SNX - Community - Elect Members - - - - { - setActiveArrows([ - 'implement-sips', - 'core-contributors', - 'feasibility-risk', - 'vouch-for-cc', - 'execute-sccps', - 'execute-sips', - 'vote-sips', - 'hire-cc', - 'core-contributor-committee', - 'protocol-dao', - 'spartan-council-plus-sign', - 'pay-cc', - 'elect-committee', - ]); - }} - > - - - - CORE - Contributors - - setActiveArrows([ - 'implement-sips', - 'core-contributors', - 'feasibility-risk', - 'vouch-for-cc', - 'execute-sccps', - 'execute-sips', - 'vote-sips', - 'hire-cc', - 'core-contributor-committee', - 'protocol-dao', - 'spartan-council-plus-sign', - 'pay-cc', - 'elect-committee', - ]) - } - > - Elect Committee - - - - Signal Priorities - - setActiveArrows([ - 'implement-sips', - 'vote-sips', - 'execute-sips', - 'execute-sccps', - 'core-contributors', - 'spartan-council-plus-sign', - ]) - } - > - Implements SIPs / SCCPs - - Protocol Work - - setActiveArrows([ - 'vouch-for-cc', - 'hire-cc', - 'core-contributors', - 'core-contributor-committee', - ]) - } - > - Vouch for Potential CC - - - - - - {/* SECOND ROW */} - - - - - - setActiveArrows([ - 'spartan-council-plus-sign', - 'vote-sips', - 'implement-sips', - 'core-contributors', - ]) - } - > - Vote on SIPs / SCCPs - - - setActiveArrows([ - 'core-contributors', - 'feasibility-risk', - 'sips-author', - 'snx-community', - 'spartan-council-plus-sign', - 'reviewing-sips', - 'risk-committee-plus-sign', - ]) - } - > - Feasibility & Risk Assessment
on SIPs / SCCPs - - - - setActiveArrows([ - 'spartan-council-plus-sign', - 'snx-community', - 'treasury-council-plus-sign', - 'vote-sips', - 'implement-sips', - 'feasibility-risk', - 'core-contributors', - 'sips-author', - 'reviewing-sips', - 'risk-committee-plus-sign', - 'budget-funding', - 'snx-community-spartan-council-plus-sign-main-arrow', - 'treasury-council-plus-sign-spartan-council-plus-sign-main-arrow', - 'spartan-council-arrow-label', - 'protocol-dao', - ]) - } - > - - - - Spartan - - COUNCIL - - { - e.stopPropagation(); - setActiveArrows([ - 'spartan-council-plus-sign', - 'snx-community', - 'treasury-council-plus-sign', - 'vote-sips', - 'implement-sips', - 'feasibility-risk', - 'core-contributors', - 'sips-author', - 'reviewing-sips', - 'risk-committee-plus-sign', - 'budget-funding', - 'snx-community-spartan-council-plus-sign-main-arrow', - 'treasury-council-plus-sign-spartan-council-plus-sign-main-arrow', - 'spartan-council-arrow-label', - 'protocol-dao', - ]); - }} - > - Induct Members - - - - - - setActiveArrows([ - 'core-contributor-committee', - 'core-contributors', - 'pay-cc', - 'hire-cc', - 'vouch-for-cc', - 'treasury-council-plus-sign', - 'budget-funding', - 'treasury-council-plus-sign-core-contributor-committee-plus-sign-main-arrow', - 'elect-committee', - ]) - } - > - { - setActiveArrows([ - 'core-contributor-committee-plus-sign', - 'core-contributors', - 'pay-cc', - 'elect-committee', - ]); - }} - > - Pay Contributors - - - - - - CORE - - Contributor - Committee - - - Manage CC Pay Packages - Manage CC Roadmap & Vision - Negotiate Partnerships - - setActiveArrows([ - 'hire-cc', - 'vouch-for-cc', - 'core-contributor-committee', - ]) - } - > - Hire Core Contributors - - - - - - {/* THIRD ROW */} - - - - - Manage Ecosystem Governance - - Ecosystem Governance Participation - - Advocate Ecosystem Partnership - - - setActiveArrows([ - 'ambassadors-council-plus-sign', - 'snx-community', - 'treasury-council-plus-sign', - 'budget-funding', - 'snx-community-ambassadors-council-plus-sign-main-arrow', - 'treasury-council-plus-sign-ambassadors-council-plus-sign-main-arrow', - ]) - } - > - - - - Ambassadors - - COUNCIL - - - - - - setActiveArrows([ - 'protocol-dao', - 'execute-sips', - 'execute-sccps', - 'implement-sips', - 'treasury-council-plus-sign', - 'budget-funding', - 'treasury-council-plus-sign-protocol-dao-plus-sign-main-arrow', - 'spartan-council-arrow-label', - 'spartan-council-plus-sign', - ]) - } - > - - - - protocol - - DAO - - - - - setActiveArrows([ - 'execute-sips', - 'protocol-dao', - 'implement-sips', - ]) - } - > - Execute SIPs - - - setActiveArrows([ - 'execute-sccps', - 'protocol-dao', - 'implement-sips', - ]) - } - > - Execute SCCPs - - - - - - {/* FOURTH ROW */} - - - - - Sponsor Ecosystem Events - Create Initiatives - - setActiveArrows([ - 'review-grant-submissions', - 'work-on-grants', - 'community-propose-grants', - 'propose-grants', - 'grants-dao', - 'community-contributors', - 'pay-contributors', - ]) - } - > - Review Grant Submissions - - - - setActiveArrows([ - 'grants-dao', - 'community-contributors', - 'pay-contributors', - 'review-grant-submissions', - 'propose-grants', - 'work-on-grants', - 'community-propose-grants', - 'snx-community', - 'treasury-council-plus-sign', - 'pay-contributors', - 'budget-funding', - 'snx-community-grants-dao-main-arrow', - 'treasury-council-plus-sign-grants-dao-main-arrow', - ]) - } - > - - - - grants - - COUNCIL - - { - e.stopPropagation(); - setActiveArrows([ - 'grants-dao', - 'community-contributors', - 'pay-contributors', - 'review-grant-submissions', - 'propose-grants', - 'work-on-grants', - 'community-propose-grants', - 'snx-community', - 'treasury-council-plus-sign', - 'pay-contributors', - 'budget-funding', - 'snx-community-grants-dao-main-arrow', - 'treasury-council-plus-sign-grants-dao-main-arrow', - ]); - }} - > - Pay Contributors - - - - - - setActiveArrows([ - 'risk-committee-plus-sign', - 'reviewing-sips', - 'feasibility-risk', - 'treasury-council-plus-sign', - 'budget-funding', - 'treasury-council-plus-sign-risk-committee-plus-sign-main-arrow', - ]) - } - > - - - - Risk - - COMMITTEE - - - - Execute SIPs - - setActiveArrows([ - 'feasibility-risk', - 'reviewing-sips', - 'risk-committee-plus-sign', - ]) - } - > - Reviewing SIPs Risk - - - - - - {/* FIFTH ROW */} - - - - - - setActiveArrows([ - 'work-on-grants', - 'community-contributors', - 'review-grant-submissions', - ]) - } - > - Work on Grants - - - setActiveArrows([ - 'community-propose-grants', - 'review-grant-submissions', - 'community-contributors', - ]) - } - > - Propose Grants - - Work on Initiatives - - - setActiveArrows([ - 'pay-contributors', - 'community-contributors', - 'grants-dao', - 'work-on-grants', - 'review-grant-submissions', - 'community-propose-grants', - ]) - } - > - COMMUNITY - Contributors - - - - - setActiveArrows([ - 'budget-funding', - 'spartan-council-plus-sign', - 'core-contributor-committee', - 'ambassadors-council-plus-sign', - 'protocol-dao', - 'grants-dao', - 'risk-committee-plus-sign', - 'treasury-council-plus-sign', - 'snx-community-treasury-council-plus-sign-main-arrow', - 'snx-community', - 'treasury-council-plus-sign-grants-dao-main-arrow', - 'treasury-council-plus-sign-ambassadors-council-plus-sign-main-arrow', - 'treasury-council-plus-sign-spartan-council-plus-sign-main-arrow', - 'treasury-council-plus-sign-risk-committee-plus-sign-main-arrow', - 'treasury-council-plus-sign-protocol-dao-plus-sign-main-arrow', - 'treasury-council-plus-sign-core-contributor-committee-plus-sign-main-arrow', - ]) - } - > - - - - Treasury - - COUNCIL - - - setActiveArrows([ - 'budget-funding', - 'spartan-council-plus-sign', - 'core-contributor-committee', - 'ambassadors-council-plus-sign', - 'protocol-dao', - 'grants-dao', - 'risk-committee-plus-sign', - 'treasury-council-plus-sign', - 'snx-community-treasury-council-plus-sign-main-arrow', - 'snx-community', - 'treasury-council-plus-sign-grants-dao-main-arrow', - 'treasury-council-plus-sign-ambassadors-council-plus-sign-main-arrow', - 'treasury-council-plus-sign-spartan-council-plus-sign-main-arrow', - 'treasury-council-plus-sign-risk-committee-plus-sign-main-arrow', - 'treasury-council-plus-sign-protocol-dao-plus-sign-main-arrow', - 'treasury-council-plus-sign-core-contributor-committee-plus-sign-main-arrow', - ]) - } - > - Provides Budget & Funding - - - - Manage Treasury - Fund Incentives - Strategy & Deal Making - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {/* Main Arrows */} - - - - - - - - - - - - - - - - - - + + + + + + A Decentralized Governance + + + Synthetix is a decentralized protocol run by governance, with + representative councils elected by the community, ensuring every + decision reflects the collective voice of its users. + + + + + ); } - -const GovernanceSection = styled(Section)` - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding-top: 24px; - background-color: ${({ theme }) => theme.colors.bgBlackHighlighted}; -`; - -const GovernancePageTitle = styled(PageTitle)` - text-align: center; - width: 100%; -`; - -const BackgroundImageWrapper = styled.div` - position: relative; - padding-top: 116px; - width: 100%; - display: flex; - flex-direction: column; - align-items: center; -`; - -const StyledEllipse = styled(Ellipse)` - position: absolute; - top: -50px; - z-index: -1; -`; - -const StyledPinkSpotLight = styled(PinkSpotLight)` - position: absolute; - top: -50px; - left: 0; -`; - -const StyledCyanSpotlight = styled(CyanSpotlight)` - position: absolute; - top: -50px; - right: 0; -`; - -const StyledGovernanceSubline = styled(Subline)` - text-align: center; - max-width: 900px; -`; - -const StyledLinkOffIcon = styled(LinkOffIcon)` - position: absolute; - top: 20px; - right: 20px; -`; - -const StyledLinkButtons = styled(ExternalLink)<{ last?: boolean }>` - position: relative; - padding: 24px; - cursor: pointer; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - max-width: 400px; - width: 100%; - background-color: #0b0b22; - height: 120px; - border-radius: 5px; -`; - -const StyledButtonLabel = styled.h4` - font-family: GT America; - font-style: normal; - font-stretch: expanded; - font-weight: bold; - font-size: 14px; - color: white; -`; - -const StyledButtonText = styled.p` - font-family: Inter; - font-style: normal; - font-weight: normal; - font-size: 14px; - line-height: 150%; -`; - -const GraphContentWrapper = styled.div` - width: 900px; - position: relative; - padding: 32px 24px; -`; - -const Row = styled(FlexDiv)<{ rowNumber: number }>` - margin-bottom: 24px; - ${({ rowNumber }) => { - switch (rowNumber) { - case 1: - return 'justify-content: flex-end;'; - case 2: - case 3: - case 4: - return 'width: 100%;'; - case 5: - return 'justify-content: start; width: 100%; margin-top: 50px;'; - default: - return 'justify-content: start; width: 100%'; - } - }} -`; - -const DAOCircle = styled.div<{ focus?: boolean }>` - position: relative; - border: 5px solid ${({ theme }) => theme.colors.pink}; - width: 110px; - height: 110px; - border-radius: 50%; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding-top: 8px; - background-color: #1d1d3d; - cursor: pointer; - transition: all 200ms linear; - ${({ theme, focus }) => - focus ? `box-shadow: 0px 0px 30px ${theme.colors.pink}` : ''}; -`; - -const CommitteeCircle = styled.div<{ - edge: 'left' | 'right' | 'topLeft'; - first?: boolean; - focus?: boolean; -}>` - position: relative; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - position: relative; - background-color: #1d1d3d; - min-width: 110px; - min-height: 110px; - border: 3px solid ${({ theme }) => theme.colors.cyan}; - cursor: pointer; - transition: all 200ms linear; - ${({ theme, focus }) => - focus ? `box-shadow: 0px 0px 30px ${theme.colors.cyan}` : ''}; - ${({ first }) => (first ? 'margin-right: auto;' : '')} - ${({ edge }) => { - if (edge === 'right') { - return 'border-radius: 50% 50% 0;'; - } else if (edge === 'left') { - return 'border-radius: 50% 50% 50% 0;'; - } else { - return 'border-radius: 0 50% 50% 50%;'; - } - }} -`; - -const DAOActionCircle = styled.div<{ focus?: boolean }>` - height: 20px; - width: fit-content; - border-radius: 10px; - padding: 0px 8px; - white-space: nowrap; - font-size: 12px; - text-align: center; - cursor: pointer; - border: 1px solid ${({ theme }) => theme.colors.green}; - background-color: ${({ theme }) => theme.colors.bgBlack}; - transition: all 200ms linear; - ${({ theme, focus }) => - focus ? `box-shadow: 0px 0px 20px ${theme.colors.green}` : ''}; -`; - -const DAOPlusSignWrapper = styled.div<{ - position?: 'top' | 'bottomRight' | 'bottomLeft' | 'topLeft'; -}>` - display: flex; - justify-content: center; - align-items: center; - position: absolute; - border-radius: 50%; - z-index: 10; - background-color: ${({ theme }) => theme.colors.cyan}; - ${({ position }) => { - if (position === 'top') { - return ` - top: -12px; - right: 36px; - width: 24px; - height: 24px; - `; - } else if (position === 'bottomRight') { - return ` - bottom: -11px; - right: -13px; - width: 24px; - height: 24px; - `; - } else if (position === 'topLeft') { - return ` - top: -12px; - left: -14px; - width: 24px; - height: 24px; - `; - } else { - return ` - bottom: -11px; - left: -13px; - width: 24px; - height: 24px; - `; - } - }} -`; - -const DAODutiesCircle = styled.div<{ - addMarginBottom?: boolean; - addMarginTop?: boolean; - focus?: boolean; -}>` - border: 1px solid ${({ theme }) => theme.colors.lightViolet}; - width: fit-content; - color: ${({ theme }) => theme.colors.lightViolet}; - border-radius: 10px; - padding: 2px 8px; - font-size: 11px; - margin-bottom: ${({ addMarginBottom }) => (addMarginBottom ? '8px' : '0px')}; - margin-top: ${({ addMarginTop }) => (addMarginTop ? '8px' : '0px')}; - cursor: pointer; - transition: all 200ms linear; - ${({ theme, focus }) => - focus ? `box-shadow: 0px 0px 20px ${theme.colors.cyan}` : ''}; -`; - -const DAODescription = styled(FlexDivCol)<{ alignItems?: 'end' | 'start' }>` - align-items: ${({ alignItems }) => - alignItems === 'end' ? 'flex-end' : 'flex-start'}; - min-width: 190px; - font-size: 11px; -`; - -const StyledText = styled.span<{ bold?: boolean; color?: 'pink' | 'white' }>` - color: ${({ theme, color }) => - color === 'white' ? 'white' : theme.colors.pink}; - font-weight: ${({ bold }) => (bold ? 900 : 0)}; -`; - -const DAOWrapper = styled(FlexDiv)<{ first?: boolean; lastRow?: boolean }>` - align-items: center; - height: 110px; - margin-bottom: 20px; - border-radius: 5px; - transition: all 300ms ease-in-out; - width: auto; - ${({ first }) => (first ? 'margin-right: auto;' : '')} - ${({ lastRow }) => (lastRow ? 'margin-right: 110px;' : '')} - > * { - margin-right: 16px; - } -`; - -const ArrowLabel = styled.div<{ - color?: 'cyan' | 'pink' | 'green'; - top?: string; - left?: string; - focus?: boolean; -}>` - position: absolute; - top: ${({ top }) => (top ? top : '0px')}; - left: ${({ left }) => (left ? left : '0px')}; - background-color: ${({ theme }) => theme.colors.bgBlack}; - border-radius: 10px; - width: fit-content; - padding: 0px 8px; - border: 1px solid - ${({ color, theme }) => - color ? theme.colors[color] : theme.colors.lightViolet}; - z-index: 10; - white-space: nowrap; - cursor: pointer; - font-size: 11px; - transition: all 200ms linear; - ${({ theme, focus, color }) => - focus && color ? `box-shadow: 0px 0px 20px ${theme.colors[color]}` : ''}; -`; diff --git a/src/sections/governance/table.tsx b/src/sections/governance/table.tsx deleted file mode 100644 index 9dfde95c..00000000 --- a/src/sections/governance/table.tsx +++ /dev/null @@ -1,263 +0,0 @@ -import { Section } from 'src/styles/common'; -import GradientLine from 'src/svg/GradientLine'; -import styled from 'styled-components'; - -export default function Table() { - return ( - - - - DAOs &
- Councils - - - - - - Community &
Core Contributors - - - - {/* First Row */} - - - Core Contributors
Committee (CCC) - - - - Manage CC Pay Packages - Manage CC Road Map & Vision - Negotiate Partnerships - Hire Core Contributors - Pay Core Contributors - - - Signal Priorities - - Implement SIPs / SCCPs - - Protocol Work - General & Technical - - Vouch for potential CC - - - Elect CC Committee - - - - - Core Contributors
(CCs) - - - {/* Second Row */} - - Treasury Council - - - Manage Treasury - Fund Incentives - Strategy & Deal Making - Provide Budget & Funding to - pDAO, GC, AC, SC, CCC, RC - - - - Work on Initiatives - - - Work on Grants - - - - - Community Contributors - - - {/* Third Row */} - - Protocol DAO - - - Execute SIPs - Execute SCCPs - - - - Author SIPs / SCCPs - - Stake SNX - - Propose Grants - - - Elect GC, AC, SC, & TC, members - - - - SNX Community - - {/* Fourth Row */} - - Spartan Council - - - - Vote on SIPs / SCCPs Feasibility & - - - Risk Assessment on SIPs / SCCPs - - Induct pDAO members - - - {/* Fifth Row */} - - Grants Council - - - Sponsor Ecosystem Events - Create Initiatives - Review Grant Submissions - Pay Community Contributors - - - {/* Sixth Row */} - - Ambassador Council - - - Participate & Manage Ecosystem Governance - Advocate Ecosystem Partnerships - - - {/* Seventh Row */} - - Risk Committee - - - Creating Risk Evaluation Processes - Reviewing SIPs Risk - - - - - ); -} - -const StyledTableSection = styled(Section)` - background-color: ${({ theme }) => theme.colors.bgBlackHighlighted}; - display: flex; - flex-direction: column; - align-items: center; -`; - -const DAOToCommunityGradientWrapper = styled.div` - width: 100%; - max-width: 1000px; - display: flex; - justify-content: space-evenly; - align-items: center; -`; - -const StyledLabel = styled.h3<{ color?: 'cyan' | 'pink' }>` - font-family: Inter; - font-style: normal; - font-weight: bold; - font-size: 18px; - line-height: 23px; - color: ${({ color, theme }) => theme.colors[color ? color : 'cyan']}; - text-align: ${({ color }) => (color === 'cyan' ? 'end' : 'start')}; - margin: 0 18px; - min-width: 190px; -`; - -const StyledCircle = styled.div<{ color?: 'cyan' | 'pink' }>` - border-radius: 50%; - min-width: 21px; - min-height: 21px; - background-color: ${({ color, theme }) => - theme.colors[color ? color : 'cyan']}; -`; - -const DAOAndCommunityDutiesWrapper = styled.div` - width: 100%; - display: flex; - flex-direction: column; - align-items: center; - max-width: 900px; -`; - -const DutiesRow = styled.div` - display: flex; - align-items: center; - width: 100%; - margin-bottom: 48px; -`; - -const StyledDutyEntity = styled.h4<{ color?: 'cyan' | 'pink' }>` - color: ${({ color, theme }) => theme.colors[color ? color : 'cyan']}; - text-align: ${({ color }) => (color === 'cyan' ? 'end' : 'start')}; - font-family: Inter; - font-style: normal; - font-weight: 600; - font-size: 14px; - line-height: 20px; - width: 130px; - margin-right: ${({ color }) => color === 'cyan' && '55px'}; -`; - -const StyledVerticalLineCyan = styled.span` - height: 100px; - width: 1px; - margin-right: 25px; - background-image: linear-gradient( - 0deg, - hsl(253deg 81% 10%) 0%, - hsl(221deg 61% 22%) 10%, - hsl(209deg 69% 31%) 20%, - hsl(201deg 84% 38%) 30%, - hsl(195deg 100% 43%) 40%, - hsl(191deg 100% 50%) 50%, - hsl(195deg 100% 43%) 60%, - hsl(201deg 84% 38%) 70%, - hsl(209deg 69% 31%) 80%, - hsl(221deg 61% 22%) 90%, - hsl(253deg 81% 10%) 100% - ); -`; - -const StyledVerticalLinePink = styled.span` - height: 100px; - width: 1px; - margin-left: 25px; - margin-right: 55px; - background-image: linear-gradient( - 0deg, - hsl(253deg 81% 10%) 0%, - hsl(255deg 58% 22%) 10%, - hsl(266deg 58% 33%) 20%, - hsl(277deg 61% 43%) 30%, - hsl(286deg 70% 51%) 40%, - hsl(295deg 100% 56%) 50%, - hsl(286deg 70% 51%) 60%, - hsl(277deg 61% 43%) 70%, - hsl(266deg 58% 33%) 80%, - hsl(255deg 58% 22%) 90%, - hsl(253deg 81% 10%) 100% - ); -`; - -const StyledDutiesWrapper = styled.div` - display: flex; - flex-direction: column; -`; - -const StyledDuty = styled.span<{ color?: string; isLast?: boolean }>` - color: ${({ color, theme }) => (color ? theme.colors[color] : 'white')}; - font-family: Inter; - font-style: normal; - font-weight: 300; - font-size: 12px; - line-height: 20px; - text-align: ${({ isLast }) => isLast && 'end'}; -`; From fd3829208a3877fe42959fdd3cf6341ee91bccc8 Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Tue, 6 Feb 2024 15:22:07 +0000 Subject: [PATCH 02/17] added callout --- pages/governance.tsx | 6 ++++-- src/sections/governance/callout.tsx | 17 +++++++++++++++++ .../governance/{main.tsx => header.tsx} | 6 +++--- 3 files changed, 24 insertions(+), 5 deletions(-) create mode 100644 src/sections/governance/callout.tsx rename src/sections/governance/{main.tsx => header.tsx} (88%) diff --git a/pages/governance.tsx b/pages/governance.tsx index 2b56064b..f13d0008 100644 --- a/pages/governance.tsx +++ b/pages/governance.tsx @@ -1,6 +1,7 @@ import Head from 'next/head'; import { PageLayout } from 'src/components'; -import GovernanceMain from 'src/sections/governance/main'; +import GovernanceCallout from 'src/sections/governance/callout'; +import GovernanceHeader from 'src/sections/governance/header'; export default function Governance() { return ( @@ -9,7 +10,8 @@ export default function Governance() { Synthetix - Governance - + + ); diff --git a/src/sections/governance/callout.tsx b/src/sections/governance/callout.tsx new file mode 100644 index 00000000..d04aaf49 --- /dev/null +++ b/src/sections/governance/callout.tsx @@ -0,0 +1,17 @@ +import { Flex, Heading, Text } from '@chakra-ui/react'; +import { GradientText } from 'src/components'; + +export default function GovernanceCallout() { + return ( + + + SYNTHETIX GOVERNANCE + + + The Synthetix protocol is governed by a{' '} + decentralized set of representative + councils that are voted on by stakers. + + + ); +} diff --git a/src/sections/governance/main.tsx b/src/sections/governance/header.tsx similarity index 88% rename from src/sections/governance/main.tsx rename to src/sections/governance/header.tsx index d9e21cf9..7074fa86 100644 --- a/src/sections/governance/main.tsx +++ b/src/sections/governance/header.tsx @@ -2,14 +2,14 @@ import { Box, Button, Flex, Heading, Text } from '@chakra-ui/react'; import Image from 'next/image'; import Link from 'next/link'; -export default function GovernanceMain() { +export default function GovernanceHeader() { return ( - + From 761cc1ff412fb3b309f94e6d5f4e8e4bb5d637d3 Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Tue, 6 Feb 2024 17:43:32 +0000 Subject: [PATCH 03/17] added ecosystem --- pages/governance.tsx | 2 + pages/index.tsx | 2 +- pages/perps.tsx | 2 +- src/components/PageLayout/PageLayout.tsx | 62 +++++++++--------------- src/sections/governance/ecosystem.tsx | 41 ++++++++++++++++ 5 files changed, 67 insertions(+), 42 deletions(-) create mode 100644 src/sections/governance/ecosystem.tsx diff --git a/pages/governance.tsx b/pages/governance.tsx index f13d0008..7410b71f 100644 --- a/pages/governance.tsx +++ b/pages/governance.tsx @@ -1,6 +1,7 @@ import Head from 'next/head'; import { PageLayout } from 'src/components'; import GovernanceCallout from 'src/sections/governance/callout'; +import GovernanceEcosystem from 'src/sections/governance/ecosystem'; import GovernanceHeader from 'src/sections/governance/header'; export default function Governance() { @@ -12,6 +13,7 @@ export default function Governance() { + ); diff --git a/pages/index.tsx b/pages/index.tsx index 8f177906..67e87716 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -60,7 +60,7 @@ const Home = ({ Synthetix - + {totalStakedValue && tradingVolume && swapsVolumeTotal && ( Synthetix - Decentralized Perps - + diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx index bb64621d..1c21b5f2 100644 --- a/src/components/PageLayout/PageLayout.tsx +++ b/src/components/PageLayout/PageLayout.tsx @@ -2,48 +2,30 @@ import { Divider, Flex, FlexProps } from '@chakra-ui/react'; import { PropsWithChildren } from 'react'; import { Footer, Header } from '..'; -interface PageLayoutProps extends PropsWithChildren, FlexProps { - useChakra?: boolean; -} - -export function PageLayout({ children, useChakra, ...props }: PageLayoutProps) { - if (useChakra) { - return ( - - -
- {children} - -
- - - ); - } +interface PageLayoutProps extends PropsWithChildren, FlexProps {} +export function PageLayout({ children, ...props }: PageLayoutProps) { return ( - -
- {children} -
+ + +
+ {children} + +
+ ); } diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx new file mode 100644 index 00000000..fbd19791 --- /dev/null +++ b/src/sections/governance/ecosystem.tsx @@ -0,0 +1,41 @@ +import { Box, Flex, Heading, Text } from '@chakra-ui/react'; + +export default function GovernanceEcosystem() { + return ( + + + + SYNTHETIX ECOSYSTEM + + + Governing Councils + + + The Synthetix Protocol is governed by four councils, each responsible + for a core aspect of a DAO. + + + ); +} From 1e2409862ccc9d425780a9d7ba8667a90327d232 Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Wed, 7 Feb 2024 12:48:44 +0000 Subject: [PATCH 04/17] started protocol features --- pages/governance.tsx | 2 + src/sections/governance/ecosystem.tsx | 289 +++++++++++++++++++++++++- src/sections/governance/features.tsx | 26 +++ src/sections/governance/header.tsx | 2 +- 4 files changed, 310 insertions(+), 9 deletions(-) create mode 100644 src/sections/governance/features.tsx diff --git a/pages/governance.tsx b/pages/governance.tsx index 7410b71f..4d494bea 100644 --- a/pages/governance.tsx +++ b/pages/governance.tsx @@ -2,6 +2,7 @@ import Head from 'next/head'; import { PageLayout } from 'src/components'; import GovernanceCallout from 'src/sections/governance/callout'; import GovernanceEcosystem from 'src/sections/governance/ecosystem'; +import GovernanceFeatures from 'src/sections/governance/features'; import GovernanceHeader from 'src/sections/governance/header'; export default function Governance() { @@ -14,6 +15,7 @@ export default function Governance() { + ); diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx index fbd19791..84ccd2cd 100644 --- a/src/sections/governance/ecosystem.tsx +++ b/src/sections/governance/ecosystem.tsx @@ -1,16 +1,169 @@ -import { Box, Flex, Heading, Text } from '@chakra-ui/react'; +import { Box, Button, Flex, Heading, Text } from '@chakra-ui/react'; +import Link from 'next/link'; +import { InterestedLooper } from 'src/svg/InterestedLooper'; + +const COUNCILS = [ + { + title: 'Spartan Council', + icon: ( + + + + + + + ), + description: [ + 'The Spartan Council (SC), established via ', + { link: 'https://sips.synthetix.io/sips/sip-93/', text: 'SIP-93' }, + ', is the central governing body of the Synthetix protocol. The SC votes on Synthetix Improvement Proposals (SIPs) and Synthetix Configuration Change Proposal (SCCPs). The SC is responsible for conducting SIP/SCCP interviews, debating the implications of proposed changes, coordinating protocol changes with core contributors, and hosting periodic community governance meetings.', + ], + link: 'https://governance.synthetix.io/#/councils/spartan', + }, + { + title: 'Grants Council', + icon: ( + + + + + + + + + ), + description: [ + 'The Grants Council, established via ', + { link: 'https://sips.synthetix.io/sips/sip-39/', text: 'SIP-39' }, + ', is responsible for public goods funding through grants, initiative bounties, or competition prizes. It is a value-based entity, whose ultimate goal in funding projects is to produce publicly accessible, beneficial, high-quality work where profit margins are not the priority. Projects are chosen not based on the value they can extract but instead on the value they can add to the community.', + ], + link: 'https://governance.synthetix.io/#/councils/grants', + }, + { + title: 'Treasury Council', + icon: ( + + + + + + + + ), + description: [ + 'The Treasury Council, established via ', + { link: 'https://sips.synthetix.io/sips/sip-155/', text: 'SIP-155' }, + ", provides resources for the protocol's growth and expansion. This includes managing the treasury in a way that allows continuity of funding for protocol costs (on-chain/off-chain), council and Core Contributor Stipends, ecosystem incentives, including Grants Council funding, and other discretionary incentives. The members of the council manage the treasury through a gnosis-safe multi-sig.", + ], + link: 'https://governance.synthetix.io/#/councils/treasury', + }, + { + title: 'Ambassador Council', + icon: ( + + + + + + + ), + description: [ + 'The Ambassador Council, established via ', + { link: 'https://sips.synthetix.io/sips/sip-157/', text: 'SIP-157' }, + "is responsible for promoting Synthetix's interest in the DeFi ecosystem. This advocation comes through two primary means: governance and partnerships. Governance includes seeking governance power in protocols that may be beneficial for Synthetix, and voting for proposals in the interest of the community. Partnerships include working with Synthetix integrators to help them integrate within the Synthetix Ecosystem.", + ], + link: 'https://governance.synthetix.io/#/councils/ambassador', + }, +]; export default function GovernanceEcosystem() { return ( - + + bgGradient="linear-gradient(44deg, #EE2EFF 0%, #5744EA 100%)" + width="584px" + height="536px" + zIndex={0} + borderRadius="100%" + filter="blur(250px)" + top="200px" + left="-200px" + /> + {COUNCILS.map(council => { + return ( + + {council.icon} + {council.title} + + {council.description.map(description => { + if (typeof description === 'object') + return ( + + + {description.text} + + + ); + return ( + + {description} + + ); + })} + + + + + + ); + })} + + + + + Learn more about Synthetix Governance + + + + Explore Synthetix's governance system. Learn how decisions are made + through our community-elected councils and proposals (SIPs and SCCPs) + by visiting our documentation and joining the conversation on Discord. + + + + + + ); } diff --git a/src/sections/governance/features.tsx b/src/sections/governance/features.tsx new file mode 100644 index 00000000..8c89f79f --- /dev/null +++ b/src/sections/governance/features.tsx @@ -0,0 +1,26 @@ +import { Box, Flex, Heading } from '@chakra-ui/react'; + +export default function GovernanceFeatures() { + return ( + + + + Protocol Features + + + ); +} diff --git a/src/sections/governance/header.tsx b/src/sections/governance/header.tsx index 7074fa86..b79e36de 100644 --- a/src/sections/governance/header.tsx +++ b/src/sections/governance/header.tsx @@ -34,7 +34,7 @@ export default function GovernanceHeader() { representative councils elected by the community, ensuring every decision reflects the collective voice of its users. - + From 1ed7312ce990ae2cf32f9ea6127a0e0756f6ad9c Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Wed, 7 Feb 2024 13:52:02 +0000 Subject: [PATCH 05/17] finished features --- src/sections/governance/features.tsx | 91 +++++++++++++++++++++++++++- 1 file changed, 89 insertions(+), 2 deletions(-) diff --git a/src/sections/governance/features.tsx b/src/sections/governance/features.tsx index 8c89f79f..c7ea17a5 100644 --- a/src/sections/governance/features.tsx +++ b/src/sections/governance/features.tsx @@ -1,8 +1,47 @@ -import { Box, Flex, Heading } from '@chakra-ui/react'; +import { Box, Flex, Heading, Text } from '@chakra-ui/react'; +import { Fragment } from 'react'; + +const FEATURES = [ + { + title: 'Voting Power', + description: + "By staking SNX tokens, users gain the authority to vote within the Synthetix protocol, directly influencing its future direction. This voting power is crucial in electing representative councils that align with their vision for Synthetix's evolution.", + }, + { + title: 'Nomination Process', + description: [ + 'The nomination is open to all; anyone interested can self-nominate for a position on one of the four councils. Candidates must use the', + ' governance app ', + 'during the specified election period, providing details about their qualifications and experience.', + ], + }, + { + title: 'Decision-Making on Proposals', + description: [ + 'Once elected, Spartan Councillors have the responsibility to deliberate on', + ' Synthetix Improvement Proposals ', + '(SIPs) and', + ' Synthetix Configuration Change Proposals ', + '(SCCPs). These decisions are made after considering presentations and feedback from the community, gathered through the', + ' Synthetix Discord', + '.', + ], + }, + { + title: 'Initiatives by Non-Governing Bodies ', + description: + "Apart from the governing councils, non-governing DAOs like the Treasury Council, Ambassadors, and Grants Committee undertake various initiatives within each epoch. These initiatives include allocating new grants, fostering partnerships, and managing the treasury's assets.", + }, + { + title: 'Ongoing Cycle', + description: + 'The Synthetix governance cycle is continuous, with each epoch marking the beginning of a new phase. This cycle includes the nomination of candidates, the electoral process, and the ongoing execution of roles, ensuring the constant evolution and management of the Synthetix Protocol.', + }, +]; export default function GovernanceFeatures() { return ( - + Protocol Features + + + {FEATURES.map(feature => { + return ( + + + {feature.title} + + {Array.isArray(feature.description) ? ( + feature.description.map((d, index) => { + console.log(index % 2, index); + if (index % 2 === 1) + return ( + + {d} + + ); + return ( + + {d} + + ); + }) + ) : ( + + {feature.description} + + )} + + ); + })} + + ); } From dcee3fed3a888480d4931261b297a90a15ed453b Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Wed, 7 Feb 2024 14:17:23 +0000 Subject: [PATCH 06/17] done xs layout --- pages/governance.tsx | 2 ++ src/sections/governance/action.tsx | 42 ++++++++++++++++++++++++++++++ 2 files changed, 44 insertions(+) create mode 100644 src/sections/governance/action.tsx diff --git a/pages/governance.tsx b/pages/governance.tsx index 4d494bea..71d9b0f4 100644 --- a/pages/governance.tsx +++ b/pages/governance.tsx @@ -1,5 +1,6 @@ import Head from 'next/head'; import { PageLayout } from 'src/components'; +import GovernanceAction from 'src/sections/governance/action'; import GovernanceCallout from 'src/sections/governance/callout'; import GovernanceEcosystem from 'src/sections/governance/ecosystem'; import GovernanceFeatures from 'src/sections/governance/features'; @@ -16,6 +17,7 @@ export default function Governance() { + ); diff --git a/src/sections/governance/action.tsx b/src/sections/governance/action.tsx new file mode 100644 index 00000000..0d835d6e --- /dev/null +++ b/src/sections/governance/action.tsx @@ -0,0 +1,42 @@ +import { Button, Flex, Heading, Text } from '@chakra-ui/react'; +import Link from 'next/link'; + +export default function GovernanceAction() { + return ( + + + SYNTHETIX GOVERNANCE + + + Participate in Governance + + + Play a pivotal role in Synthetix Governance. As a staker, your votes in + council elections and contributions to proposals are essential, steering + the protocol's direction and evolution. + + + + + + + + + + + ); +} From 2e4352afc655521d28006eec789a99c13e07bebe Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Wed, 7 Feb 2024 14:26:45 +0000 Subject: [PATCH 07/17] fix build --- src/sections/governance/action.tsx | 2 +- src/sections/governance/ecosystem.tsx | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/sections/governance/action.tsx b/src/sections/governance/action.tsx index 0d835d6e..5bc1781b 100644 --- a/src/sections/governance/action.tsx +++ b/src/sections/governance/action.tsx @@ -17,7 +17,7 @@ export default function GovernanceAction() { Play a pivotal role in Synthetix Governance. As a staker, your votes in council elections and contributions to proposals are essential, steering - the protocol's direction and evolution. + the protocol's direction and evolution. - Explore Synthetix's governance system. Learn how decisions are made - through our community-elected councils and proposals (SIPs and SCCPs) - by visiting our documentation and joining the conversation on Discord. + Explore Synthetix's governance system. Learn how decisions are + made through our community-elected councils and proposals (SIPs and + SCCPs) by visiting our documentation and joining the conversation on + Discord. Date: Wed, 7 Feb 2024 14:47:06 +0000 Subject: [PATCH 08/17] updated other screen sizes --- src/sections/governance/ecosystem.tsx | 180 +++++++++++++------------- src/sections/governance/features.tsx | 86 ++++++------ src/sections/governance/header.tsx | 12 +- 3 files changed, 149 insertions(+), 129 deletions(-) diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx index 21b446c0..a73af63f 100644 --- a/src/sections/governance/ecosystem.tsx +++ b/src/sections/governance/ecosystem.tsx @@ -146,13 +146,7 @@ const COUNCILS = [ export default function GovernanceEcosystem() { return ( - + - {COUNCILS.map(council => { - return ( - - {council.icon} - {council.title} - - {council.description.map(description => { - if (typeof description === 'object') + + {COUNCILS.map(council => { + return ( + + {council.icon} + {council.title} + + {council.description.map(description => { + if (typeof description === 'object') + return ( + + + {description.text} + + + ); return ( - - - {description.text} - - + {description} + ); - return ( - - {description} - - ); - })} - - - - - - ); - })} + + + + ); + })} + Protocol Features - - - {FEATURES.map(feature => { - return ( - - - {feature.title} - - {Array.isArray(feature.description) ? ( - feature.description.map((d, index) => { - console.log(index % 2, index); - if (index % 2 === 1) - return ( - - {d} - - ); + + + {FEATURES.map(feature => { + return ( + + + {feature.title} + + {Array.isArray(feature.description) ? ( + feature.description.map((d, index) => { + console.log(index % 2, index); + if (index % 2 === 1) return ( {d} ); - }) - ) : ( - - {feature.description} - - )} - - ); - })} - + return ( + + {d} + + ); + }) + ) : ( + + {feature.description} + + )} + + ); + })} ); diff --git a/src/sections/governance/header.tsx b/src/sections/governance/header.tsx index b79e36de..bbe17607 100644 --- a/src/sections/governance/header.tsx +++ b/src/sections/governance/header.tsx @@ -4,13 +4,13 @@ import Link from 'next/link'; export default function GovernanceHeader() { return ( - + - + A Decentralized Governance Synthetix is a decentralized protocol run by governance, with representative councils elected by the community, ensuring every From 14ba76c5c7a00aa684f2a8e63d21152fd447cbcb Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Thu, 8 Feb 2024 14:55:07 +0000 Subject: [PATCH 09/17] added discord link --- public/shield.svg | 1006 +++++++++++++++++++++++++ public/spartan-governance.svg | 760 +++++++++---------- src/sections/governance/action.tsx | 56 +- src/sections/governance/callout.tsx | 8 +- src/sections/governance/ecosystem.tsx | 31 +- src/sections/governance/features.tsx | 18 +- 6 files changed, 1484 insertions(+), 395 deletions(-) create mode 100644 public/shield.svg diff --git a/public/shield.svg b/public/shield.svg new file mode 100644 index 00000000..4325f4b5 --- /dev/null +++ b/public/shield.svg @@ -0,0 +1,1006 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/spartan-governance.svg b/public/spartan-governance.svg index 8df95a5d..9e393903 100644 --- a/public/spartan-governance.svg +++ b/public/spartan-governance.svg @@ -1,1065 +1,1065 @@ - - + + d="M802.346 549.441C814.961 573.414 704.762 594.739 555.01 594.739C405.258 594.739 295.133 573.438 307.674 549.441C319.102 527.674 429.449 511.447 555.01 511.447C680.57 511.447 790.918 527.674 802.346 549.441Z" + fill="url(#paint1_linear_2664_20918)" fill-opacity="0.2" /> + d="M844.717 549.442C862.156 577.778 733.331 603.369 555.008 603.369C376.686 603.369 247.86 577.778 265.299 549.442C280.809 524.146 409.931 505.541 555.008 505.541C700.085 505.541 829.134 524.146 844.717 549.442Z" + fill="url(#paint2_linear_2664_20918)" fill-opacity="0.2" /> + d="M887.014 549.442C910.093 582.214 762.789 612.315 554.932 612.315C347.075 612.315 199.771 582.214 222.85 549.442C243.109 520.664 390.858 499.805 554.932 499.805C719.006 499.805 866.755 520.664 887.014 549.442Z" + fill="url(#paint3_linear_2664_20918)" fill-opacity="0.2" /> + d="M929.388 549.441C958.997 586.724 793.364 621.556 554.933 621.556C316.502 621.556 150.869 586.7 180.479 549.441C206.08 517.257 372.381 494.216 554.933 494.216C737.485 494.216 903.86 517.257 929.388 549.441Z" + fill="url(#paint4_linear_2664_20918)" fill-opacity="0.2" /> + d="M971.763 549.44C1008.79 591.306 825.054 631.138 554.936 631.138C284.818 631.138 101.078 591.306 138.108 549.44C169.572 513.873 354.351 488.772 554.936 488.772C755.521 488.772 940.373 513.873 971.763 549.44Z" + fill="url(#paint5_linear_2664_20918)" fill-opacity="0.2" /> + d="M1014.13 549.441C1059.47 595.99 857.845 641.067 554.927 641.067C252.009 641.067 50.3855 595.99 95.7268 549.441C133.573 510.565 336.829 483.455 554.927 483.455C773.025 483.455 976.281 510.565 1014.13 549.441Z" + fill="url(#paint6_linear_2664_20918)" fill-opacity="0.2" /> + d="M1056.5 549.441C1111.12 600.744 891.835 651.337 554.93 651.337C218.024 651.337 -1.18685 600.744 53.4304 549.441C98.2522 507.304 319.764 478.282 555.004 478.282C790.244 478.282 1011.68 507.304 1056.5 549.441Z" + fill="url(#paint7_linear_2664_20918)" fill-opacity="0.2" /> + d="M1098.88 549.44C1163.67 605.597 927.092 661.999 554.938 661.999C182.783 661.999 -53.7926 605.597 10.9912 549.44C63.308 504.093 303.075 473.257 554.938 473.257C806.8 473.257 1046.57 504.068 1098.88 549.44Z" + fill="url(#paint8_linear_2664_20918)" fill-opacity="0.1" /> - + - + + d="M565.621 255.358C563.282 256.628 561.076 257.831 558.804 258.968C556.598 260.171 554.326 261.24 552.121 262.51C551.252 262.978 550.45 263.112 549.581 262.577C545.036 260.171 540.559 257.765 535.881 255.358C536.415 252.752 536.95 250.145 537.484 247.538C538.888 240.521 539.556 233.369 538.955 226.217C538.687 223.343 538.086 220.536 537.284 217.796C535.881 212.716 532.539 209.04 528.395 205.899C521.044 200.351 513.158 195.606 505.071 191.261C498.789 187.853 492.373 184.711 485.957 181.503C485.356 181.169 484.687 180.968 483.752 180.501C483.885 189.524 485.222 198.012 488.965 206.166C487.427 204.829 485.89 203.493 484.353 202.156C477.336 196.007 470.385 189.791 463.435 183.642C461.764 182.172 460.16 180.634 458.422 179.164C457.687 178.562 457.487 177.894 457.487 176.958C457.754 171.678 457.888 166.465 458.422 161.251C459.091 154.367 460.294 147.483 462.098 140.799C464.571 131.442 467.979 122.486 473.326 114.398C479.007 105.843 486.492 99.0927 495.113 93.6789C501.796 89.4681 508.88 86.1931 516.432 83.8538C516.7 83.7869 516.967 83.7201 517.502 83.5196C522.982 98.7585 528.195 114.064 534.009 129.17C533.742 126.496 533.475 123.823 533.207 121.149C532.673 116.537 532.138 111.992 531.603 107.381C530.668 99.2264 529.732 91.0722 528.796 82.9849C528.195 77.3706 527.593 71.6894 526.925 66.075C525.989 57.9877 525.054 49.9672 524.185 41.8799C524.051 40.4763 523.918 39.0727 523.717 37.736C523.517 36.5998 524.252 35.8646 524.853 35.1293C527.727 31.8543 530.534 28.5793 533.408 25.3043C539.088 18.821 544.769 12.271 550.383 5.78774C550.45 5.65407 550.584 5.58723 550.918 5.38672C551.786 6.32244 552.722 7.25816 553.524 8.19389C561.477 17.2838 569.363 26.3736 577.249 35.4635C577.918 36.1987 578.118 36.8671 577.985 37.8697C576.982 46.0907 576.18 54.3117 575.244 62.5327C574.643 68.147 573.908 73.8282 573.306 79.4425C573.24 79.7767 573.306 80.1109 573.373 80.5787C575.98 81.2471 578.653 81.8487 581.259 82.5839C592.754 85.7252 603.314 90.738 612.871 97.9565C624.032 106.378 631.717 117.272 636.462 130.306C639.603 139.061 641.742 148.018 642.811 157.241C643.346 162.187 643.68 167.133 644.081 172.079C644.215 173.616 644.215 175.154 644.415 176.691C644.549 177.894 644.014 178.696 643.146 179.431C638.4 183.575 633.655 187.786 628.977 191.93C623.697 196.608 618.351 201.287 613.071 205.966C612.938 206.032 612.871 206.099 612.336 206.433C616.547 198.212 617.749 189.657 618.084 180.567C617.081 180.968 616.279 181.236 615.544 181.57C604.517 186.984 593.623 192.598 583.197 199.148C578.653 202.022 574.242 204.963 570.232 208.505C566.623 211.647 564.685 215.724 563.683 220.269C563.081 222.942 562.814 225.683 562.613 228.356C562.012 237.045 563.415 245.533 565.487 253.955C565.487 254.289 565.554 254.69 565.621 255.358Z" + stroke="url(#paint9_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M564.949 251.883C562.744 253.086 560.605 254.222 558.467 255.359C556.328 256.495 554.19 257.564 552.051 258.701C551.182 259.168 550.514 259.235 549.645 258.767C545.368 256.495 541.024 254.222 536.613 251.883C537.147 249.41 537.615 246.937 538.15 244.464C539.487 237.714 540.088 230.963 539.553 224.146C539.353 221.405 538.685 218.732 538.016 216.125C536.68 211.246 533.472 207.771 529.529 204.763C522.511 199.483 515.026 195.005 507.274 190.794C501.259 187.586 495.177 184.578 489.095 181.437C488.494 181.169 487.892 180.902 486.957 180.501C487.09 189.123 488.36 197.143 491.902 204.963C490.432 203.693 488.962 202.424 487.491 201.154C480.808 195.272 474.192 189.39 467.509 183.509C465.905 182.105 464.368 180.635 462.697 179.231C461.962 178.629 461.761 178.028 461.828 177.159C462.095 172.146 462.229 167.133 462.697 162.187C463.298 155.571 464.501 149.087 466.172 142.671C468.511 133.782 471.786 125.226 476.865 117.473C482.279 109.319 489.363 102.903 497.583 97.6894C503.932 93.6791 510.749 90.5378 517.9 88.3321C518.167 88.2653 518.435 88.1985 518.902 88.0648C524.182 102.569 529.128 117.139 534.608 131.576C534.34 129.036 534.073 126.496 533.806 123.956C533.338 119.612 532.803 115.201 532.269 110.856C531.4 103.103 530.464 95.3501 529.595 87.5969C528.994 82.2499 528.392 76.8361 527.791 71.4891C526.922 63.8028 526.053 56.1165 525.185 48.4302C525.051 47.0935 524.917 45.7567 524.717 44.4868C524.583 43.4174 525.251 42.7491 525.853 42.0138C528.593 38.8725 531.266 35.7311 534.006 32.6566C539.42 26.4407 544.833 20.2917 550.18 14.0758C550.246 14.009 550.38 13.9422 550.647 13.6748C551.449 14.5437 552.318 15.4126 553.187 16.3483C560.739 25.0372 568.291 33.726 575.843 42.348C576.445 43.0164 576.645 43.6848 576.578 44.6873C575.643 52.5073 574.841 60.3273 573.972 68.1473C573.37 73.4942 572.702 78.9081 572.1 84.2551C572.034 84.5892 572.1 84.9234 572.167 85.3913C574.707 85.9928 577.18 86.5944 579.719 87.3296C590.68 90.3373 600.771 95.0827 609.86 101.967C620.487 109.987 627.771 120.28 632.316 132.712C635.323 141.067 637.395 149.689 638.398 158.511C638.932 163.19 639.2 167.935 639.601 172.681C639.734 174.151 639.734 175.622 639.868 177.092C640.002 178.228 639.467 178.964 638.665 179.699C634.12 183.642 629.643 187.652 625.165 191.663C620.086 196.141 615.073 200.619 609.994 205.03C609.927 205.097 609.794 205.164 609.326 205.498C613.336 197.611 614.472 189.524 614.806 180.835C613.803 181.236 613.068 181.503 612.4 181.838C601.907 186.984 591.482 192.331 581.591 198.547C577.313 201.287 573.103 204.094 569.227 207.436C565.818 210.444 563.947 214.321 563.011 218.598C562.477 221.138 562.209 223.745 562.009 226.351C561.474 234.639 562.811 242.726 564.749 250.747C564.816 250.881 564.816 251.282 564.949 251.883Z" + stroke="url(#paint10_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M564.218 248.408C562.079 249.545 560.074 250.614 558.069 251.683C556.064 252.753 553.992 253.755 551.987 254.892C551.185 255.359 550.517 255.426 549.648 254.958C545.571 252.753 541.428 250.614 537.217 248.408C537.685 246.069 538.22 243.73 538.688 241.324C539.958 234.907 540.559 228.491 540.024 222.008C539.824 219.401 539.222 216.861 538.554 214.388C537.284 209.776 534.277 206.434 530.467 203.627C523.784 198.614 516.633 194.337 509.282 190.393C503.601 187.319 497.72 184.445 491.972 181.504C491.438 181.237 490.836 180.969 489.967 180.635C490.101 188.856 491.304 196.476 494.712 203.828C493.309 202.625 491.905 201.422 490.502 200.152C484.153 194.537 477.871 188.99 471.522 183.376C469.985 182.039 468.514 180.635 466.977 179.365C466.309 178.831 466.108 178.162 466.175 177.36C466.443 172.615 466.576 167.869 466.977 163.124C467.579 156.841 468.715 150.692 470.319 144.61C472.524 136.122 475.665 128.034 480.477 120.682C485.623 112.929 492.373 106.847 500.193 101.901C506.208 98.0911 512.69 95.0834 519.507 93.0114C519.774 92.9446 519.975 92.8778 520.51 92.7441C525.522 106.513 530.2 120.415 535.48 134.116C535.213 131.71 535.012 129.304 534.745 126.831C534.277 122.687 533.742 118.543 533.274 114.333C532.406 106.98 531.604 99.5615 530.735 92.2094C530.133 87.1298 529.599 81.9833 529.064 76.9036C528.262 69.6184 527.393 62.2663 526.524 54.981C526.391 53.7111 526.257 52.4412 526.057 51.1712C525.923 50.1687 526.524 49.5003 527.126 48.8319C529.732 45.8243 532.272 42.8834 534.878 39.9426C540.024 34.0609 545.17 28.1792 550.25 22.2975C550.316 22.2307 550.45 22.1638 550.717 21.8965C551.519 22.7654 552.321 23.5674 553.123 24.4363C560.274 32.6573 567.425 40.9451 574.643 49.1661C575.245 49.8345 575.445 50.436 575.312 51.3718C574.443 58.7907 573.641 66.2765 572.839 73.6954C572.237 78.7751 571.636 83.9216 571.101 89.0012C571.034 89.3354 571.101 89.6027 571.168 90.0706C573.574 90.6721 575.98 91.2068 578.319 91.8752C588.745 94.7492 598.302 99.2942 606.923 105.777C617.015 113.397 623.965 123.088 628.242 134.918C631.116 142.805 633.121 151.16 634.057 159.515C634.591 163.993 634.859 168.471 635.193 172.949C635.327 174.353 635.327 175.756 635.46 177.093C635.594 178.162 635.059 178.897 634.324 179.566C630.047 183.309 625.77 187.118 621.492 190.928C616.68 195.206 611.869 199.417 607.057 203.627C606.99 203.694 606.856 203.761 606.388 204.028C610.198 196.543 611.267 188.789 611.601 180.568C610.666 180.969 609.997 181.17 609.329 181.504C599.371 186.383 589.413 191.463 579.99 197.411C575.913 200.018 571.903 202.692 568.227 205.9C564.953 208.774 563.215 212.45 562.279 216.527C561.745 218.933 561.477 221.406 561.344 223.879C560.809 231.766 562.079 239.452 563.95 247.072C564.151 247.473 564.151 247.874 564.218 248.408Z" + stroke="url(#paint11_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M563.547 244.998C561.542 246.067 559.604 247.137 557.732 248.139C555.794 249.142 553.856 250.078 551.985 251.147C551.183 251.548 550.581 251.615 549.779 251.214C545.903 249.142 542.027 247.137 538.017 244.998C538.485 242.725 538.953 240.52 539.421 238.314C540.623 232.232 541.158 226.15 540.69 220.001C540.49 217.528 539.955 215.122 539.287 212.782C538.084 208.438 535.21 205.23 531.601 202.556C525.252 197.811 518.502 193.734 511.552 189.991C506.138 187.05 500.591 184.376 495.178 181.569C494.643 181.302 494.109 181.101 493.24 180.7C493.373 188.453 494.51 195.739 497.717 202.69C496.381 201.554 495.044 200.417 493.708 199.214C487.693 193.934 481.678 188.587 475.73 183.307C474.259 182.037 472.923 180.7 471.386 179.497C470.717 178.963 470.584 178.361 470.584 177.626C470.851 173.148 470.918 168.603 471.386 164.125C471.92 158.176 472.99 152.294 474.527 146.546C476.665 138.526 479.606 130.773 484.217 123.822C489.096 116.47 495.512 110.722 502.864 106.043C508.611 102.434 514.693 99.6266 521.175 97.6215C521.376 97.5547 521.643 97.4878 522.111 97.3542C526.856 110.454 531.267 123.554 536.279 136.521C536.012 134.248 535.812 131.909 535.544 129.637C535.076 125.693 534.609 121.75 534.141 117.806C533.339 110.788 532.537 103.837 531.735 96.8195C531.2 92.0072 530.666 87.1281 530.131 82.3158C529.329 75.3647 528.527 68.4804 527.725 61.5293C527.591 60.3263 527.458 59.1232 527.324 57.9201C527.19 56.9176 527.792 56.316 528.326 55.7145C530.799 52.9073 533.205 50.1002 535.678 47.293C540.557 41.6786 545.435 36.1311 550.314 30.5168C550.381 30.45 550.515 30.3831 550.782 30.1826C551.517 30.9847 552.319 31.7867 553.054 32.5888C559.871 40.4087 566.621 48.2287 573.438 56.0487C573.973 56.6502 574.173 57.2517 574.106 58.1206C573.237 65.1386 572.502 72.2233 571.767 79.3081C571.232 84.1204 570.631 88.9995 570.096 93.8118C570.029 94.0791 570.096 94.4133 570.163 94.8143C572.435 95.4159 574.708 95.8837 576.98 96.5521C586.871 99.2925 595.96 103.57 604.114 109.719C613.671 116.938 620.22 126.027 624.297 137.256C627.037 144.742 628.908 152.762 629.844 160.649C630.312 164.86 630.579 169.137 630.913 173.415C631.047 174.752 631.047 176.089 631.181 177.358C631.314 178.361 630.846 179.029 630.111 179.698C626.035 183.307 621.958 186.849 617.948 190.459C613.403 194.469 608.859 198.479 604.247 202.556C604.181 202.623 604.047 202.69 603.646 202.957C607.255 195.872 608.257 188.52 608.591 180.7C607.723 181.035 607.054 181.302 606.453 181.569C596.963 186.248 587.606 191.06 578.651 196.674C574.775 199.147 570.965 201.687 567.557 204.695C564.482 207.435 562.812 210.911 561.943 214.787C561.408 217.06 561.208 219.399 561.074 221.738C560.539 229.224 561.809 236.51 563.547 243.728C563.413 244.062 563.48 244.396 563.547 244.998Z" + stroke="url(#paint12_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M562.876 241.523C561.005 242.526 559.2 243.529 557.329 244.464C555.524 245.4 553.653 246.336 551.849 247.338C551.114 247.739 550.512 247.806 549.777 247.405C546.101 245.467 542.425 243.529 538.683 241.523C539.151 239.385 539.552 237.313 539.953 235.174C541.089 229.426 541.623 223.678 541.089 217.863C540.888 215.524 540.354 213.251 539.752 210.979C538.616 206.835 535.876 203.894 532.534 201.354C526.519 196.876 520.17 193 513.554 189.457C508.408 186.717 503.195 184.177 498.049 181.504C497.581 181.236 497.047 181.036 496.245 180.701C496.378 188.054 497.448 194.871 500.455 201.488C499.185 200.418 497.915 199.349 496.712 198.213C491.032 193.2 485.351 188.187 479.67 183.174C478.334 181.971 476.997 180.701 475.594 179.565C474.992 179.031 474.792 178.496 474.858 177.761C475.126 173.483 475.193 169.205 475.594 164.995C476.128 159.38 477.131 153.833 478.601 148.352C480.606 140.733 483.413 133.447 487.757 126.897C492.368 119.946 498.383 114.532 505.401 110.054C510.814 106.646 516.628 103.972 522.71 102.101C522.911 102.034 523.111 101.967 523.579 101.833C528.057 114.198 532.267 126.63 536.945 138.861C536.745 136.722 536.544 134.517 536.277 132.378C535.876 128.635 535.408 124.892 535.007 121.216C534.272 114.599 533.47 107.982 532.735 101.366C532.2 96.8206 531.732 92.2088 531.198 87.597C530.463 81.047 529.727 74.4969 528.925 67.9468C528.792 66.8106 528.725 65.6744 528.524 64.5381C528.391 63.6024 528.925 63.0677 529.46 62.4662C531.799 59.7927 534.071 57.1192 536.411 54.5125C541.022 49.2324 545.633 43.9522 550.245 38.6721C550.312 38.6052 550.445 38.5384 550.646 38.3379C551.381 39.0731 552.116 39.8083 552.784 40.6104C559.2 47.9625 565.616 55.3814 572.099 62.8004C572.633 63.4019 572.834 63.9366 572.7 64.8055C571.898 71.4892 571.23 78.173 570.495 84.7899C569.96 89.3348 569.425 93.9466 568.891 98.4915C568.891 98.7589 568.891 99.0262 568.958 99.4272C571.096 99.9619 573.235 100.497 575.373 101.031C584.73 103.571 593.284 107.648 601.037 113.53C610.059 120.347 616.208 128.836 620.084 139.463C622.624 146.548 624.495 154.234 625.364 161.72C625.831 165.73 626.099 169.74 626.433 173.75C626.567 175.02 626.567 176.223 626.7 177.493C626.834 178.496 626.366 179.097 625.698 179.699C621.822 183.108 618.012 186.449 614.203 189.858C609.926 193.668 605.581 197.478 601.237 201.287C601.171 201.354 601.037 201.421 600.636 201.688C604.044 195.005 604.98 188.054 605.314 180.635C604.512 180.969 603.844 181.169 603.242 181.437C594.287 185.848 585.398 190.393 576.977 195.673C573.302 198.012 569.76 200.418 566.485 203.292C563.544 205.832 562.007 209.174 561.138 212.85C560.671 214.989 560.47 217.261 560.27 219.467C559.802 226.552 560.938 233.436 562.609 240.254C562.742 240.655 562.742 240.989 562.876 241.523Z" + stroke="url(#paint13_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M562.14 238.047C560.335 238.983 558.665 239.919 556.927 240.854C555.189 241.723 553.452 242.592 551.781 243.528C551.113 243.929 550.511 243.996 549.843 243.595C546.367 241.723 542.892 239.919 539.35 238.047C539.751 236.042 540.152 234.104 540.553 232.099C541.622 226.685 542.157 221.271 541.622 215.79C541.422 213.585 540.954 211.446 540.353 209.307C539.283 205.431 536.744 202.623 533.536 200.217C527.922 196.006 521.907 192.33 515.692 189.055C510.88 186.449 505.934 184.043 501.055 181.57C500.588 181.302 500.12 181.169 499.385 180.834C499.518 187.785 500.521 194.202 503.395 200.418C502.192 199.415 500.989 198.346 499.853 197.343C494.506 192.598 489.159 187.919 483.813 183.174C482.543 182.037 481.273 180.834 479.937 179.765C479.335 179.297 479.201 178.762 479.268 178.094C479.469 174.084 479.602 170.074 479.937 166.063C480.471 160.783 481.407 155.57 482.744 150.423C484.615 143.272 487.288 136.388 491.365 130.172C495.709 123.622 501.39 118.542 507.939 114.331C513.018 111.123 518.499 108.583 524.246 106.779C524.447 106.712 524.647 106.645 525.048 106.578C529.259 118.208 533.202 129.904 537.679 141.467C537.479 139.395 537.278 137.39 537.011 135.318C536.61 131.776 536.209 128.3 535.808 124.758C535.073 118.542 534.405 112.326 533.669 106.11C533.202 101.766 532.734 97.4882 532.266 93.1438C531.598 86.9948 530.862 80.7789 530.127 74.6298C529.994 73.5605 529.927 72.4911 529.726 71.4217C529.593 70.5528 530.127 70.0181 530.595 69.4165C532.801 66.8767 534.939 64.4037 537.145 61.8639C541.489 56.918 545.833 51.9052 550.177 46.9592C550.244 46.8923 550.311 46.8255 550.578 46.625C551.246 47.3602 551.915 48.0286 552.583 48.7638C558.665 55.7149 564.679 62.666 570.761 69.617C571.229 70.1517 571.429 70.6864 571.363 71.4885C570.627 77.7712 569.959 84.0539 569.291 90.3366C568.823 94.6142 568.288 98.9586 567.82 103.236C567.82 103.504 567.82 103.771 567.887 104.105C569.892 104.64 571.897 105.108 573.902 105.642C582.657 108.049 590.811 111.858 598.095 117.406C606.583 123.822 612.397 131.776 616.006 141.735C618.412 148.418 620.217 155.704 621.019 162.788C621.42 166.531 621.687 170.341 622.021 174.151C622.088 175.354 622.155 176.49 622.222 177.693C622.288 178.629 621.887 179.23 621.286 179.765C617.677 182.973 614.068 186.181 610.459 189.323C606.382 192.932 602.306 196.474 598.296 200.084C598.229 200.15 598.095 200.217 597.761 200.418C600.969 194.135 601.905 187.585 602.172 180.634C601.37 180.968 600.769 181.169 600.234 181.436C591.813 185.58 583.459 189.857 575.506 194.87C572.031 197.076 568.689 199.348 565.615 202.022C562.875 204.428 561.338 207.503 560.603 210.978C560.135 212.983 559.934 215.122 559.801 217.194C559.333 223.811 560.469 230.294 562.006 236.777C562.073 237.245 562.073 237.512 562.14 238.047Z" + stroke="url(#paint14_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M561.473 234.572C559.802 235.441 558.198 236.31 556.594 237.179C554.99 238.048 553.386 238.85 551.782 239.719C551.114 240.053 550.579 240.12 549.978 239.786C546.77 238.048 543.495 236.377 540.154 234.572C540.555 232.701 540.956 230.83 541.29 228.958C542.292 223.878 542.76 218.799 542.292 213.652C542.092 211.58 541.691 209.575 541.089 207.57C540.087 203.894 537.681 201.287 534.673 199.015C529.394 195.005 523.713 191.663 517.899 188.522C513.354 186.115 508.743 183.843 504.198 181.504C503.73 181.303 503.329 181.103 502.594 180.768C502.661 187.252 503.663 193.334 506.337 199.149C505.201 198.213 504.131 197.21 502.995 196.275C497.983 191.863 492.97 187.385 487.958 182.974C486.755 181.905 485.552 180.768 484.349 179.766C483.814 179.298 483.681 178.83 483.681 178.229C483.881 174.486 483.948 170.676 484.349 166.933C484.817 161.987 485.686 157.041 486.955 152.229C488.693 145.545 491.233 139.062 495.109 133.247C499.186 127.098 504.465 122.286 510.681 118.409C515.493 115.401 520.572 113.062 525.985 111.324C526.186 111.258 526.386 111.191 526.787 111.124C530.73 122.018 534.473 133.047 538.616 143.874C538.416 141.936 538.215 140.064 538.015 138.126C537.614 134.851 537.213 131.509 536.879 128.234C536.21 122.419 535.542 116.538 534.874 110.723C534.406 106.646 534.005 102.636 533.537 98.5584C532.869 92.7436 532.201 86.9956 531.532 81.1807C531.399 80.1782 531.332 79.1756 531.198 78.173C531.064 77.371 531.599 76.8363 532 76.3016C534.072 73.9623 536.077 71.623 538.149 69.2168C542.225 64.5382 546.302 59.8596 550.379 55.2478C550.446 55.181 550.512 55.1141 550.78 54.9805C551.381 55.6488 552.05 56.3172 552.651 56.9856C558.332 63.5357 564.013 70.0857 569.693 76.5689C570.161 77.1036 570.295 77.5715 570.228 78.3067C569.493 84.1884 568.891 90.0701 568.223 96.0186C567.755 100.096 567.287 104.106 566.819 108.183C566.819 108.45 566.819 108.651 566.886 108.985C568.758 109.453 570.696 109.921 572.567 110.455C580.787 112.728 588.406 116.337 595.223 121.484C603.243 127.499 608.589 134.851 611.998 144.208C614.27 150.491 615.941 157.442 616.743 164.059C617.144 167.601 617.344 171.144 617.678 174.753C617.745 175.822 617.745 176.959 617.879 178.028C617.946 178.897 617.612 179.432 617.01 179.966C613.602 182.974 610.193 185.982 606.852 188.989C603.042 192.331 599.233 195.74 595.423 199.082C595.357 199.149 595.29 199.216 594.889 199.416C597.896 193.467 598.765 187.385 599.032 180.835C598.297 181.103 597.763 181.303 597.228 181.57C589.342 185.447 581.456 189.457 573.97 194.203C570.763 196.275 567.555 198.413 564.681 200.953C562.074 203.226 560.671 206.1 560.003 209.375C559.602 211.246 559.401 213.251 559.267 215.19C558.866 221.406 559.869 227.488 561.339 233.57C561.339 233.837 561.406 234.105 561.473 234.572Z" + stroke="url(#paint15_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M560.737 231.096C559.133 231.965 557.663 232.767 556.193 233.502C554.722 234.304 553.185 235.04 551.715 235.842C551.113 236.176 550.645 236.243 549.977 235.908C546.97 234.304 543.895 232.7 540.821 231.096C541.155 229.358 541.556 227.621 541.89 225.883C542.826 221.137 543.294 216.392 542.826 211.58C542.692 209.641 542.225 207.77 541.757 205.899C540.821 202.49 538.549 200.017 535.809 197.945C530.863 194.202 525.584 191.061 520.17 188.12C515.96 185.847 511.616 183.709 507.338 181.57C506.937 181.369 506.536 181.169 505.868 180.901C505.935 186.984 506.871 192.665 509.343 198.079C508.274 197.21 507.272 196.274 506.202 195.405C501.524 191.261 496.846 187.117 492.168 182.973C491.031 181.971 489.962 180.901 488.759 179.966C488.225 179.565 488.091 179.097 488.158 178.495C488.358 174.953 488.425 171.477 488.759 167.935C489.227 163.323 490.029 158.711 491.232 154.233C492.903 147.951 495.242 141.935 498.851 136.454C502.66 130.706 507.606 126.228 513.353 122.552C517.831 119.745 522.643 117.54 527.655 115.935C527.856 115.869 527.989 115.802 528.39 115.735C532.066 125.961 535.541 136.187 539.485 146.346C539.284 144.542 539.15 142.737 538.95 140.999C538.616 137.925 538.215 134.85 537.881 131.776C537.279 126.295 536.611 120.881 536.009 115.401C535.608 111.591 535.207 107.848 534.739 104.038C534.138 98.6245 533.47 93.2107 532.868 87.7969C532.735 86.8612 532.668 85.9254 532.534 84.9897C532.4 84.2545 532.868 83.7198 533.336 83.252C535.274 81.0463 537.145 78.8407 539.084 76.6351C542.893 72.2906 546.702 67.8794 550.512 63.5349C550.579 63.4681 550.645 63.4013 550.846 63.2676C551.447 63.8691 552.049 64.5375 552.584 65.139C557.863 71.2212 563.21 77.3703 568.49 83.4525C568.891 83.9203 569.091 84.3882 569.024 85.0566C568.356 90.5372 567.821 96.0847 567.153 101.565C566.752 105.375 566.284 109.118 565.816 112.928C565.816 113.128 565.816 113.396 565.883 113.73C567.621 114.198 569.425 114.599 571.163 115.067C578.848 117.205 585.933 120.547 592.349 125.359C599.834 130.974 604.779 137.724 607.987 146.48C610.126 152.362 611.73 158.979 612.465 165.195C612.866 168.536 613.066 171.811 613.334 175.153C613.401 176.156 613.401 177.225 613.534 178.228C613.601 179.03 613.267 179.565 612.665 180.032C609.457 182.84 606.316 185.647 603.175 188.454C599.633 191.595 596.024 194.737 592.482 197.878C592.415 197.945 592.349 198.012 592.014 198.212C594.821 192.665 595.623 186.984 595.891 180.835C595.222 181.102 594.688 181.302 594.22 181.503C586.801 185.112 579.517 188.922 572.499 193.266C569.492 195.205 566.485 197.143 563.811 199.549C561.405 201.688 560.069 204.361 559.4 207.436C558.999 209.24 558.799 211.045 558.732 212.85C558.331 218.664 559.267 224.346 560.67 230.027C560.67 230.428 560.67 230.695 560.737 231.096Z" + stroke="url(#paint16_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M560.071 227.622C558.6 228.424 557.197 229.159 555.86 229.894C554.457 230.63 553.053 231.298 551.65 232.1C551.115 232.434 550.647 232.434 550.046 232.167C547.239 230.696 544.432 229.159 541.491 227.689C541.826 226.085 542.16 224.414 542.494 222.81C543.363 218.398 543.764 213.987 543.363 209.509C543.229 207.704 542.828 205.967 542.36 204.229C541.491 201.087 539.42 198.748 536.813 196.81C532.202 193.334 527.323 190.393 522.244 187.72C518.301 185.581 514.291 183.643 510.348 181.638C509.947 181.437 509.546 181.304 508.944 181.036C509.011 186.651 509.88 191.931 512.219 197.01C511.283 196.141 510.281 195.339 509.345 194.471C505.001 190.594 500.657 186.784 496.246 182.908C495.177 181.972 494.174 181.036 493.105 180.101C492.637 179.699 492.504 179.298 492.504 178.764C492.704 175.489 492.771 172.214 493.038 168.939C493.439 164.594 494.241 160.383 495.311 156.173C496.848 150.358 499.053 144.677 502.395 139.664C505.937 134.317 510.481 130.173 515.895 126.764C520.038 124.158 524.516 122.086 529.194 120.615C529.328 120.548 529.528 120.548 529.863 120.415C533.271 129.906 536.546 139.463 540.155 148.887C539.954 147.217 539.821 145.546 539.62 143.875C539.286 141.001 538.952 138.127 538.618 135.253C538.016 130.173 537.481 125.093 536.88 120.014C536.479 116.471 536.145 112.996 535.744 109.453C535.142 104.441 534.608 99.361 534.006 94.3482C533.939 93.4793 533.806 92.6104 533.672 91.7415C533.538 91.0063 534.006 90.6053 534.407 90.1374C536.212 88.0655 537.949 86.0603 539.754 83.9884C543.296 79.9113 546.838 75.9011 550.38 71.824C550.447 71.7572 550.514 71.6903 550.714 71.5566C551.249 72.1582 551.85 72.6929 552.385 73.2944C557.331 78.9756 562.276 84.6568 567.222 90.3379C567.623 90.8058 567.756 91.2068 567.689 91.8752C567.088 97.0217 566.553 102.101 565.952 107.248C565.551 110.79 565.15 114.266 564.749 117.808C564.749 118.009 564.749 118.209 564.816 118.543C566.486 118.944 568.09 119.345 569.761 119.813C576.912 121.752 583.529 124.893 589.477 129.371C596.427 134.651 601.039 140.733 603.979 148.887C605.984 154.368 607.521 160.651 608.19 166.399C608.524 169.473 608.724 172.548 608.992 175.689C609.058 176.625 609.058 177.628 609.192 178.563C609.259 179.298 608.925 179.766 608.39 180.234C605.449 182.841 602.509 185.448 599.568 188.054C596.227 190.995 592.952 193.869 589.61 196.81C589.543 196.877 589.477 196.877 589.142 197.077C591.749 191.931 592.484 186.584 592.751 180.903C592.083 181.17 591.615 181.304 591.214 181.571C584.331 184.98 577.514 188.455 571.031 192.532C568.224 194.337 565.484 196.141 562.944 198.347C560.672 200.285 559.469 202.825 558.868 205.699C558.533 207.37 558.333 209.041 558.199 210.779C557.798 216.193 558.734 221.473 560.004 226.753C560.004 226.954 560.004 227.221 560.071 227.622Z" + stroke="url(#paint17_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M559.338 224.213C558.002 224.948 556.732 225.616 555.395 226.285C554.125 226.953 552.789 227.622 551.519 228.29C550.984 228.557 550.583 228.624 550.049 228.357C547.442 226.953 544.836 225.616 542.162 224.213C542.497 222.676 542.764 221.205 543.098 219.735C543.9 215.658 544.301 211.581 543.9 207.437C543.766 205.766 543.365 204.162 542.964 202.558C542.162 199.617 540.224 197.478 537.818 195.673C533.541 192.465 528.997 189.725 524.385 187.252C520.776 185.314 517.034 183.509 513.358 181.637C513.024 181.437 512.623 181.303 512.088 181.036C512.155 186.249 512.957 191.128 515.095 195.807C514.227 195.005 513.291 194.27 512.422 193.468C508.412 189.925 504.336 186.316 500.326 182.774C499.39 181.905 498.388 181.036 497.452 180.167C496.984 179.833 496.917 179.432 496.917 178.897C497.118 175.889 497.185 172.815 497.452 169.807C497.853 165.797 498.521 161.854 499.591 157.977C500.994 152.563 503.066 147.35 506.14 142.671C509.415 137.725 513.625 133.916 518.571 130.774C522.447 128.368 526.524 126.43 530.868 125.093C531.001 125.026 531.202 125.026 531.469 124.893C534.677 133.648 537.618 142.471 540.959 151.226C540.826 149.689 540.625 148.152 540.492 146.615C540.224 143.941 539.89 141.335 539.556 138.661C539.021 133.982 538.487 129.304 537.952 124.558C537.618 121.283 537.217 118.075 536.883 114.8C536.348 110.122 535.813 105.51 535.279 100.831C535.212 100.029 535.145 99.227 535.011 98.425C534.945 97.7566 535.346 97.3556 535.68 96.9545C537.35 95.0831 538.954 93.1448 540.625 91.2734C543.9 87.5305 547.175 83.7876 550.45 80.0447C550.516 79.9779 550.583 79.9779 550.717 79.7773C551.251 80.312 551.719 80.8467 552.254 81.3814C556.799 86.5948 561.41 91.8749 565.954 97.1551C566.355 97.5561 566.489 97.9571 566.355 98.5586C565.821 103.304 565.286 108.05 564.752 112.795C564.417 116.07 564.016 119.278 563.615 122.553C563.615 122.754 563.615 122.954 563.615 123.222C565.153 123.623 566.69 123.957 568.16 124.358C574.776 126.162 580.858 129.036 586.405 133.247C592.821 138.126 597.031 143.607 599.771 151.16C601.576 156.172 603.046 162.188 603.714 167.468C604.049 170.342 604.249 173.149 604.45 176.023C604.516 176.892 604.516 177.828 604.65 178.697C604.717 179.365 604.383 179.833 603.915 180.234C601.175 182.64 598.435 185.046 595.761 187.452C592.687 190.126 589.613 192.866 586.539 195.54C586.472 195.606 586.405 195.606 586.138 195.807C588.544 191.062 589.212 186.116 589.479 180.902C588.878 181.17 588.477 181.303 588.009 181.504C581.66 184.645 575.378 187.853 569.363 191.663C566.756 193.334 564.217 195.005 561.878 197.077C559.806 198.882 558.67 201.221 558.068 203.827C557.734 205.365 557.601 206.969 557.467 208.506C557.133 213.519 557.935 218.398 559.138 223.277C559.271 223.544 559.338 223.812 559.338 224.213Z" + stroke="url(#paint18_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M558.67 220.737C557.401 221.406 556.264 222.007 555.061 222.676C553.858 223.277 552.655 223.879 551.519 224.547C551.052 224.814 550.651 224.881 550.183 224.614C547.777 223.344 545.371 222.074 542.965 220.804C543.232 219.401 543.5 218.064 543.834 216.66C544.569 212.917 544.903 209.174 544.569 205.365C544.435 203.828 544.101 202.357 543.7 200.887C542.965 198.213 541.16 196.275 538.955 194.604C535.079 191.663 530.868 189.19 526.591 186.851C523.249 185.046 519.841 183.375 516.499 181.638C516.165 181.504 515.831 181.37 515.297 181.103C515.363 185.915 516.098 190.393 518.037 194.671C517.235 193.936 516.366 193.267 515.564 192.532C511.888 189.257 508.146 185.982 504.47 182.707C503.601 181.905 502.732 181.103 501.796 180.368C501.395 180.033 501.262 179.699 501.329 179.231C501.462 176.424 501.529 173.684 501.796 170.877C502.131 167.201 502.799 163.591 503.735 160.049C505.004 155.103 506.943 150.291 509.816 146.013C512.824 141.468 516.7 137.993 521.245 135.119C524.787 132.913 528.529 131.175 532.539 129.905C532.673 129.839 532.806 129.839 533.141 129.772C536.081 137.859 538.821 145.946 541.896 153.967C541.762 152.563 541.628 151.16 541.428 149.756C541.16 147.35 540.826 144.877 540.559 142.471C540.091 138.126 539.556 133.849 539.089 129.504C538.754 126.497 538.42 123.556 538.086 120.548C537.618 116.271 537.084 111.993 536.616 107.715C536.549 106.98 536.482 106.245 536.349 105.51C536.282 104.908 536.616 104.507 536.95 104.173C538.487 102.435 539.957 100.697 541.495 98.9597C544.502 95.4842 547.509 92.0755 550.517 88.5999C550.584 88.5331 550.651 88.5331 550.784 88.3994C551.252 88.8673 551.72 89.402 552.188 89.8698C556.398 94.6821 560.542 99.4944 564.752 104.307C565.086 104.708 565.22 105.042 565.153 105.577C564.618 109.921 564.151 114.265 563.683 118.61C563.349 121.618 563.014 124.558 562.68 127.566C562.68 127.767 562.68 127.967 562.68 128.168C564.084 128.502 565.487 128.836 566.891 129.237C572.972 130.908 578.586 133.581 583.599 137.391C589.48 141.869 593.289 146.748 595.829 153.7C597.5 158.311 598.903 163.926 599.438 168.805C599.705 171.411 599.906 174.018 600.106 176.692C600.173 177.494 600.173 178.296 600.24 179.165C600.307 179.833 600.039 180.234 599.571 180.568C597.032 182.774 594.559 184.979 592.086 187.185C589.279 189.658 586.472 192.131 583.665 194.604C583.599 194.671 583.532 194.671 583.264 194.871C585.47 190.527 586.138 185.982 586.339 181.17C585.804 181.37 585.403 181.504 585.002 181.704C579.188 184.578 573.373 187.519 567.893 190.995C565.487 192.532 563.148 194.069 561.009 195.941C559.138 197.612 558.069 199.75 557.534 202.157C557.2 203.56 557.066 205.031 557 206.434C556.665 211.046 557.467 215.524 558.537 220.002C558.604 220.136 558.604 220.403 558.67 220.737Z" + stroke="url(#paint19_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M558.001 217.261C556.865 217.863 555.796 218.465 554.727 218.999C553.657 219.601 552.521 220.135 551.519 220.67C551.118 220.938 550.717 220.937 550.316 220.737C548.11 219.601 545.972 218.398 543.699 217.261C543.967 215.992 544.234 214.722 544.501 213.519C545.17 210.11 545.504 206.701 545.17 203.226C545.036 201.822 544.769 200.485 544.368 199.149C543.699 196.676 542.095 194.938 540.09 193.4C536.548 190.727 532.739 188.455 528.796 186.316C525.722 184.712 522.647 183.174 519.573 181.57C519.306 181.437 518.972 181.303 518.504 181.102C518.571 185.447 519.239 189.524 521.043 193.467C520.308 192.799 519.573 192.197 518.838 191.529C515.496 188.521 512.088 185.581 508.746 182.573C507.944 181.838 507.142 181.102 506.34 180.434C506.006 180.167 505.873 179.833 505.873 179.365C506.006 176.825 506.073 174.285 506.34 171.745C506.675 168.403 507.276 165.128 508.078 161.853C509.281 157.308 511.019 152.964 513.625 149.02C516.365 144.877 519.84 141.735 523.984 139.062C527.192 137.057 530.667 135.453 534.276 134.316C534.41 134.249 534.543 134.249 534.811 134.183C537.484 141.535 539.957 148.887 542.764 156.239C542.63 154.969 542.496 153.632 542.363 152.362C542.095 150.157 541.828 147.951 541.561 145.745C541.093 141.802 540.692 137.859 540.224 133.982C539.89 131.242 539.623 128.568 539.355 125.828C538.887 121.951 538.486 118.008 538.019 114.131C537.952 113.463 537.885 112.795 537.818 112.126C537.751 111.592 538.085 111.257 538.353 110.856C539.756 109.252 541.093 107.715 542.496 106.111C545.236 102.97 547.977 99.8282 550.717 96.6868C550.784 96.62 550.85 96.62 550.984 96.4863C551.385 96.9542 551.853 97.3552 552.254 97.8231C556.063 102.234 559.873 106.579 563.749 110.99C564.083 111.324 564.15 111.658 564.083 112.193C563.615 116.137 563.214 120.147 562.746 124.09C562.412 126.83 562.145 129.504 561.811 132.244C561.811 132.378 561.811 132.579 561.811 132.779C563.081 133.113 564.35 133.381 565.62 133.715C571.167 135.252 576.246 137.658 580.858 141.134C586.204 145.211 589.68 149.488 591.952 155.838C593.489 160.049 594.826 165.329 595.294 169.807C595.561 172.213 595.695 174.619 595.895 176.959C595.962 177.694 595.962 178.429 596.029 179.164C596.095 179.766 595.828 180.1 595.427 180.501C593.155 182.506 590.883 184.511 588.61 186.516C586.071 188.789 583.464 191.061 580.925 193.267C580.858 193.334 580.791 193.334 580.591 193.467C582.595 189.457 583.197 185.38 583.397 180.969C582.93 181.169 582.529 181.303 582.194 181.437C576.848 184.043 571.568 186.784 566.556 189.925C564.35 191.329 562.279 192.732 560.274 194.47C558.536 196.007 557.6 197.945 557.133 200.151C556.865 201.421 556.732 202.758 556.598 204.094C556.331 208.305 556.999 212.382 558.001 216.459C557.935 216.727 557.935 216.927 558.001 217.261Z" + stroke="url(#paint20_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M557.265 213.785C556.262 214.32 555.26 214.855 554.324 215.389C553.322 215.924 552.386 216.392 551.384 216.927C550.983 217.127 550.649 217.194 550.248 216.993C548.309 215.924 546.305 214.922 544.3 213.852C544.5 212.716 544.767 211.58 544.968 210.443C545.569 207.369 545.837 204.294 545.569 201.153C545.436 199.883 545.168 198.68 544.834 197.477C544.233 195.271 542.762 193.667 540.958 192.264C537.75 189.858 534.342 187.786 530.8 185.914C528.059 184.444 525.252 183.04 522.446 181.636C522.178 181.503 521.911 181.369 521.443 181.235C521.51 185.179 522.111 188.855 523.715 192.397C523.047 191.796 522.379 191.261 521.71 190.66C518.636 187.986 515.629 185.246 512.554 182.572C511.819 181.904 511.084 181.235 510.349 180.634C510.015 180.367 509.948 180.099 509.948 179.698C510.082 177.426 510.148 175.086 510.349 172.814C510.616 169.806 511.151 166.799 511.953 163.925C513.022 159.848 514.626 155.904 516.965 152.362C519.438 148.619 522.579 145.812 526.322 143.406C529.196 141.601 532.337 140.131 535.611 139.128C535.745 139.061 535.812 139.061 536.079 138.994C538.485 145.611 540.757 152.295 543.297 158.845C543.163 157.709 543.097 156.506 542.963 155.369C542.762 153.364 542.495 151.359 542.295 149.354C541.894 145.812 541.493 142.269 541.092 138.727C540.824 136.254 540.557 133.781 540.29 131.375C539.889 127.832 539.488 124.357 539.087 120.815C539.02 120.213 538.953 119.611 538.886 119.01C538.819 118.542 539.087 118.208 539.421 117.874C540.691 116.47 541.894 115 543.163 113.596C545.636 110.789 548.109 107.915 550.582 105.108C550.649 105.041 550.649 105.041 550.782 104.907C551.183 105.308 551.584 105.709 551.918 106.11C555.394 110.054 558.802 114.064 562.277 118.007C562.545 118.342 562.678 118.609 562.611 119.077C562.21 122.619 561.809 126.228 561.408 129.838C561.141 132.311 560.807 134.717 560.54 137.19C560.54 137.323 560.54 137.524 560.54 137.724C561.676 137.992 562.812 138.259 563.948 138.593C568.96 139.997 573.572 142.136 577.715 145.277C582.594 148.953 585.602 152.696 587.673 158.377C589.077 162.187 590.28 167.133 590.748 171.143C591.015 173.282 591.149 175.487 591.282 177.626C591.349 178.295 591.349 178.963 591.416 179.631C591.483 180.166 591.215 180.5 590.881 180.834C588.81 182.639 586.738 184.444 584.733 186.315C582.394 188.387 580.121 190.392 577.782 192.464C577.715 192.531 577.649 192.531 577.448 192.665C579.253 189.055 579.787 185.379 579.988 181.369C579.52 181.57 579.186 181.637 578.918 181.837C574.107 184.176 569.361 186.649 564.817 189.523C562.879 190.793 560.941 192.063 559.203 193.6C557.666 195.004 556.797 196.742 556.329 198.68C556.062 199.816 555.928 201.019 555.861 202.222C555.594 206.032 556.196 209.708 557.131 213.384C557.198 213.317 557.265 213.518 557.265 213.785Z" + stroke="url(#paint21_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M556.593 210.309C555.658 210.777 554.789 211.245 553.987 211.713C553.118 212.181 552.249 212.582 551.38 213.05C551.046 213.25 550.712 213.25 550.378 213.117C548.64 212.181 546.836 211.245 545.031 210.309C545.232 209.307 545.432 208.304 545.633 207.302C546.167 204.561 546.435 201.821 546.167 199.014C546.101 197.878 545.833 196.808 545.499 195.739C544.964 193.734 543.628 192.33 542.024 191.127C539.15 188.988 536.076 187.117 532.935 185.446C530.462 184.109 527.989 182.906 525.516 181.636C525.249 181.503 525.049 181.436 524.648 181.235C524.714 184.778 525.249 188.053 526.653 191.194C526.051 190.659 525.45 190.125 524.848 189.657C522.108 187.251 519.435 184.844 516.695 182.438C516.026 181.837 515.425 181.235 514.756 180.7C514.489 180.433 514.355 180.166 514.422 179.832C514.556 177.76 514.556 175.755 514.756 173.683C515.024 171.009 515.492 168.336 516.16 165.729C517.096 162.12 518.566 158.51 520.638 155.369C522.843 152.027 525.583 149.487 528.925 147.415C531.531 145.745 534.271 144.475 537.212 143.606C537.346 143.606 537.412 143.539 537.613 143.472C539.752 149.354 541.757 155.302 544.029 161.184C543.895 160.115 543.828 159.112 543.695 158.043C543.494 156.238 543.294 154.5 543.093 152.696C542.759 149.554 542.358 146.346 542.024 143.205C541.757 140.999 541.556 138.793 541.289 136.655C540.955 133.513 540.554 130.372 540.219 127.231C540.153 126.696 540.086 126.161 540.019 125.627C539.952 125.159 540.219 124.891 540.487 124.624C541.623 123.354 542.692 122.084 543.828 120.814C546.034 118.274 548.239 115.735 550.445 113.262C550.511 113.195 550.511 113.195 550.645 113.128C550.979 113.462 551.313 113.863 551.648 114.197C554.722 117.74 557.796 121.282 560.87 124.824C561.138 125.092 561.205 125.359 561.138 125.76C560.737 128.968 560.403 132.177 560.068 135.318C559.801 137.524 559.534 139.729 559.333 141.868C559.333 142.002 559.333 142.135 559.333 142.336C560.336 142.603 561.405 142.804 562.408 143.138C566.885 144.341 570.962 146.279 574.705 149.086C579.049 152.361 581.655 155.503 583.526 160.582C584.729 163.991 585.932 168.603 586.333 172.145C586.534 174.084 586.667 176.022 586.801 177.893C586.868 178.495 586.868 179.096 586.935 179.698C587.002 180.166 586.801 180.433 586.467 180.767C584.596 182.371 582.791 184.042 580.987 185.646C578.915 187.451 576.843 189.256 574.771 191.127C574.705 191.194 574.705 191.194 574.504 191.328C576.108 188.119 576.576 184.778 576.776 181.235C576.375 181.369 576.108 181.503 575.774 181.636C571.497 183.708 567.219 185.914 563.21 188.454C561.472 189.59 559.734 190.726 558.197 192.063C556.794 193.266 556.059 194.87 555.658 196.608C555.457 197.61 555.323 198.68 555.257 199.749C555.056 203.158 555.591 206.433 556.393 209.708C556.526 209.908 556.526 210.042 556.593 210.309Z" + stroke="url(#paint22_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M555.862 206.835C555.06 207.236 554.325 207.703 553.523 208.104C552.788 208.506 551.986 208.907 551.251 209.308C550.916 209.508 550.716 209.508 550.382 209.308C548.845 208.506 547.308 207.703 545.704 206.835C545.904 205.966 546.038 205.03 546.238 204.161C546.706 201.755 546.973 199.349 546.706 196.876C546.639 195.873 546.439 194.938 546.171 194.002C545.704 192.264 544.567 190.994 543.097 189.925C540.558 188.053 537.884 186.449 535.144 184.912C533.006 183.776 530.8 182.706 528.595 181.57C528.394 181.436 528.194 181.37 527.859 181.236C527.926 184.31 528.394 187.184 529.664 189.992C529.129 189.524 528.595 189.056 528.06 188.588C525.654 186.449 523.315 184.377 520.909 182.238C520.307 181.704 519.773 181.169 519.171 180.701C518.904 180.501 518.837 180.233 518.837 179.966C518.971 178.161 518.971 176.357 519.171 174.619C519.372 172.28 519.84 169.94 520.441 167.601C521.31 164.393 522.58 161.251 524.451 158.511C526.389 155.57 528.795 153.365 531.736 151.493C534.008 150.023 536.481 148.953 539.02 148.151C539.087 148.151 539.221 148.085 539.355 148.018C541.226 153.231 543.03 158.444 544.968 163.591C544.902 162.655 544.768 161.786 544.701 160.85C544.501 159.313 544.367 157.709 544.166 156.172C543.832 153.365 543.498 150.624 543.231 147.817C543.03 145.879 542.83 143.941 542.562 142.069C542.228 139.329 541.961 136.589 541.627 133.781C541.56 133.313 541.56 132.846 541.493 132.378C541.426 131.977 541.694 131.776 541.894 131.509C542.897 130.373 543.832 129.236 544.835 128.167C546.773 125.961 548.711 123.756 550.649 121.483C550.649 121.416 550.716 121.416 550.85 121.35C551.117 121.684 551.451 121.951 551.718 122.285C554.392 125.36 557.132 128.501 559.805 131.576C560.006 131.843 560.072 132.044 560.072 132.378C559.738 135.185 559.471 137.992 559.137 140.799C558.936 142.738 558.669 144.676 558.468 146.547C558.468 146.681 558.468 146.815 558.468 146.948C559.337 147.149 560.273 147.416 561.142 147.617C565.085 148.686 568.694 150.424 571.968 152.897C575.778 155.771 578.05 158.311 579.654 162.789C580.723 165.796 581.86 170.074 582.194 173.215C582.394 174.886 582.461 176.624 582.662 178.295C582.728 178.83 582.728 179.364 582.795 179.899C582.862 180.3 582.662 180.567 582.394 180.835C580.79 182.238 579.186 183.709 577.515 185.112C575.711 186.717 573.907 188.321 572.102 189.925C572.035 189.925 572.035 189.992 571.835 190.058C573.238 187.251 573.706 184.31 573.773 181.236C573.439 181.37 573.171 181.436 572.904 181.57C569.162 183.442 565.419 185.313 561.877 187.585C560.34 188.588 558.803 189.591 557.466 190.794C556.263 191.863 555.595 193.267 555.261 194.804C555.06 195.74 554.993 196.675 554.926 197.544C554.726 200.485 555.194 203.426 555.929 206.3C555.862 206.5 555.862 206.634 555.862 206.835Z" + stroke="url(#paint23_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M555.191 203.426C554.523 203.827 553.854 204.161 553.186 204.495C552.518 204.829 551.849 205.164 551.181 205.565C550.914 205.698 550.713 205.765 550.446 205.565C549.109 204.829 547.773 204.161 546.436 203.426C546.57 202.624 546.77 201.889 546.904 201.153C547.305 199.081 547.505 197.009 547.305 194.871C547.238 194.002 547.038 193.2 546.837 192.398C546.436 190.927 545.434 189.791 544.231 188.922C542.092 187.318 539.753 185.914 537.347 184.645C535.476 183.642 533.604 182.706 531.733 181.771C531.533 181.704 531.399 181.637 531.065 181.503C531.132 184.177 531.533 186.65 532.602 189.056C532.134 188.655 531.666 188.254 531.265 187.853C529.194 186.048 527.122 184.243 525.117 182.372C524.649 181.904 524.114 181.503 523.646 181.035C523.446 180.835 523.379 180.634 523.379 180.367C523.446 178.83 523.513 177.292 523.646 175.755C523.847 173.75 524.181 171.678 524.716 169.74C525.451 166.999 526.587 164.259 528.191 161.853C529.862 159.313 531.867 157.442 534.406 155.838C536.345 154.568 538.483 153.632 540.689 152.964C540.755 152.964 540.822 152.897 541.023 152.897C542.627 157.375 544.164 161.853 545.901 166.331C545.835 165.529 545.768 164.727 545.634 163.992C545.5 162.655 545.3 161.318 545.166 159.915C544.899 157.509 544.632 155.102 544.364 152.696C544.164 151.025 544.03 149.354 543.83 147.683C543.562 145.277 543.295 142.938 543.028 140.532C542.961 140.131 542.961 139.73 542.894 139.329C542.827 138.995 543.028 138.794 543.228 138.594C544.097 137.658 544.899 136.655 545.768 135.72C547.439 133.781 549.109 131.91 550.78 129.972C550.78 129.972 550.847 129.905 550.914 129.838C551.181 130.105 551.449 130.373 551.716 130.64C554.055 133.313 556.394 135.987 558.733 138.66C558.934 138.861 559.001 139.061 558.934 139.396C558.666 141.802 558.399 144.208 558.132 146.681C557.931 148.352 557.731 150.023 557.53 151.627C557.53 151.761 557.53 151.827 557.53 151.961C558.332 152.162 559.067 152.362 559.869 152.563C563.278 153.498 566.352 154.969 569.159 157.108C572.434 159.581 574.305 161.519 575.708 165.395C576.644 168.002 577.647 171.879 577.981 174.619C578.114 176.089 578.248 177.56 578.382 178.963C578.449 179.431 578.449 179.899 578.449 180.3C578.515 180.634 578.315 180.902 578.048 181.102C576.644 182.305 575.241 183.575 573.837 184.778C572.3 186.182 570.696 187.519 569.159 188.922C569.159 188.922 569.092 188.989 568.958 189.056C570.161 186.65 570.562 184.11 570.629 181.436C570.295 181.57 570.095 181.637 569.894 181.771C566.619 183.375 563.411 185.046 560.337 186.917C559.001 187.786 557.731 188.655 556.528 189.657C555.458 190.593 554.924 191.796 554.59 193.133C554.389 193.935 554.322 194.737 554.255 195.539C554.055 198.079 554.523 200.619 555.124 203.092C555.124 203.092 555.191 203.225 555.191 203.426Z" + stroke="url(#paint24_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M554.365 203.041C553.729 203.397 553.163 203.682 552.598 203.967C552.033 204.252 551.397 204.537 550.831 204.893C550.619 205.036 550.407 205.036 550.195 204.893C548.994 204.252 547.792 203.611 546.591 202.97C546.732 202.257 546.874 201.616 547.015 200.904C547.368 199.051 547.58 197.199 547.368 195.276C547.298 194.492 547.156 193.779 546.944 193.067C546.591 191.713 545.672 190.787 544.612 189.932C542.704 188.436 540.655 187.225 538.535 186.085C536.909 185.159 535.213 184.376 533.517 183.521C533.376 183.449 533.164 183.378 532.952 183.236C533.023 185.658 533.376 187.866 534.295 190.004C533.871 189.647 533.517 189.291 533.093 188.935C531.256 187.296 529.419 185.658 527.581 184.019C527.157 183.592 526.733 183.236 526.239 182.808C526.026 182.666 525.956 182.452 526.027 182.238C526.097 180.885 526.168 179.46 526.239 178.106C526.38 176.254 526.733 174.473 527.228 172.692C527.864 170.199 528.924 167.776 530.337 165.639C531.821 163.359 533.588 161.721 535.849 160.296C537.616 159.156 539.454 158.301 541.432 157.731C541.503 157.731 541.574 157.66 541.715 157.66C543.128 161.65 544.542 165.71 546.026 169.7C545.955 168.987 545.884 168.275 545.814 167.563C545.672 166.351 545.531 165.14 545.39 163.929C545.178 161.792 544.895 159.655 544.683 157.518C544.542 156.021 544.33 154.525 544.188 153.029C543.976 150.892 543.694 148.755 543.482 146.618C543.411 146.261 543.411 145.905 543.34 145.549C543.27 145.264 543.482 145.05 543.623 144.837C544.4 143.982 545.107 143.127 545.884 142.272C547.368 140.562 548.853 138.852 550.337 137.142C550.337 137.142 550.407 137.071 550.478 137C550.69 137.214 550.973 137.499 551.185 137.712C553.234 140.135 555.354 142.486 557.403 144.908C557.545 145.122 557.615 145.264 557.615 145.549C557.333 147.686 557.121 149.895 556.909 152.032C556.767 153.528 556.555 155.024 556.414 156.52C556.414 156.591 556.414 156.734 556.414 156.805C557.121 156.948 557.827 157.161 558.463 157.304C561.502 158.159 564.258 159.441 566.732 161.365C569.629 163.573 571.184 164.998 572.456 168.418C573.304 170.697 574.293 174.544 574.576 176.966C574.717 178.249 574.788 179.602 574.929 180.885C574.929 181.312 575 181.668 575 182.096C575 182.381 574.859 182.595 574.647 182.808C573.375 183.877 572.173 185.017 570.901 186.085C569.488 187.296 568.145 188.579 566.732 189.79C566.732 189.79 566.661 189.861 566.52 189.932C567.65 187.724 567.933 185.515 568.004 183.093C567.721 183.236 567.509 183.236 567.368 183.378C564.47 184.803 561.644 186.299 558.888 188.009C557.686 188.793 556.555 189.576 555.495 190.502C554.577 191.357 554.011 192.426 553.799 193.566C553.658 194.278 553.587 194.991 553.517 195.703C553.375 197.983 553.729 200.262 554.294 202.471C554.294 202.756 554.294 202.827 554.365 203.041Z" + stroke="url(#paint25_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M553.786 196.475C553.319 196.742 552.851 196.942 552.45 197.21C551.982 197.477 551.514 197.678 551.113 197.945C550.913 198.079 550.779 198.079 550.579 197.945C549.643 197.477 548.774 197.009 547.838 196.475C547.972 195.94 548.039 195.405 548.173 194.937C548.44 193.534 548.574 192.063 548.44 190.66C548.373 190.058 548.239 189.523 548.106 188.989C547.838 187.986 547.17 187.251 546.301 186.583C544.831 185.446 543.227 184.511 541.623 183.642C540.353 182.973 539.084 182.305 537.814 181.704C537.68 181.637 537.546 181.57 537.346 181.503C537.346 183.308 537.613 184.979 538.415 186.649C538.081 186.382 537.814 186.115 537.48 185.847C536.076 184.578 534.673 183.374 533.269 182.105C532.935 181.837 532.601 181.503 532.267 181.236C532.133 181.102 532.066 180.968 532.066 180.768C532.133 179.698 532.133 178.629 532.267 177.626C532.4 176.223 532.668 174.886 533.002 173.549C533.47 171.678 534.338 169.74 535.475 168.136C536.611 166.398 537.947 165.195 539.685 164.058C541.022 163.19 542.425 162.588 543.962 162.053C544.029 162.053 544.096 162.053 544.163 161.986C545.299 165.061 546.301 168.136 547.437 171.143C547.371 170.609 547.304 170.074 547.237 169.539C547.103 168.603 547.036 167.668 546.903 166.799C546.702 165.195 546.502 163.524 546.368 161.92C546.235 160.783 546.101 159.647 545.967 158.511C545.767 156.907 545.566 155.303 545.433 153.632C545.433 153.364 545.366 153.097 545.366 152.763C545.299 152.562 545.499 152.362 545.566 152.228C546.168 151.56 546.702 150.892 547.304 150.223C548.44 148.886 549.576 147.616 550.712 146.28C550.712 146.28 550.779 146.213 550.846 146.213C551.046 146.413 551.18 146.614 551.381 146.748C552.985 148.552 554.522 150.424 556.126 152.228C556.259 152.362 556.326 152.496 556.259 152.696C556.059 154.367 555.925 155.971 555.725 157.642C555.591 158.778 555.457 159.915 555.324 161.051C555.324 161.118 555.324 161.184 555.324 161.251C555.858 161.385 556.393 161.519 556.928 161.652C559.2 162.254 561.338 163.256 563.277 164.727C565.482 166.398 566.618 167.133 567.554 169.74C568.222 171.477 569.091 174.752 569.291 176.624C569.425 177.626 569.492 178.629 569.559 179.632C569.559 179.966 569.559 180.233 569.626 180.567C569.626 180.835 569.559 180.968 569.358 181.102C568.423 181.904 567.487 182.773 566.485 183.642C565.415 184.578 564.346 185.513 563.277 186.449C563.277 186.449 563.21 186.449 563.143 186.516C564.012 184.845 564.212 183.174 564.279 181.302C564.079 181.369 563.945 181.436 563.744 181.503C561.539 182.572 559.334 183.709 557.262 185.045C556.326 185.647 555.457 186.182 554.655 186.917C553.92 187.518 553.519 188.387 553.319 189.256C553.185 189.791 553.118 190.326 553.118 190.86C552.985 192.598 553.252 194.269 553.72 196.007C553.786 196.274 553.786 196.341 553.786 196.475Z" + stroke="url(#paint26_linear_2664_20918)" stroke-width="0.8" stroke-miterlimit="10" /> + d="M566.356 347.394C566.824 343.584 567.291 339.774 567.826 335.964C568.628 330.016 569.43 324.001 570.232 318.052C571.301 309.965 572.437 301.811 573.507 293.723C574.376 287.039 575.178 280.356 576.113 273.739C577.249 265.585 578.185 257.364 579.588 249.21C580.858 241.791 584.133 235.241 589.68 229.96C592.955 226.819 596.764 224.48 600.707 222.274C603.782 220.536 606.856 218.865 609.997 217.328C617.549 213.452 625.168 209.642 632.72 205.832C633.388 205.498 634.056 205.231 635.059 204.763C633.789 208.105 632.653 211.112 631.517 214.12C628.576 222.007 626.838 230.094 625.769 238.382C624.566 247.94 624.633 257.564 624.7 267.189C624.767 270.798 625.101 274.474 625.435 278.083C625.569 279.353 625.235 280.356 624.366 281.291C611.801 295.728 599.304 310.232 586.806 324.736C580.39 332.155 573.975 339.574 567.559 346.993C567.358 347.26 567.091 347.46 566.824 347.661C566.623 347.46 566.489 347.46 566.356 347.394Z" + stroke="url(#paint27_linear_2664_20918)" stroke-miterlimit="10" /> + d="M569.96 339.975C570.361 336.566 570.829 333.158 571.297 329.749C572.032 324.402 572.767 319.055 573.436 313.708C574.438 306.423 575.374 299.137 576.376 291.852C577.178 285.904 577.913 279.888 578.715 273.94C579.718 266.588 580.587 259.236 581.79 251.95C582.926 245.267 585.866 239.452 590.812 234.706C593.753 231.899 597.161 229.76 600.636 227.822C603.376 226.285 606.116 224.814 608.923 223.344C615.673 219.868 622.49 216.46 629.307 213.051C629.909 212.784 630.51 212.516 631.379 212.115C630.243 215.123 629.24 217.796 628.238 220.47C625.631 227.488 624.027 234.773 623.092 242.259C622.022 250.814 622.022 259.436 622.156 268.058C622.223 271.333 622.557 274.541 622.824 277.816C622.958 278.953 622.624 279.821 621.889 280.69C610.661 293.657 599.433 306.623 588.206 319.59C582.458 326.273 576.71 332.89 570.963 339.507C570.762 339.708 570.495 339.908 570.295 340.109C570.161 340.109 570.027 340.042 569.96 339.975Z" + stroke="url(#paint28_linear_2664_20918)" stroke-miterlimit="10" /> + d="M573.507 332.622C573.908 329.614 574.242 326.607 574.643 323.532C575.244 318.787 575.913 314.041 576.581 309.363C577.45 302.946 578.318 296.463 579.12 290.047C579.789 284.766 580.457 279.486 581.192 274.206C582.061 267.723 582.863 261.24 583.932 254.757C584.935 248.875 587.541 243.661 591.952 239.518C594.559 237.045 597.566 235.173 600.64 233.435C603.046 232.032 605.519 230.762 607.992 229.492C614.007 226.417 620.022 223.41 626.036 220.402C626.571 220.135 627.106 219.934 627.841 219.533C626.838 222.207 625.903 224.546 625.034 226.952C622.695 233.168 621.291 239.584 620.489 246.201C619.554 253.821 619.554 261.373 619.687 268.993C619.687 271.867 620.022 274.741 620.289 277.615C620.356 278.617 620.088 279.419 619.42 280.155C609.462 291.584 599.571 303.08 589.68 314.576C584.601 320.458 579.521 326.339 574.375 332.221C574.175 332.422 573.974 332.555 573.774 332.756C573.707 332.689 573.573 332.622 573.507 332.622Z" + stroke="url(#paint29_linear_2664_20918)" stroke-miterlimit="10" /> + d="M577.049 325.204C577.383 322.598 577.717 319.924 578.051 317.318C578.586 313.174 579.187 309.097 579.722 304.953C580.457 299.338 581.192 293.791 581.928 288.177C582.529 283.565 583.131 279.02 583.732 274.408C584.467 268.794 585.202 263.113 586.138 257.498C587.007 252.352 589.279 247.874 593.088 244.264C595.361 242.126 597.967 240.455 600.64 238.917C602.712 237.714 604.851 236.578 607.056 235.509C612.269 232.835 617.482 230.229 622.695 227.622C623.163 227.421 623.631 227.221 624.299 226.887C623.43 229.159 622.628 231.231 621.893 233.303C619.888 238.717 618.618 244.331 617.95 250.012C617.148 256.629 617.148 263.246 617.215 269.863C617.215 272.336 617.482 274.876 617.749 277.349C617.816 278.218 617.616 278.886 617.014 279.555C608.393 289.513 599.772 299.472 591.15 309.498C586.739 314.644 582.329 319.724 577.851 324.803C577.717 325.004 577.517 325.138 577.316 325.271C577.249 325.271 577.116 325.271 577.049 325.204Z" + stroke="url(#paint30_linear_2664_20918)" stroke-miterlimit="10" /> + d="M580.588 317.851C580.855 315.646 581.123 313.373 581.457 311.168C581.925 307.692 582.392 304.217 582.86 300.674C583.528 295.929 584.13 291.183 584.731 286.438C585.266 282.561 585.734 278.618 586.269 274.741C586.937 269.929 587.472 265.117 588.274 260.371C589.009 256.027 590.947 252.217 594.155 249.143C596.093 247.338 598.298 245.934 600.571 244.598C602.375 243.595 604.18 242.593 605.984 241.657C610.395 239.384 614.873 237.179 619.284 234.906C619.684 234.706 620.085 234.572 620.62 234.305C619.885 236.243 619.217 237.981 618.548 239.785C616.811 244.397 615.808 249.143 615.207 254.022C614.538 259.636 614.538 265.25 614.605 270.865C614.605 273.004 614.873 275.142 615.073 277.214C615.14 277.949 614.939 278.551 614.472 279.086C607.12 287.574 599.835 295.996 592.484 304.484C588.741 308.828 584.999 313.173 581.189 317.517C581.056 317.651 580.922 317.785 580.722 317.918C580.722 317.851 580.655 317.851 580.588 317.851Z" + stroke="url(#paint31_linear_2664_20918)" stroke-miterlimit="10" /> + d="M584.13 310.432C584.331 308.628 584.598 306.756 584.799 304.952C585.2 302.078 585.601 299.204 585.935 296.33C586.469 292.453 587.004 288.51 587.472 284.566C587.873 281.358 588.274 278.15 588.742 274.942C589.276 270.998 589.744 267.055 590.413 263.111C591.014 259.502 592.618 256.361 595.291 253.821C596.895 252.351 598.7 251.148 600.571 250.078C602.041 249.209 603.512 248.474 605.049 247.672C608.658 245.801 612.333 243.996 616.009 242.125C616.343 241.991 616.677 241.857 617.145 241.59C616.544 243.194 616.009 244.664 615.474 246.068C614.071 249.878 613.202 253.754 612.734 257.764C612.133 262.376 612.2 266.988 612.2 271.6C612.2 273.338 612.4 275.075 612.534 276.813C612.601 277.415 612.4 277.883 611.999 278.35C605.984 285.301 599.97 292.319 593.888 299.27C590.814 302.813 587.672 306.422 584.598 309.964C584.465 310.098 584.331 310.165 584.264 310.299C584.264 310.499 584.197 310.432 584.13 310.432Z" + stroke="url(#paint32_linear_2664_20918)" stroke-miterlimit="10" /> + d="M587.669 303.013C587.869 301.543 588.003 300.139 588.204 298.669C588.471 296.397 588.805 294.191 589.139 291.918C589.54 288.844 589.941 285.769 590.342 282.695C590.676 280.155 591.011 277.682 591.345 275.142C591.746 272.068 592.147 268.926 592.681 265.852C593.149 263.045 594.419 260.572 596.491 258.567C597.761 257.363 599.164 256.495 600.634 255.626C601.77 254.957 602.973 254.356 604.11 253.754C606.983 252.284 609.857 250.88 612.731 249.41C612.998 249.276 613.266 249.209 613.6 249.009C613.132 250.279 612.664 251.415 612.263 252.551C611.127 255.492 610.459 258.567 610.124 261.708C609.657 265.317 609.657 268.926 609.723 272.602C609.723 274.006 609.857 275.343 609.991 276.746C610.058 277.214 609.924 277.615 609.59 277.949C604.845 283.43 600.1 288.911 595.421 294.325C593.015 297.132 590.543 299.939 588.137 302.746C588.07 302.813 587.936 302.947 587.869 303.013C587.803 303.08 587.736 303.08 587.669 303.013Z" + stroke="url(#paint33_linear_2664_20918)" stroke-miterlimit="10" /> + d="M591.278 295.661C591.411 294.592 591.545 293.589 591.679 292.52C591.879 290.916 592.146 289.245 592.347 287.641C592.614 285.435 592.948 283.163 593.216 280.957C593.483 279.153 593.684 277.281 593.951 275.477C594.285 273.204 594.552 270.998 594.887 268.726C595.221 266.654 596.156 264.916 597.627 263.446C598.495 262.577 599.565 261.909 600.634 261.307C601.436 260.839 602.305 260.371 603.174 259.97C605.245 258.901 607.317 257.898 609.389 256.829C609.59 256.762 609.723 256.628 609.99 256.562C609.656 257.497 609.322 258.299 609.055 259.101C608.253 261.24 607.785 263.513 607.451 265.785C607.117 268.392 607.117 271.065 607.184 273.672C607.184 274.674 607.317 275.677 607.384 276.68C607.384 277.014 607.317 277.281 607.117 277.548C603.708 281.492 600.233 285.502 596.825 289.446C595.087 291.451 593.283 293.523 591.545 295.528C591.478 295.595 591.411 295.661 591.344 295.728C591.344 295.661 591.278 295.661 591.278 295.661Z" + stroke="url(#paint34_linear_2664_20918)" stroke-miterlimit="10" /> + d="M594.824 288.242C594.891 287.574 594.957 286.972 595.091 286.304C595.225 285.301 595.358 284.299 595.492 283.23C595.693 281.826 595.893 280.489 596.027 279.086C596.16 277.949 596.294 276.813 596.495 275.677C596.695 274.273 596.829 272.87 597.096 271.466C597.297 270.196 597.898 269.06 598.834 268.191C599.368 267.656 600.037 267.255 600.705 266.854C601.24 266.587 601.774 266.253 602.309 265.985C603.579 265.317 604.915 264.649 606.185 264.047C606.319 263.98 606.386 263.914 606.586 263.847C606.386 264.448 606.185 264.916 605.985 265.451C605.517 266.788 605.183 268.191 604.982 269.595C604.782 271.199 604.782 272.87 604.782 274.474C604.782 275.075 604.849 275.744 604.915 276.345C604.915 276.546 604.849 276.746 604.715 276.88C602.576 279.353 600.438 281.826 598.299 284.299C597.23 285.569 596.094 286.839 595.024 288.109C594.957 288.242 594.891 288.242 594.824 288.242ZM594.824 288.242C594.891 288.309 594.824 288.242 594.824 288.242Z" + stroke="url(#paint35_linear_2664_20918)" stroke-miterlimit="10" /> + d="M598.367 280.891C598.367 280.623 598.434 280.356 598.434 280.156C598.501 279.755 598.567 279.353 598.567 278.952C598.634 278.418 598.701 277.883 598.768 277.348C598.835 276.881 598.902 276.479 598.968 276.012C599.035 275.477 599.102 274.942 599.169 274.341C599.236 273.873 599.503 273.405 599.837 273.071C600.038 272.87 600.305 272.737 600.572 272.536C600.773 272.402 600.973 272.336 601.174 272.202C601.708 271.935 602.176 271.667 602.711 271.4C602.778 271.4 602.778 271.333 602.845 271.333C602.778 271.534 602.711 271.734 602.577 271.935C602.377 272.469 602.243 273.004 602.176 273.539C602.109 274.207 602.109 274.809 602.109 275.477C602.109 275.744 602.109 275.945 602.176 276.212C602.176 276.279 602.176 276.346 602.109 276.413C601.241 277.348 600.439 278.351 599.57 279.287C599.169 279.755 598.701 280.289 598.3 280.757C598.434 280.824 598.434 280.891 598.367 280.891Z" + stroke="url(#paint36_linear_2664_20918)" stroke-miterlimit="10" /> + d="M535.347 347.394C534.88 343.584 534.412 339.774 533.877 335.964C533.075 330.016 532.273 324.001 531.471 318.052C530.402 309.965 529.266 301.811 528.196 293.723C527.328 287.039 526.526 280.356 525.59 273.739C524.454 265.585 523.518 257.364 522.115 249.21C520.845 241.791 517.57 235.241 512.023 229.96C508.748 226.819 504.939 224.48 500.996 222.274C497.922 220.536 494.847 218.865 491.706 217.328C484.154 213.452 476.535 209.642 468.983 205.832C468.315 205.498 467.647 205.231 466.644 204.763C467.914 208.105 469.05 211.112 470.186 214.12C473.127 222.007 474.865 230.094 475.934 238.382C477.137 247.94 477.07 257.564 477.003 267.189C476.936 270.798 476.602 274.474 476.268 278.083C476.134 279.353 476.469 280.356 477.337 281.291C489.902 295.728 502.399 310.232 514.897 324.736C521.313 332.155 527.729 339.574 534.144 346.993C534.345 347.26 534.612 347.46 534.88 347.661C535.08 347.46 535.214 347.46 535.347 347.394Z" + stroke="url(#paint37_linear_2664_20918)" stroke-miterlimit="10" /> + d="M531.595 339.641C531.194 336.232 530.726 332.823 530.325 329.415C529.59 324.068 528.855 318.787 528.187 313.44C527.184 306.222 526.249 298.937 525.313 291.718C524.511 285.77 523.776 279.821 522.974 273.873C521.971 266.587 521.103 259.235 519.9 252.017C518.763 245.4 515.756 239.585 510.81 234.907C507.87 232.099 504.461 230.027 500.986 228.022C498.246 226.485 495.506 225.015 492.699 223.611C485.949 220.202 479.199 216.794 472.449 213.385C471.847 213.118 471.246 212.85 470.377 212.449C471.513 215.457 472.516 218.064 473.518 220.737C476.125 227.755 477.729 234.973 478.664 242.392C479.734 250.948 479.667 259.503 479.6 268.058C479.533 271.266 479.199 274.541 478.932 277.749C478.798 278.886 479.132 279.754 479.867 280.623C491.028 293.523 502.189 306.423 513.35 319.322C519.098 325.939 524.778 332.556 530.526 339.173C530.726 339.373 530.994 339.574 531.194 339.774C531.395 339.774 531.461 339.708 531.595 339.641Z" + stroke="url(#paint38_linear_2664_20918)" stroke-miterlimit="10" /> + d="M527.858 331.887C527.457 328.88 527.123 325.939 526.722 322.931C526.12 318.253 525.452 313.574 524.851 308.895C523.982 302.546 523.18 296.196 522.311 289.847C521.643 284.633 520.974 279.42 520.239 274.207C519.37 267.79 518.568 261.374 517.499 254.958C516.497 249.143 513.957 243.996 509.613 239.919C507.073 237.513 504.066 235.642 500.992 233.904C498.586 232.567 496.18 231.23 493.707 230.027C487.759 227.02 481.878 224.012 475.93 221.004C475.395 220.737 474.86 220.536 474.125 220.202C475.128 222.809 475.997 225.148 476.865 227.487C479.138 233.636 480.541 239.986 481.343 246.536C482.279 254.022 482.279 261.574 482.145 269.06C482.145 271.934 481.811 274.741 481.544 277.615C481.477 278.618 481.744 279.353 482.412 280.155C492.237 291.451 501.994 302.813 511.818 314.175C516.831 319.99 521.843 325.805 526.922 331.62C527.123 331.821 527.323 331.954 527.524 332.155C527.658 332.021 527.791 331.954 527.858 331.887Z" + stroke="url(#paint39_linear_2664_20918)" stroke-miterlimit="10" /> + d="M524.184 324.201C523.849 321.662 523.515 319.055 523.181 316.515C522.647 312.505 522.112 308.495 521.577 304.417C520.842 298.937 520.107 293.456 519.372 287.975C518.77 283.497 518.236 278.952 517.634 274.474C516.899 268.927 516.231 263.446 515.295 257.899C514.426 252.886 512.221 248.475 508.478 244.932C506.273 242.86 503.666 241.256 501.06 239.719C498.988 238.516 496.916 237.446 494.778 236.377C489.698 233.77 484.552 231.231 479.473 228.624C479.005 228.423 478.604 228.223 477.936 227.889C478.805 230.161 479.54 232.166 480.342 234.171C482.347 239.452 483.55 244.932 484.218 250.547C485.02 257.03 485.02 263.513 484.953 269.929C484.953 272.402 484.686 274.809 484.419 277.281C484.352 278.15 484.552 278.819 485.154 279.487C493.642 289.245 502.062 299.004 510.483 308.762C514.827 313.775 519.171 318.787 523.449 323.8C523.582 324.001 523.783 324.068 523.983 324.268C523.983 324.268 524.05 324.201 524.184 324.201Z" + stroke="url(#paint40_linear_2664_20918)" stroke-miterlimit="10" /> + d="M520.439 316.449C520.171 314.31 519.904 312.104 519.637 309.965C519.169 306.557 518.701 303.215 518.3 299.806C517.698 295.194 517.097 290.582 516.495 286.038C516.028 282.295 515.56 278.485 515.025 274.742C514.424 270.13 513.822 265.452 513.087 260.84C512.352 256.629 510.481 252.953 507.34 249.945C505.468 248.208 503.33 246.871 501.124 245.601C499.387 244.598 497.649 243.663 495.911 242.794C491.634 240.588 487.357 238.449 483.08 236.311C482.679 236.11 482.344 235.976 481.743 235.709C482.478 237.58 483.08 239.318 483.748 240.989C485.419 245.467 486.421 250.012 487.023 254.758C487.691 260.171 487.691 265.585 487.624 271.066C487.624 273.138 487.357 275.21 487.223 277.215C487.156 277.95 487.357 278.485 487.825 279.02C494.909 287.174 501.993 295.395 509.077 303.616C512.686 307.826 516.362 312.037 519.971 316.181C520.104 316.315 520.238 316.449 520.372 316.582C520.305 316.515 520.372 316.449 520.439 316.449Z" + stroke="url(#paint41_linear_2664_20918)" stroke-miterlimit="10" /> + d="M516.696 308.695C516.496 306.957 516.229 305.22 516.028 303.482C515.694 300.741 515.293 298.001 514.892 295.261C514.424 291.518 513.889 287.842 513.422 284.099C513.021 281.024 512.62 278.017 512.219 274.942C511.684 271.199 511.283 267.456 510.615 263.714C510.013 260.305 508.543 257.297 506.003 254.891C504.533 253.487 502.729 252.351 500.991 251.349C499.587 250.547 498.184 249.811 496.78 249.076C493.305 247.338 489.83 245.534 486.355 243.796C486.087 243.662 485.753 243.529 485.285 243.328C485.887 244.865 486.355 246.202 486.889 247.606C488.226 251.215 489.028 254.891 489.496 258.701C490.03 263.112 490.03 267.456 489.964 271.868C489.964 273.539 489.763 275.21 489.629 276.88C489.563 277.482 489.696 277.883 490.097 278.351C495.845 284.968 501.526 291.585 507.273 298.202C510.214 301.61 513.154 305.019 516.095 308.361C516.162 308.495 516.295 308.561 516.429 308.695C516.63 308.762 516.63 308.762 516.696 308.695Z" + stroke="url(#paint42_linear_2664_20918)" stroke-miterlimit="10" /> + d="M513.019 301.008C512.818 299.671 512.685 298.335 512.484 296.998C512.217 294.926 511.95 292.854 511.616 290.782C511.215 287.975 510.88 285.101 510.479 282.294C510.145 279.954 509.878 277.615 509.544 275.343C509.143 272.469 508.809 269.595 508.341 266.788C507.873 264.181 506.737 261.908 504.799 260.104C503.663 259.034 502.326 258.166 500.989 257.43C499.92 256.829 498.851 256.227 497.781 255.693C495.175 254.356 492.502 253.019 489.828 251.682C489.628 251.549 489.361 251.482 489.026 251.281C489.494 252.417 489.895 253.487 490.229 254.556C491.232 257.297 491.9 260.104 492.234 263.045C492.635 266.386 492.635 269.728 492.568 273.07C492.568 274.34 492.435 275.61 492.301 276.88C492.234 277.348 492.368 277.682 492.702 278.016C497.113 283.029 501.457 288.109 505.801 293.188C508.073 295.795 510.279 298.335 512.551 300.941C512.618 301.008 512.752 301.075 512.818 301.142C512.885 301.008 512.952 301.008 513.019 301.008Z" + stroke="url(#paint43_linear_2664_20918)" stroke-miterlimit="10" /> + d="M509.278 293.255C509.144 292.32 509.077 291.451 508.944 290.515C508.743 289.111 508.543 287.641 508.342 286.237C508.075 284.299 507.807 282.361 507.54 280.356C507.34 278.752 507.139 277.148 506.939 275.543C506.671 273.605 506.404 271.6 506.137 269.662C505.869 267.857 505.067 266.32 503.731 265.05C502.929 264.315 501.993 263.713 501.057 263.179C500.322 262.777 499.587 262.376 498.852 261.975C497.048 261.04 495.176 260.104 493.372 259.235C493.238 259.168 493.038 259.101 492.837 258.968C493.171 259.77 493.439 260.505 493.706 261.24C494.441 263.112 494.842 265.05 495.109 267.055C495.377 269.328 495.377 271.667 495.377 274.006C495.377 274.875 495.243 275.744 495.176 276.613C495.176 276.947 495.243 277.148 495.444 277.415C498.451 280.89 501.458 284.366 504.466 287.842C506.003 289.646 507.54 291.384 509.077 293.189C509.144 293.255 509.211 293.322 509.278 293.322C509.211 293.255 509.278 293.255 509.278 293.255Z" + stroke="url(#paint44_linear_2664_20918)" stroke-miterlimit="10" /> + d="M505.535 285.502C505.468 284.968 505.401 284.5 505.334 283.965C505.201 283.163 505.134 282.361 505 281.626C504.867 280.556 504.733 279.487 504.599 278.418C504.466 277.549 504.399 276.68 504.265 275.744C504.131 274.675 503.998 273.605 503.797 272.536C503.664 271.533 503.196 270.665 502.461 269.996C502.06 269.595 501.525 269.261 500.99 268.994C500.589 268.793 500.188 268.526 499.787 268.325C498.785 267.791 497.782 267.323 496.78 266.788C496.713 266.721 496.579 266.721 496.446 266.654C496.579 267.122 496.78 267.523 496.914 267.857C497.315 268.927 497.515 269.996 497.649 271.066C497.782 272.335 497.782 273.605 497.782 274.875C497.782 275.343 497.716 275.811 497.716 276.346C497.716 276.546 497.716 276.613 497.849 276.747C499.52 278.685 501.124 280.556 502.795 282.495C503.664 283.497 504.466 284.433 505.334 285.436C505.468 285.502 505.468 285.502 505.535 285.502Z" + stroke="url(#paint45_linear_2664_20918)" stroke-miterlimit="10" /> - - - - - - - - + d="M501.858 277.816C501.858 277.749 501.858 277.615 501.791 277.549C501.791 277.415 501.724 277.281 501.724 277.148C501.724 276.947 501.657 276.747 501.657 276.546C501.657 276.412 501.59 276.212 501.59 276.078C501.59 275.878 501.523 275.677 501.523 275.477C501.523 275.276 501.39 275.142 501.256 275.009C501.189 274.942 501.122 274.875 500.989 274.808C500.922 274.741 500.855 274.741 500.788 274.675C500.588 274.608 500.454 274.474 500.254 274.407C500.254 274.407 500.254 274.407 500.187 274.407C500.187 274.474 500.254 274.541 500.254 274.608C500.32 274.808 500.387 275.009 500.387 275.209C500.387 275.41 500.387 275.677 500.387 275.878C500.387 275.944 500.387 276.078 500.387 276.145V276.212C500.655 276.546 500.989 276.88 501.256 277.214C501.523 277.415 501.657 277.615 501.858 277.816ZM501.858 277.816C501.791 277.749 501.791 277.749 501.858 277.816Z" + stroke="url(#paint46_linear_2664_20918)" stroke-miterlimit="10" /> + + + + + + + + - - - + + - - + + - - + - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + - + - + - + - + - + - + - + diff --git a/src/sections/governance/action.tsx b/src/sections/governance/action.tsx index 5bc1781b..6458a0df 100644 --- a/src/sections/governance/action.tsx +++ b/src/sections/governance/action.tsx @@ -1,20 +1,32 @@ -import { Button, Flex, Heading, Text } from '@chakra-ui/react'; +import { Box, Button, Flex, Heading, Show, Text } from '@chakra-ui/react'; +import Image from 'next/image'; import Link from 'next/link'; export default function GovernanceAction() { return ( - - + + SYNTHETIX GOVERNANCE Participate in Governance - + Play a pivotal role in Synthetix Governance. As a staker, your votes in council elections and contributions to proposals are essential, steering the protocol's direction and evolution. @@ -37,6 +49,42 @@ export default function GovernanceAction() { + + + + + + + + Want to hear all about Governance updates? + + + Learn more about governance by reading the documentation on each + council and how they interact with each other + + + + + ); } diff --git a/src/sections/governance/callout.tsx b/src/sections/governance/callout.tsx index d04aaf49..293e4fcd 100644 --- a/src/sections/governance/callout.tsx +++ b/src/sections/governance/callout.tsx @@ -3,7 +3,13 @@ import { GradientText } from 'src/components'; export default function GovernanceCallout() { return ( - + SYNTHETIX GOVERNANCE diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx index a73af63f..5001896a 100644 --- a/src/sections/governance/ecosystem.tsx +++ b/src/sections/governance/ecosystem.tsx @@ -146,7 +146,13 @@ const COUNCILS = [ export default function GovernanceEcosystem() { return ( - + SYNTHETIX ECOSYSTEM @@ -171,10 +178,12 @@ export default function GovernanceEcosystem() { lineHeight={{ base: '120%' }} mb={{ base: 1 }} zIndex={10} + w="100%" > Governing Councils {COUNCILS.map(council => { return ( {council.icon} {council.title} @@ -280,7 +292,7 @@ export default function GovernanceEcosystem() { - + Learn more about Synthetix Governance - + Explore Synthetix's governance system. Learn how decisions are made through our community-elected councils and proposals (SIPs and SCCPs) by visiting our documentation and joining the conversation on diff --git a/src/sections/governance/features.tsx b/src/sections/governance/features.tsx index cf523b49..8bbea11d 100644 --- a/src/sections/governance/features.tsx +++ b/src/sections/governance/features.tsx @@ -14,6 +14,11 @@ const FEATURES = [ 'during the specified election period, providing details about their qualifications and experience.', ], }, + { + title: 'Election Cycle', + description: + 'Elections occur every epoch, a period spanning four months. During this phase, SNX stakers cast their votes, selecting the individuals they believe are best suited to guide each council.', + }, { title: 'Decision-Making on Proposals', description: [ @@ -40,7 +45,12 @@ const FEATURES = [ export default function GovernanceFeatures() { return ( - + - Protocol Features + How does Governance work? { return ( @@ -84,7 +95,6 @@ export default function GovernanceFeatures() { {Array.isArray(feature.description) ? ( feature.description.map((d, index) => { - console.log(index % 2, index); if (index % 2 === 1) return ( Date: Thu, 8 Feb 2024 17:17:30 +0000 Subject: [PATCH 10/17] updated padding --- src/sections/governance/action.tsx | 6 +++--- src/sections/governance/callout.tsx | 2 +- src/sections/governance/ecosystem.tsx | 8 ++++---- src/sections/governance/features.tsx | 2 +- src/sections/governance/header.tsx | 2 +- 5 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/sections/governance/action.tsx b/src/sections/governance/action.tsx index 6458a0df..45cfdd5a 100644 --- a/src/sections/governance/action.tsx +++ b/src/sections/governance/action.tsx @@ -4,7 +4,7 @@ import Link from 'next/link'; export default function GovernanceAction() { return ( - + - + Want to hear all about Governance updates? - + Learn more about governance by reading the documentation on each council and how they interact with each other diff --git a/src/sections/governance/callout.tsx b/src/sections/governance/callout.tsx index 293e4fcd..681586e7 100644 --- a/src/sections/governance/callout.tsx +++ b/src/sections/governance/callout.tsx @@ -6,7 +6,7 @@ export default function GovernanceCallout() { diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx index 5001896a..f8b69cd1 100644 --- a/src/sections/governance/ecosystem.tsx +++ b/src/sections/governance/ecosystem.tsx @@ -149,7 +149,7 @@ export default function GovernanceEcosystem() { @@ -213,7 +213,7 @@ export default function GovernanceEcosystem() { p={{ base: '6' }} mb={{ base: '4' }} zIndex={1} - height={{ xl: '486px' }} + height={{ md: '603px', xl: '486px' }} > {council.icon} {council.title} @@ -253,9 +253,9 @@ export default function GovernanceEcosystem() { href={council.link} target="_blank" rel="noopener noreferrer" + style={{ marginTop: 'auto' }} > - - - - - + + diff --git a/src/sections/governance/callout.tsx b/src/sections/governance/callout.tsx index 681586e7..66d98f5b 100644 --- a/src/sections/governance/callout.tsx +++ b/src/sections/governance/callout.tsx @@ -13,7 +13,10 @@ export default function GovernanceCallout() { SYNTHETIX GOVERNANCE - + The Synthetix protocol is governed by a{' '} decentralized set of representative councils that are voted on by stakers. diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx index 9cf45308..afa7028d 100644 --- a/src/sections/governance/ecosystem.tsx +++ b/src/sections/governance/ecosystem.tsx @@ -138,7 +138,7 @@ const COUNCILS = [ description: [ 'The Ambassador Council, established via ', { link: 'https://sips.synthetix.io/sips/sip-157/', text: 'SIP-157' }, - "is responsible for promoting Synthetix's interest in the DeFi ecosystem. This advocation comes through two primary means: governance and partnerships. Governance includes seeking governance power in protocols that may be beneficial for Synthetix, and voting for proposals in the interest of the community. Partnerships include working with Synthetix integrators to help them integrate within the Synthetix Ecosystem.", + " is responsible for promoting Synthetix's interest in the DeFi ecosystem. This advocation comes through two primary means: governance and partnerships. Governance includes seeking governance power in protocols that may be beneficial for Synthetix, and voting for proposals in the interest of the community. Partnerships include working with Synthetix integrators to help them integrate within the Synthetix Ecosystem.", ], link: 'https://governance.synthetix.io/#/councils/ambassador', }, @@ -185,8 +185,8 @@ export default function GovernanceEcosystem() { The Synthetix Protocol is governed by four councils, each responsible @@ -195,15 +195,15 @@ export default function GovernanceEcosystem() { {COUNCILS.map(council => { return ( @@ -259,6 +259,7 @@ export default function GovernanceEcosystem() { variant="outline" colorScheme="gray" color="white" + mt={{ base: '24px', md: 'unset' }} rightIcon={ {FEATURES.map(feature => { return ( diff --git a/src/sections/governance/header.tsx b/src/sections/governance/header.tsx index b38aee51..88cf8836 100644 --- a/src/sections/governance/header.tsx +++ b/src/sections/governance/header.tsx @@ -21,7 +21,7 @@ export default function GovernanceHeader() { /> { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +type Props = {} & React.SVGProps; +export default Shield; From 372b5b9834cbabd0d78aaa2ff52723043cc04ad4 Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Wed, 21 Feb 2024 14:19:15 +0000 Subject: [PATCH 14/17] QA 2 round --- src/components/Footer/Footer.tsx | 8 ++++---- src/sections/governance/action.tsx | 16 +++++++++++----- src/sections/governance/callout.tsx | 9 +++++---- src/sections/governance/ecosystem.tsx | 6 +++--- src/sections/governance/features.tsx | 6 +++--- src/sections/governance/header.tsx | 13 +++++++++---- 6 files changed, 35 insertions(+), 23 deletions(-) diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index 25d1f08b..ffaf98ba 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -1,6 +1,6 @@ import { Fragment } from 'react'; import { Logo, Socials } from '../'; -import { Box, Divider, Flex, Link, Show, Text } from '@chakra-ui/react'; +import { Box, Divider, Flex, Hide, Link, Show, Text } from '@chakra-ui/react'; import { Accordion, AccordionItem, @@ -78,7 +78,7 @@ const footerMenu = [ export function Footer() { return ( <> - + @@ -129,7 +129,7 @@ export function Footer() { - + - + ); } diff --git a/src/sections/governance/action.tsx b/src/sections/governance/action.tsx index 25314db1..a2f9e4c5 100644 --- a/src/sections/governance/action.tsx +++ b/src/sections/governance/action.tsx @@ -4,7 +4,12 @@ import Shield from 'src/svg/Shield'; export default function GovernanceAction() { return ( - + @@ -14,12 +14,13 @@ export default function GovernanceCallout() { SYNTHETIX GOVERNANCE The Synthetix protocol is governed by a{' '} - decentralized set of representative - councils that are voted on by stakers. + decentralized set of{' '} + representative councils that are{' '} + voted on by stakers. ); diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx index afa7028d..5c23b140 100644 --- a/src/sections/governance/ecosystem.tsx +++ b/src/sections/governance/ecosystem.tsx @@ -149,7 +149,7 @@ export default function GovernanceEcosystem() { @@ -174,7 +174,7 @@ export default function GovernanceEcosystem() { SYNTHETIX ECOSYSTEM { return ( diff --git a/src/sections/governance/header.tsx b/src/sections/governance/header.tsx index 88cf8836..851abcb2 100644 --- a/src/sections/governance/header.tsx +++ b/src/sections/governance/header.tsx @@ -4,13 +4,18 @@ import Link from 'next/link'; export default function GovernanceHeader() { return ( - + Date: Thu, 22 Feb 2024 12:50:25 +0000 Subject: [PATCH 15/17] updated svg --- src/sections/governance/action.tsx | 12 +- src/sections/governance/ecosystem.tsx | 8 +- src/sections/governance/features.tsx | 8 +- src/sections/home/interested.tsx | 10 +- src/svg/InterestedLooper.tsx | 1485 ++++++++++++------------- 5 files changed, 717 insertions(+), 806 deletions(-) diff --git a/src/sections/governance/action.tsx b/src/sections/governance/action.tsx index a2f9e4c5..62ddbf59 100644 --- a/src/sections/governance/action.tsx +++ b/src/sections/governance/action.tsx @@ -56,8 +56,8 @@ export default function GovernanceAction() { - + Want to hear all about Governance updates? - + Learn more about governance by reading the documentation on each council and how they interact with each other diff --git a/src/sections/governance/ecosystem.tsx b/src/sections/governance/ecosystem.tsx index 5c23b140..3185434a 100644 --- a/src/sections/governance/ecosystem.tsx +++ b/src/sections/governance/ecosystem.tsx @@ -210,7 +210,7 @@ export default function GovernanceEcosystem() { bg="navy.700" border="1px solid" borderColor="gray.900" - p={{ base: '6' }} + p={{ base: '6', xl: '12' }} my={{ base: 4, lg: 'unset' }} zIndex={1} height={{ md: '603px', lg: '486px', xl: '486px' }} @@ -307,10 +307,12 @@ export default function GovernanceEcosystem() { > { return ( diff --git a/src/sections/home/interested.tsx b/src/sections/home/interested.tsx index 29d7df62..1d213a71 100644 --- a/src/sections/home/interested.tsx +++ b/src/sections/home/interested.tsx @@ -1,4 +1,4 @@ -import { Button, Flex, Link, Show, Text, Image } from '@chakra-ui/react'; +import { Button, Flex, Link, Show, Text, Image, Box } from '@chakra-ui/react'; import { InterestedLooper } from 'src/svg/InterestedLooper'; import { links } from 'src/utils/constants'; @@ -13,6 +13,7 @@ export const Interested = () => { position="relative" w="100%" flexDirection={{ base: 'column', lg: 'row' }} + overflow="hidden" > @@ -76,12 +77,13 @@ export const Interested = () => { diff --git a/src/svg/InterestedLooper.tsx b/src/svg/InterestedLooper.tsx index 36d61ca1..ecf1114b 100644 --- a/src/svg/InterestedLooper.tsx +++ b/src/svg/InterestedLooper.tsx @@ -15,1682 +15,1583 @@ export const InterestedLooper = ({ > From 26e18a0c1b27f27a6a051071463584ee5110396e Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Mon, 4 Mar 2024 12:59:06 +0000 Subject: [PATCH 16/17] format svgs --- .prettierrc | 16 +++--- src/components/Accordion/Accordion.tsx | 11 +++- src/components/Accordion/AccordionItem.tsx | 10 ++-- .../Accordion/__test__/index.spec.tsx | 54 ++++++++++++------- src/svg/Arrow.tsx | 2 +- src/svg/GradientLine.tsx | 8 ++- src/svg/PHashed.tsx | 5 +- src/svg/PParafi.tsx | 16 +++++- src/svg/PThreeArrows.tsx | 10 +++- src/svg/PXbto.tsx | 5 +- src/svg/Plus.tsx | 8 ++- src/svg/PoweredByBackground.tsx | 29 ++++++++-- src/svg/PoweredByBackgroundMobile.tsx | 29 ++++++++-- src/svg/PoweredByBlur.tsx | 24 +++++++-- src/svg/PoweredBySNXLogo.tsx | 5 +- src/svg/PriceArrow.tsx | 10 +++- src/svg/SNXWave.tsx | 11 +++- src/svg/Spotlights.tsx | 24 +++++++-- 18 files changed, 213 insertions(+), 64 deletions(-) diff --git a/.prettierrc b/.prettierrc index 7fa75213..d552174c 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,10 +1,10 @@ { - "printWidth": 80, - "tabWidth": 2, - "useTabs": true, - "semi": true, - "singleQuote": true, - "trailingComma": "all", - "arrowParens": "avoid", - "endOfLine": "lf" + "printWidth": 80, + "tabWidth": 2, + "useTabs": true, + "semi": true, + "singleQuote": true, + "trailingComma": "all", + "arrowParens": "avoid", + "endOfLine": "lf" } diff --git a/src/components/Accordion/Accordion.tsx b/src/components/Accordion/Accordion.tsx index ba8abb25..9cf93f4e 100644 --- a/src/components/Accordion/Accordion.tsx +++ b/src/components/Accordion/Accordion.tsx @@ -2,7 +2,10 @@ import { FlexDivCol } from '../../styles/common'; import styled from 'styled-components'; import AccordionItem, { AccordionItemProps } from './AccordionItem'; -export type AccordionItemsType = Omit; +export type AccordionItemsType = Omit< + AccordionItemProps, + 'onHeaderClick' | 'open' | 'isLast' +>; export interface AccordionProps { items: AccordionItemsType[]; @@ -10,7 +13,11 @@ export interface AccordionProps { activeIndex: number; } -export default function Accordion({ items, onAccordionItemChange, activeIndex }: AccordionProps) { +export default function Accordion({ + items, + onAccordionItemChange, + activeIndex, +}: AccordionProps) { return ( {items.map((item, index) => { diff --git a/src/components/Accordion/AccordionItem.tsx b/src/components/Accordion/AccordionItem.tsx index 8fbe3544..d7b1bc4a 100644 --- a/src/components/Accordion/AccordionItem.tsx +++ b/src/components/Accordion/AccordionItem.tsx @@ -30,7 +30,9 @@ export default function AccordionItem({ {open && ( - {descriptions} + + {descriptions} + {buttons} )} @@ -79,7 +81,8 @@ const Circle = styled.span` left: -4px; width: 10px; height: 10px; - border: 2px solid ${({ active, theme }) => (active ? theme.colors.cyan : theme.colors.gray50)}; + border: 2px solid + ${({ active, theme }) => (active ? theme.colors.cyan : theme.colors.gray50)}; border-radius: 50%; `; @@ -91,7 +94,8 @@ const LastCircle = styled(Circle)` const AccordionItemHeadline = styled.h3` ${({ theme }) => theme.fonts.smallHeadline}; - color: ${({ active, theme }) => (active ? theme.colors.cyan : theme.colors.gray50)}; + color: ${({ active, theme }) => + active ? theme.colors.cyan : theme.colors.gray50}; margin-left: 24px; line-height: 19px; text-align: start; diff --git a/src/components/Accordion/__test__/index.spec.tsx b/src/components/Accordion/__test__/index.spec.tsx index 74d15dc6..25e16b80 100644 --- a/src/components/Accordion/__test__/index.spec.tsx +++ b/src/components/Accordion/__test__/index.spec.tsx @@ -17,11 +17,17 @@ const queryTextsDictionary = { const items: AccordionItemsType[] = [ { - descriptions: [{queryTextsDictionary.descriptions.notVisible}], + descriptions: [ + + {queryTextsDictionary.descriptions.notVisible} + , + ], title: queryTextsDictionary.titles.first, }, { - descriptions: [{queryTextsDictionary.descriptions.visible}], + descriptions: [ + {queryTextsDictionary.descriptions.visible}, + ], title: queryTextsDictionary.titles.second, }, ]; @@ -43,10 +49,12 @@ describe('Accordion', () => { onAccordionItemChange={onAccordionItemChange} items={items} /> - + , ); - expect(screen.queryByText(queryTextsDictionary.descriptions.notVisible)).toBeNull(); + expect( + screen.queryByText(queryTextsDictionary.descriptions.notVisible), + ).toBeNull(); }); test('should render the accordion item description if it have the active index', () => { @@ -58,10 +66,12 @@ describe('Accordion', () => { onAccordionItemChange={onAccordionItemChange} items={items} /> - + , ); - expect(screen.queryByText(queryTextsDictionary.descriptions.notVisible)).toBeInTheDocument(); + expect( + screen.queryByText(queryTextsDictionary.descriptions.notVisible), + ).toBeInTheDocument(); }); test('should render the all the existing titles', () => { @@ -72,11 +82,11 @@ describe('Accordion', () => { onAccordionItemChange={onAccordionItemChange} items={items} /> - + , ); - const allTitles = items.map((item) => screen.queryByText(item.title)); + const allTitles = items.map(item => screen.queryByText(item.title)); expect(allTitles.length).toBe(2); - allTitles.forEach((title) => expect(title).toBeInTheDocument()); + allTitles.forEach(title => expect(title).toBeInTheDocument()); }); test('should call the onAccordionItemChange when the title of the accordion item is clicked', async () => { @@ -88,7 +98,7 @@ describe('Accordion', () => { onAccordionItemChange={mockHandleClick} items={items} /> - + , ); userEvent.click(screen.queryByText(queryTextsDictionary.titles.first)!); @@ -104,10 +114,10 @@ describe('Accordion', () => { onAccordionItemChange={onAccordionItemChange} items={items} /> - + , ); expect( - screen.queryByText(queryTextsDictionary.descriptions.notVisible) + screen.queryByText(queryTextsDictionary.descriptions.notVisible), ).not.toBeInTheDocument(); userEvent.click(screen.queryByText(queryTextsDictionary.titles.first)!); @@ -118,10 +128,12 @@ describe('Accordion', () => { onAccordionItemChange={onAccordionItemChange} items={items} /> - + , ); - expect(screen.queryByText(queryTextsDictionary.descriptions.notVisible)).toBeInTheDocument(); + expect( + screen.queryByText(queryTextsDictionary.descriptions.notVisible), + ).toBeInTheDocument(); }); test('should not render any other description when the already active title is clicked', async () => { @@ -132,9 +144,11 @@ describe('Accordion', () => { onAccordionItemChange={onAccordionItemChange} items={items} /> - + , ); - expect(screen.queryByText(queryTextsDictionary.descriptions.visible)).toBeInTheDocument(); + expect( + screen.queryByText(queryTextsDictionary.descriptions.visible), + ).toBeInTheDocument(); userEvent.click(screen.queryByText(queryTextsDictionary.titles.second)!); rerender( @@ -144,12 +158,14 @@ describe('Accordion', () => { onAccordionItemChange={onAccordionItemChange} items={items} /> - + , ); expect( - screen.queryByText(queryTextsDictionary.descriptions.notVisible) + screen.queryByText(queryTextsDictionary.descriptions.notVisible), ).not.toBeInTheDocument(); - expect(screen.queryByText(queryTextsDictionary.descriptions.visible)).toBeInTheDocument(); + expect( + screen.queryByText(queryTextsDictionary.descriptions.visible), + ).toBeInTheDocument(); }); }); diff --git a/src/svg/Arrow.tsx b/src/svg/Arrow.tsx index ba0ad3b9..c24ed0f5 100644 --- a/src/svg/Arrow.tsx +++ b/src/svg/Arrow.tsx @@ -3,7 +3,7 @@ import { theme } from 'src/styles/theme'; interface ArrowProps extends Props { disabled?: boolean; - fill?: keyof typeof theme['colors']; + fill?: keyof (typeof theme)['colors']; } const SvgArrow = ({ disabled, fill, ...props }: ArrowProps): JSX.Element => { diff --git a/src/svg/GradientLine.tsx b/src/svg/GradientLine.tsx index 2a4a4d5b..9e197905 100644 --- a/src/svg/GradientLine.tsx +++ b/src/svg/GradientLine.tsx @@ -8,7 +8,13 @@ export default function GradientLine({ ...rest }) { xmlns="http://www.w3.org/2000/svg" {...rest} > - + { width={1} height={1} > - + { d="M14.492 57.907c5.844-12.832 11.715-25.652 17.492-38.511.638-1.42 1.368-1.942 2.993-1.924 7.342.086 14.686.064 22.029.015 1.376-.01 2.265.186 2.887 1.593C70.06 42.113 80.293 65.12 90.5 88.137c.114.257.081.574.15 1.124-4.345 0-8.608-.089-12.864.04-1.99.06-2.113-1.37-2.6-2.47-8.034-18.142-16.095-36.274-23.96-54.483-1.03-2.383-2.244-3.226-4.814-3.007-2.605.223-5.045-.495-6.414 3.06-3.32 8.624-7.291 17.018-11 25.505l-14.507.001zM18.172 70.376l-9.52.001L0 89.263c4.766 0 8.988-.066 13.206.038 1.4.034 2.08-.425 2.583-1.583 2.514-5.793 5.082-11.565 7.632-17.344l-5.249.002zM165.453 38.226c2.819-6.33 5.65-12.653 8.437-18.996.307-.7.659-.957 1.443-.948 3.541.042 7.083.031 10.624.007.664-.005 1.093.091 1.393.785 4.904 11.362 9.839 22.71 14.762 34.063.055.126.04.282.073.554-2.096 0-4.152-.044-6.205.02-.959.03-1.019-.676-1.254-1.218-3.875-8.95-7.762-17.893-11.556-26.874-.496-1.175-1.082-1.591-2.322-1.483-1.256.11-2.433-.245-3.093 1.51-1.601 4.253-3.516 8.393-5.305 12.58h-6.997zM275.148 38.226c2.819-6.33 5.651-12.653 8.437-18.996.308-.7.659-.957 1.444-.948 3.541.042 7.082.031 10.624.007.664-.005 1.092.091 1.392.785 4.904 11.362 9.84 22.71 14.763 34.063.055.126.039.282.072.554-2.096 0-4.152-.044-6.204.02-.96.03-1.019-.676-1.254-1.218-3.875-8.95-7.763-17.893-11.557-26.874-.496-1.175-1.082-1.591-2.321-1.483-1.257.11-2.433-.245-3.093 1.51-1.602 4.253-3.517 8.393-5.306 12.58h-6.997zM134.412 37.319c1.92 0 3.249-.17 3.987-.513.737-.341 1.107-.968 1.107-1.879v-9.852c0-.911-.37-1.537-1.107-1.879-.738-.342-2.067-.512-3.987-.512h-10.776v14.635h10.776zm-10.776 16.23h-7.382V17.957h18.085c3.296 0 5.868.38 7.713 1.14 1.846.759 3.175 2.002 3.987 3.729.812 1.728 1.218 4.11 1.218 7.147 0 4.252-.912 7.289-2.732 9.111-1.82 1.823-4.847 2.734-9.079 2.734h-11.81v11.73zM224.888 36.465h11.128c1.916 0 3.243-.171 3.98-.513.736-.342 1.105-.968 1.105-1.88v-8.997c0-.911-.369-1.537-1.105-1.879-.737-.342-2.064-.512-3.98-.512h-11.128v13.78zm18.129 17.084l-7.664-12.586h-10.465V53.55h-7.368V17.957h18.423c3.29 0 5.858.38 7.701 1.14 1.842.759 3.168 2.002 3.979 3.729.81 1.728 1.216 4.11 1.216 7.147 0 2.924-.479 5.21-1.437 6.862-.958 1.651-2.518 2.8-4.679 3.445l8.327 13.269h-8.033zM337.458 53.549h-7.384V17.957h25.106l-.813 4.727h-16.909v11.56h14.768v4.498h-14.768V53.55z" fill="#fff" /> - + - + diff --git a/src/svg/PThreeArrows.tsx b/src/svg/PThreeArrows.tsx index 2820f8fe..6ea0bd7f 100644 --- a/src/svg/PThreeArrows.tsx +++ b/src/svg/PThreeArrows.tsx @@ -22,7 +22,10 @@ const SvgPThreeArrows = (props: Props): JSX.Element => { - + { - + { width={1} height={1} > - + { return ( - + - + - - + + - - + + - + - - + + - - + + - - + + - - + + diff --git a/src/svg/PoweredBySNXLogo.tsx b/src/svg/PoweredBySNXLogo.tsx index ef3db680..b261aeb7 100644 --- a/src/svg/PoweredBySNXLogo.tsx +++ b/src/svg/PoweredBySNXLogo.tsx @@ -162,7 +162,10 @@ export default function PoweredBySNXLogo(props: Props) { fill="url(#paint29_linear_1590:70463)" /> - + { +const PriceArrow = ({ + priceChange, + ...props +}: PriceArrowProps): JSX.Element => { return ( viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg" - style={{ marginTop: 2, transform: priceChange >= 0 ? 'rotate(0)' : 'rotate(180deg)' }} + style={{ + marginTop: 2, + transform: priceChange >= 0 ? 'rotate(0)' : 'rotate(180deg)', + }} {...props} > - - + + { colorInterpolationFilters="sRGB" > - - + + @@ -60,8 +68,16 @@ export const CyanSpotlight = ({ ...rest }) => { colorInterpolationFilters="sRGB" > - - + + From cb6b1ae3710ca276df263c853be1ff58759b7eb4 Mon Sep 17 00:00:00 2001 From: fritzschoff Date: Tue, 5 Mar 2024 10:04:33 +0000 Subject: [PATCH 17/17] fix button bug on mobile --- src/sections/governance/action.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/sections/governance/action.tsx b/src/sections/governance/action.tsx index 62ddbf59..557ec4dc 100644 --- a/src/sections/governance/action.tsx +++ b/src/sections/governance/action.tsx @@ -41,6 +41,7 @@ export default function GovernanceAction() { href="https://sips.synthetix.io/" target="_blank" rel="noopener noreferrer" + style={{ zIndex: 10 }} > @@ -48,6 +49,7 @@ export default function GovernanceAction() { href="https://pr.synthetix.io/" target="_blank" rel="noopener noreferrer" + style={{ zIndex: 10 }} >