mirror of
https://github.com/privacy-scaling-explorations/pse.dev.git
synced 2026-04-23 03:01:03 -04:00
Merge pull request #95 from privacy-scaling-explorations/beyondr/resources-alt
feat: ✨ : Add Resources Page
This commit is contained in:
Chiali
@@ -16,8 +16,8 @@ const PrincipleContent = ({
|
||||
height = 300,
|
||||
}: PrincipleContentProps) => {
|
||||
return (
|
||||
<div className="grid grid-cols-1 gap-6 py-4 md:gap-2 md:mb-8 md:py-6 md:items-center md:grid-cols-2">
|
||||
<div className="py-6 m-auto md:py-0">
|
||||
<div className="grid grid-cols-1 gap-6 py-4 md:mb-8 md:grid-cols-2 md:items-center md:gap-2 md:py-6">
|
||||
<div className="m-auto py-6 md:py-0">
|
||||
<Image
|
||||
width={width}
|
||||
height={height}
|
||||
@@ -25,7 +25,7 @@ const PrincipleContent = ({
|
||||
alt="principle image"
|
||||
/>
|
||||
</div>
|
||||
<span className="flex flex-col gap-4 font-sans text-lg leading-7 break-words">
|
||||
<span className="flex flex-col gap-4 break-words font-sans text-lg leading-7">
|
||||
{children}
|
||||
</span>
|
||||
</div>
|
||||
@@ -35,12 +35,12 @@ export default function AboutPage() {
|
||||
return (
|
||||
<div className="bg-anakiwa-200">
|
||||
<div className="bg-second-gradient">
|
||||
<div className="container grid grid-cols-1 lg:grid-cols-[1fr_300px] lg:gap-2 py-10 mx-auto gap-16 lg:py-20">
|
||||
<div className="container mx-auto grid grid-cols-1 gap-16 py-10 lg:grid-cols-[1fr_300px] lg:gap-2 lg:py-20">
|
||||
<div className="flex flex-col gap-8 lg:w-4/5">
|
||||
<h6 className="text-4xl font-bold break-words md:py-4 md:text-5xl text-tuatara-950 font-display">
|
||||
<h6 className="break-words font-display text-4xl font-bold text-tuatara-950 md:py-4 md:text-5xl">
|
||||
Collective experimentation of cryptography.
|
||||
</h6>
|
||||
<span className="font-sans text-base font-normal text-tuatara-950 leading-[27px]">
|
||||
<span className="font-sans text-base font-normal leading-[27px] text-tuatara-950">
|
||||
PSE is a multi-disciplinary research and development lab supported
|
||||
by the Ethereum Foundation. We create open source infrastructure,
|
||||
tools and educational resources for building cryptography into
|
||||
@@ -58,8 +58,8 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-4 px-8 py-16 md:py-24 md:px-32">
|
||||
<h6 className="text-4xl uppercase font-display">Pse principles</h6>
|
||||
<div className="flex flex-col gap-4 px-8 py-16 md:px-32 md:py-24">
|
||||
<h6 className="font-display text-4xl uppercase">Pse principles</h6>
|
||||
<Accordion
|
||||
type="multiple"
|
||||
items={[
|
||||
|
||||
129
app/content/resources.md
Normal file
129
app/content/resources.md
Normal file
@@ -0,0 +1,129 @@
|
||||
<ResourceCard id="get-involved" title="Get involved">
|
||||
<ResourceItem
|
||||
label="PSE Discord"
|
||||
description="PSE Discord Interact with the PSE team and learn more about PSE projects."
|
||||
url="https://discord.com/invite/sF5CT5rzrR"
|
||||
icon="discord"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="0xPARC"
|
||||
description="Organization supporting the next generation of cryptography-enabled applications."
|
||||
url="https://0xparc.org/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Zero Knowledge"
|
||||
description="Place to explore zk, decentralized privacy, and other advanced cryptography concepts."
|
||||
url="https://zeroknowledge.fm/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="ZK Hack Discord"
|
||||
description="Place to explore zk, decentralized privacy, and other advanced cryptography concepts."
|
||||
url="https://discord.com/invite/Z4YT3jtzSk"
|
||||
icon="discord"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Uncloak Discord"
|
||||
description="A community-maintained knowledge wiki experiment, aiming to increase the accessibility of cryptography for developers, researchers, and everyone else."
|
||||
url="https://discord.com/invite/Z4YT3jtzSk"
|
||||
icon="discord"
|
||||
/>
|
||||
</ResourceCard>
|
||||
|
||||
<ResourceCard id="learn" title="Learn">
|
||||
<ResourceItem
|
||||
label="Zero Knowledge Podcast"
|
||||
description="Weekly interviews with top technical minds building new systems and tech on emerging networks."
|
||||
url="https://zeroknowledge.fm/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="MIT ZK course materials"
|
||||
description="Lecture and course materials about recent advancements in zero-knowledge cryptography over the last ten years, with a strong emphasis on their practical and user-facing applications."
|
||||
url="https://zkiap.com/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Zk-learning.org"
|
||||
description="Lecture and course materials about recent advancements in zero-knowledge cryptography over the last ten years, with a strong emphasis on their practical and user-facing applications."
|
||||
url="https://zk-learning.org/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Learn by 0xPARC"
|
||||
description="Born out of their first Applied ZK Learning Group. Supported by volunteers from their community."
|
||||
url="https://learn.0xparc.org/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="ZK Whiteboard Sessions"
|
||||
description="A weekly educational series on all things zero knowledge. Produced by ZK Hack and powered by Polygon."
|
||||
url="https://zkhack.dev/whiteboard/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="ZKP Knowledge Base"
|
||||
description="Maintained by Delendum including state of the art research on ZKP, open questions, ideas, applications, and future development directions. Platform to share knowledge, expertise and best engineering practices."
|
||||
url="https://kb.delendum.xyz/zk-knowledge"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Zero Knowledge Canon"
|
||||
description="Set of resources for those seeking to understand, go deeper, and build with all things zero knowledge."
|
||||
url="https://a16zcrypto.com/posts/article/zero-knowledge-canon/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Awesome ZKP"
|
||||
description="Matter Lab's curated list of awesome things related to learning zero knowledge proofs."
|
||||
url="https://gitHub.com/matter-labs/awesome-zero-knowledge-proofs"
|
||||
icon="gitHub"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="The Moon Math Manual"
|
||||
description="Understanding and unlocking the potential of zk-SNARKs, from beginners to experts."
|
||||
url="https://leastauthority.com/community-matters/moonmath-manual/"
|
||||
/>
|
||||
</ResourceCard>
|
||||
|
||||
<ResourceCard id="build" title="Build">
|
||||
<ResourceItem
|
||||
label="PSE project library"
|
||||
description="OSS built for you! Fork, add, use PSE projects as part of your journey."
|
||||
url="https://pse.dev/"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="ZK dapp: From zero to production"
|
||||
description="Step-by-step guide on how to build a Zero Knowledge (zk) Decentralized Application (DApp) from zero to production."
|
||||
url="https://vivianblog.hashnode.dev/how-to-create-a-zero-knowledge-dapp-from-zero-to-production"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Ingopedia Applications ZK"
|
||||
description="A compilation of materials that showcase various applications of zk technology."
|
||||
url="https://www.ingonyama.com/ingopedia/applicationszk"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Zero Knowledge University"
|
||||
description="Course and study groups to learn how to build market-ready products using ZK. The goal is to launch a ZK-product on mainnet within a couple of months."
|
||||
url="https://zku.gnomio.com/"
|
||||
/>
|
||||
</ResourceCard>
|
||||
|
||||
<ResourceCard id="design" title="Design">
|
||||
<ResourceItem
|
||||
label="PSE Logos"
|
||||
description="Simple database to download PNGs and SVGs of the PSE logo."
|
||||
url="https://pse-team.notion.site/a4b4807a1af442bc925dcb55ef44cfc5?v=a12723a1157a49688e58e099371b4aef"
|
||||
icon="notion"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="PSE identity kit"
|
||||
description="Complete with logos, illustrations, text and color styles - open directly in Figma and start designing."
|
||||
url="https://www.figma.com/file/e8wDmS2ZKkGlvs1yhMkqXX/Privacy-%26-Scaling-Explorations-Identity-Kit-(Community)?type=design&node-id=4339-317&mode=design&t=Jjzsaow2zqLSvnWp-0"
|
||||
icon="figma"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Open source illustrations"
|
||||
description="Free illustrations related to privacy and ZK!"
|
||||
url="https://pse-team.notion.site/0801391ff71d4ed1a114abf46d8d0d51?v=a66616ad91694a7ba35b2a5f0a292294"
|
||||
icon="notion"
|
||||
/>
|
||||
<ResourceItem
|
||||
label="Our logo story"
|
||||
description="Read the history behind the PSE logo."
|
||||
url="https://drive.google.com/file/d/19pE_OkqV1vwmcSWlFn1WaokGMa1ugefY/view?pli=1"
|
||||
icon="drive"
|
||||
/>
|
||||
</ResourceCard>
|
||||
@@ -66,7 +66,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
|
||||
</Script>
|
||||
<head />
|
||||
<body className={"min-h-screen bg-background antialiased"}>
|
||||
<div className="relative flex flex-col min-h-screen">
|
||||
<div className="relative flex min-h-screen flex-col">
|
||||
<SiteHeader />
|
||||
<div className="flex-1">{children}</div>
|
||||
<SiteFooter />
|
||||
|
||||
@@ -17,10 +17,10 @@ export default function NotFound() {
|
||||
>
|
||||
<head />
|
||||
<body className="min-h-screen">
|
||||
<div className="relative flex flex-col h-screen bg-anakiwa-50">
|
||||
<div className="relative flex h-screen flex-col bg-anakiwa-50">
|
||||
<SiteHeader />
|
||||
<div className="container m-auto">
|
||||
<div className="flex flex-col -mt-16 gap-7">
|
||||
<div className="-mt-16 flex flex-col gap-7">
|
||||
<div className="flex flex-col items-center justify-center gap-3 text-center">
|
||||
<div className="flex flex-col gap-2">
|
||||
<Image
|
||||
@@ -28,14 +28,14 @@ export default function NotFound() {
|
||||
height={80}
|
||||
src="/icons/404-search.svg"
|
||||
alt="emotion sad"
|
||||
className="w-12 h-12 mx-auto md:w-24 md:h-24 text-anakiwa-400"
|
||||
className="mx-auto h-12 w-12 text-anakiwa-400 md:h-24 md:w-24"
|
||||
/>
|
||||
<span className="text-5xl font-bold text-anakiwa-400 md:text-8xl font-display">
|
||||
<span className="font-display text-5xl font-bold text-anakiwa-400 md:text-8xl">
|
||||
404
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex flex-col gap-5">
|
||||
<span className="text-2xl font-bold md:text-6xl text-tuatara-950 font-display">
|
||||
<span className="font-display text-2xl font-bold text-tuatara-950 md:text-6xl">
|
||||
Oops! Page not found
|
||||
</span>
|
||||
<span className="font-sans text-base font-normal md:text-lg">
|
||||
|
||||
@@ -73,8 +73,8 @@ function DiscoverMoreProjects({ project }: ProjectProps) {
|
||||
const suggestedProject = getSuggestedProjects()
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-center justify-center w-full px-6 py-32 gap-14 md:px-0 bg-anakiwa-200">
|
||||
<h2 className="text-3xl font-bold text-center">Discover more</h2>
|
||||
<div className="flex w-full flex-col items-center justify-center gap-14 bg-anakiwa-200 px-6 py-32 md:px-0">
|
||||
<h2 className="text-center text-3xl font-bold">Discover more</h2>
|
||||
<div className="flex flex-col gap-5 md:flex-row">
|
||||
{suggestedProject?.map((project: ProjectInterface) => (
|
||||
<ProjectCard project={project} />
|
||||
@@ -143,7 +143,7 @@ export default function ProjectDetailPage({ params }: PageProps) {
|
||||
<p className="text-slate-600">{currProject.tldr}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col items-center justify-center w-full gap-5 px-6 py-10 bg-anakiwa-100 md:px-0">
|
||||
<div className="flex w-full flex-col items-center justify-center gap-5 bg-anakiwa-100 px-6 py-10 md:px-0">
|
||||
<div className="w-full md:w-[700px]">
|
||||
<div className="relative flex items-center justify-center overflow-hidden rounded-lg">
|
||||
<Image
|
||||
@@ -153,13 +153,13 @@ export default function ProjectDetailPage({ params }: PageProps) {
|
||||
alt={`${currProject.name} banner`}
|
||||
width={1200}
|
||||
height={630}
|
||||
className="object-cover w-full rounded-t-lg"
|
||||
className="w-full rounded-t-lg object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div className="mt-8">
|
||||
<ProjectTags project={currProject} />
|
||||
</div>
|
||||
<div className="flex flex-col w-full gap-5 pt-10 text-base font-normal leading-relaxed">
|
||||
<div className="flex w-full flex-col gap-5 pt-10 text-base font-normal leading-relaxed">
|
||||
<Markdown>{currProject.description}</Markdown>
|
||||
</div>
|
||||
<div className="py-16">
|
||||
|
||||
@@ -14,10 +14,10 @@ export default function ProjectsPage() {
|
||||
return (
|
||||
<section>
|
||||
<div className="bg-anakiwa-200">
|
||||
<div className="container py-10 mx-auto lg:py-20">
|
||||
<div className="container mx-auto py-10 lg:py-20">
|
||||
<div className="flex flex-col justify-between gap-10">
|
||||
<div>
|
||||
<h1 className="text-4xl font-bold md:text-5xl font-display text-tuatara-950">
|
||||
<h1 className="font-display text-4xl font-bold text-tuatara-950 md:text-5xl">
|
||||
Explore the project library
|
||||
</h1>
|
||||
<p className="p-2"></p>
|
||||
@@ -26,7 +26,7 @@ export default function ProjectsPage() {
|
||||
developer tools, protocols and proof-of-concept applications.
|
||||
</p>
|
||||
</div>
|
||||
<div className=" bg-anakiwa-500 w-20 h-[1px]"></div>
|
||||
<div className=" h-[1px] w-20 bg-anakiwa-500"></div>
|
||||
<ProjectFiltersBar />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
206
app/resources/page.tsx
Normal file
206
app/resources/page.tsx
Normal file
@@ -0,0 +1,206 @@
|
||||
"use client"
|
||||
|
||||
import Link from "next/link"
|
||||
import { useCallback, useEffect, useRef, useState } from "react"
|
||||
|
||||
import { Icons } from "@/components/icons"
|
||||
import { Button } from "@/components/ui/button"
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
import { ArrowUpRight } from "lucide-react"
|
||||
import ResourcesContent from "../content/resources.md"
|
||||
|
||||
interface ResourceItemProps {
|
||||
label: string
|
||||
icon?:
|
||||
| "globe"
|
||||
| "discord"
|
||||
| "twitter"
|
||||
| "gitHub"
|
||||
| "notion"
|
||||
| "figma"
|
||||
| "drive"
|
||||
description: string
|
||||
url: string
|
||||
}
|
||||
|
||||
interface ResourceCardProps {
|
||||
id?: string
|
||||
title: string
|
||||
children?: React.ReactNode
|
||||
}
|
||||
|
||||
const ResourceItem = ({
|
||||
label,
|
||||
icon = "globe",
|
||||
description,
|
||||
url,
|
||||
}: ResourceItemProps) => {
|
||||
const Icon = Icons?.[icon as keyof typeof Icons] ?? Icons.globe
|
||||
|
||||
return (
|
||||
<Link
|
||||
href={url}
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
className="group border-b-2 border-anakiwa-300 pb-3 duration-500 hover:border-orange group-hover:transition"
|
||||
>
|
||||
<div className="flex justify-between">
|
||||
<div className="flex space-x-3">
|
||||
<div className="h-6 w-6 text-anakiwa-500 opacity-50 transition group-hover:text-tuatara-950 group-hover:opacity-100">
|
||||
<Icon />
|
||||
</div>
|
||||
<span className="text-lg font-medium">
|
||||
{label}
|
||||
</span>
|
||||
</div>
|
||||
<ArrowUpRight size={24} className="text-tuatara-950 opacity-0 transition duration-500 group-hover:opacity-100" />
|
||||
</div>
|
||||
<div className="p-[2px]"></div>
|
||||
<p className="text-sm text-tuatara-500">
|
||||
{description}
|
||||
</p>
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
|
||||
const ResourceCard = ({ id, title, children }: ResourceCardProps) => {
|
||||
return (
|
||||
<div
|
||||
id={id}
|
||||
data-section={id}
|
||||
className="flex flex-col gap-4 rounded-lg p-6 backdrop-blur-md"
|
||||
style={{
|
||||
background: "rgba(255, 255, 255, 0.33",
|
||||
}}
|
||||
>
|
||||
<h3 className="py-4 font-display text-xl font-bold text-tuatara-700 md:text-2xl">
|
||||
{title}
|
||||
</h3>
|
||||
<div className="mb-4 grid gap-6">{children}</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const ResourceNav = () => {
|
||||
const SCROLL_OFFSET = 80
|
||||
const [activeId, setActiveId] = useState("")
|
||||
const [isManualScroll, setIsManualScroll] = useState(false)
|
||||
const ID_LABELS_MAPPING: Record<string, string> = {
|
||||
"get-involved": "Get involved",
|
||||
learn: "Learn",
|
||||
build: "Build",
|
||||
design: "Design",
|
||||
}
|
||||
const sectionsRef = useRef<NodeListOf<HTMLElement> | null>(null) // sections are constant so useRef might be better here
|
||||
|
||||
useEffect(() => {
|
||||
if (sectionsRef.current === null) sectionsRef.current = document.querySelectorAll(`div[data-section]`)
|
||||
if (!activeId) setActiveId('get-involved')
|
||||
|
||||
const handleScroll = () => {
|
||||
if (isManualScroll) return;
|
||||
|
||||
sectionsRef.current?.forEach((section: any) => {
|
||||
const sectionTop = section.offsetTop - SCROLL_OFFSET
|
||||
if (window.scrollY >= sectionTop && window.scrollY > 0) {
|
||||
setActiveId(section.getAttribute("id"))
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', handleScroll)
|
||||
return () => window.removeEventListener('scroll', handleScroll)
|
||||
}, [activeId, isManualScroll])
|
||||
|
||||
const scrollToId = useCallback((id: string) => {
|
||||
const element = document.getElementById(id)
|
||||
const top = element?.offsetTop ?? 0
|
||||
|
||||
if (element) {
|
||||
setActiveId(id) // active clicked id
|
||||
setIsManualScroll(true) // tell the window event listener to ignore this scrolling
|
||||
window?.scrollTo({
|
||||
behavior: "smooth",
|
||||
top: (top ?? 0) - SCROLL_OFFSET,
|
||||
})
|
||||
}
|
||||
|
||||
setTimeout(() => setIsManualScroll(false), 800)
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className="flex flex-col gap-6 p-8">
|
||||
<div className="flex flex-col gap-4">
|
||||
<h6 className="font-display text-lg font-bold text-tuatara-700">
|
||||
On this page
|
||||
</h6>
|
||||
<ul className="text-normal font-sans text-black">
|
||||
{Object.entries(ID_LABELS_MAPPING).map(([id, label]) => {
|
||||
const active = id === activeId
|
||||
return (
|
||||
<li
|
||||
key={id}
|
||||
onClick={(e) => {
|
||||
//e?.preventDefault()
|
||||
scrollToId(id)
|
||||
}}
|
||||
data-id={id}
|
||||
className={cn(
|
||||
"flex h-8 cursor-pointer items-center border-l-2 border-l-anakiwa-200 px-3 duration-200",
|
||||
{
|
||||
"border-l-anakiwa-500 text-anakiwa-500 font-medium": active,
|
||||
}
|
||||
)}
|
||||
>
|
||||
{label}
|
||||
</li>
|
||||
)
|
||||
})}
|
||||
</ul>
|
||||
</div>
|
||||
{/* TODO: add lint to github for edit this page when is merged*/}
|
||||
<Link href={"/"} className="hidden">
|
||||
<Button size="lg">
|
||||
<span className="text-left text-sm font-medium">Add resource</span>
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function ResourcePage() {
|
||||
return (
|
||||
<main className="bg-second-gradient">
|
||||
<div className="container grid grid-cols-1 grid-rows-[auto_1fr] gap-6 px-4 py-10 md:grid-cols-[3fr_1fr] md:pb-20 lg:grid-cols-[1fr_3fr_1fr]">
|
||||
<section className="hidden lg:block"></section>
|
||||
<section className=" flex flex-col gap-8 lg:col-start-2">
|
||||
<h1 className="break-words font-display text-4xl font-bold text-tuatara-950 md:text-5xl">
|
||||
Resources
|
||||
</h1>
|
||||
<p className="font-sans text-base font-normal leading-[27px] text-tuatara-950">
|
||||
This list was compiled by our community. Submit an issue on our
|
||||
Github page to add a resource to this list.
|
||||
</p>
|
||||
</section>
|
||||
<article className="row-start-2 flex flex-col space-y-8 lg:col-start-2">
|
||||
<ResourcesContent
|
||||
components={{
|
||||
ResourceItem: (props: ResourceItemProps) => (
|
||||
<ResourceItem {...props} />
|
||||
),
|
||||
ResourceCard: (props: ResourceCardProps) => (
|
||||
<ResourceCard {...props} />
|
||||
),
|
||||
}}
|
||||
/>
|
||||
</article>
|
||||
<section className="relative col-start-2 row-start-2 hidden md:block lg:col-start-3">
|
||||
<div className="sticky right-0 top-16 ml-auto">
|
||||
<ResourceNav />
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
)
|
||||
}
|
||||
@@ -24,18 +24,92 @@ export const Icons = {
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
gitHub: (props: LucideProps) => (
|
||||
<svg viewBox="0 0 438.549 438.549" {...props}>
|
||||
discord: (props: LucideProps) => (
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M20.242 5.18576C18.7262 4.49024 17.1007 3.97782 15.4012 3.68434C15.3703 3.67867 15.3393 3.69283 15.3234 3.72114C15.1144 4.09295 14.8828 4.578 14.7206 4.95926C12.8927 4.68559 11.0741 4.68559 9.28367 4.95926C9.12148 4.56953 8.88152 4.09295 8.67153 3.72114C8.65559 3.69377 8.62467 3.67962 8.59372 3.68434C6.89513 3.97688 5.26967 4.48931 3.75294 5.18576C3.73981 5.19142 3.72855 5.20086 3.72108 5.21312C0.637926 9.8193 -0.206681 14.3123 0.207655 18.7495C0.20953 18.7712 0.221716 18.792 0.23859 18.8052C2.27277 20.299 4.24322 21.2059 6.17708 21.8071C6.20803 21.8165 6.24082 21.8052 6.26052 21.7797C6.71797 21.155 7.12576 20.4963 7.47539 19.8036C7.49602 19.763 7.47632 19.7149 7.43415 19.6989C6.78734 19.4535 6.17145 19.1543 5.57901 18.8146C5.53215 18.7873 5.5284 18.7202 5.57151 18.6881C5.69618 18.5947 5.82088 18.4975 5.93993 18.3994C5.96147 18.3815 5.99148 18.3777 6.0168 18.389C9.90891 20.166 14.1226 20.166 17.9688 18.389C17.9941 18.3767 18.0241 18.3805 18.0466 18.3984C18.1656 18.4966 18.2903 18.5947 18.4159 18.6881C18.459 18.7202 18.4562 18.7873 18.4094 18.8146C17.8169 19.1609 17.201 19.4535 16.5533 19.6979C16.5111 19.714 16.4924 19.763 16.513 19.8036C16.8701 20.4953 17.2779 21.154 17.7269 21.7788C17.7457 21.8052 17.7794 21.8165 17.8104 21.8071C19.7536 21.2059 21.724 20.299 23.7582 18.8052C23.776 18.792 23.7873 18.7721 23.7892 18.7504C24.285 13.6205 22.9586 9.16438 20.2729 5.21406C20.2663 5.20086 20.2551 5.19142 20.242 5.18576ZM8.05661 16.0477C6.88482 16.0477 5.9193 14.9719 5.9193 13.6507C5.9193 12.3295 6.86609 11.2537 8.05661 11.2537C9.25647 11.2537 10.2126 12.339 10.1939 13.6507C10.1939 14.9719 9.24709 16.0477 8.05661 16.0477ZM15.959 16.0477C14.7872 16.0477 13.8217 14.9719 13.8217 13.6507C13.8217 12.3295 14.7684 11.2537 15.959 11.2537C17.1589 11.2537 18.115 12.339 18.0963 13.6507C18.0963 14.9719 17.1589 16.0477 15.959 16.0477Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
globe: (props: LucideProps) => (
|
||||
<svg
|
||||
width={props.width}
|
||||
height={typeof props.height === 'number' ? props.height : typeof props.width === 'number' ? props.width - 1 : 24}
|
||||
viewBox="0 0 25 24"
|
||||
fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M12.5205 22C6.99751 22 2.52051 17.523 2.52051 12C2.52051 6.477 6.99751 2 12.5205 2C18.0435 2 22.5205 6.477 22.5205 12C22.5205 17.523 18.0435 22 12.5205 22ZM10.2305 19.667C9.24392 17.5743 8.67238 15.3102 8.54751 13H4.58251C4.77709 14.5389 5.41443 15.9882 6.41708 17.1717C7.41972 18.3552 8.74452 19.2221 10.2305 19.667V19.667ZM10.5505 13C10.7015 15.439 11.3985 17.73 12.5205 19.752C13.6728 17.6766 14.346 15.3695 14.4905 13H10.5505V13ZM20.4585 13H16.4935C16.3686 15.3102 15.7971 17.5743 14.8105 19.667C16.2965 19.2221 17.6213 18.3552 18.6239 17.1717C19.6266 15.9882 20.2639 14.5389 20.4585 13V13ZM4.58251 11H8.54751C8.67238 8.68979 9.24392 6.42569 10.2305 4.333C8.74452 4.77788 7.41972 5.64475 6.41708 6.8283C5.41443 8.01184 4.77709 9.4611 4.58251 11V11ZM10.5515 11H14.4895C14.3453 8.6306 13.6725 6.32353 12.5205 4.248C11.3682 6.32345 10.6951 8.63052 10.5505 11H10.5515ZM14.8105 4.333C15.7971 6.42569 16.3686 8.68979 16.4935 11H20.4585C20.2639 9.4611 19.6266 8.01184 18.6239 6.8283C17.6213 5.64475 16.2965 4.77788 14.8105 4.333V4.333Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
figma: (props: LucideProps) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="17"
|
||||
height="24"
|
||||
fill="currentColor"
|
||||
viewBox="0 0 17 24"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
|
||||
></path>
|
||||
d="M4.2 24c2.207 0 4-1.792 4-4v-4h-4a4 4 0 0 0 0 8Zm-4-12a4 4 0 0 1 4-4h4v8h-4a4 4 0 0 1-4-4Zm0-8a4 4 0 0 1 4-4h4v8h-4a4 4 0 0 1-4-4Zm8-4h4c2.207 0 4 1.792 4 4s-1.793 4-4 4h-4V0Zm8 12a4 4 0 1 1-4-4c2.207 0 4 1.792 4 4Z"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
drive: (props: LucideProps) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={props.width}
|
||||
height={typeof props.height === 'number' ? props.height : typeof props.width === 'number' ? props.width - 2 : 22}
|
||||
fill="currentColor"
|
||||
viewBox="0 0 24 22"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M12.01.579c-2.082 0-3.754.02-3.743.046.01.02 1.708 2.975 3.774 6.561l3.76 6.516h3.76c2.081 0 3.753-.02 3.742-.047-.005-.02-1.708-2.974-3.775-6.56L15.768.578H12.01ZM7.25 2.293c-1.22 2.082-2.43 4.17-3.63 6.263L0 14.833l1.89 3.269 1.885 3.267 3.62-6.278 3.618-6.273-1.88-3.258C8.1 3.77 7.255 2.3 7.25 2.293Zm2.259 12.54-.203.345c-.114.196-.96 1.657-1.88 3.258a408.16 408.16 0 0 1-1.698 2.943c-.01.026 3.24.042 7.222.042h7.244l1.796-3.129c.992-1.718 1.85-3.2 1.906-3.293l.104-.166H9.509Z"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
notion: (props: LucideProps) => (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={props.width}
|
||||
height={typeof props.height === 'number' ? props.height : typeof props.width === 'number' ? props.width + 2 : 26}
|
||||
fill="currentColor"
|
||||
viewBox="0 0 24 26"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
fill="currentColor"
|
||||
fillRule="evenodd"
|
||||
d="M4.139 4.818c.778.637 1.07.588 2.53.49l13.777-.833c.292 0 .049-.294-.049-.342L18.11 2.467c-.439-.343-1.023-.736-2.142-.638l-13.34.98c-.486.049-.583.294-.39.49l1.9 1.52Zm.827 3.234v14.6c0 .784.389 1.078 1.265 1.029l15.14-.882c.876-.049.974-.589.974-1.226V7.071c0-.636-.243-.98-.78-.93l-15.82.93c-.585.05-.78.344-.78.98Zm14.945.783c.097.441 0 .882-.439.932l-.73.146v10.779c-.633.343-1.216.539-1.703.539-.78 0-.975-.246-1.558-.98l-4.772-7.545v7.3l1.51.343s0 .882-1.218.882l-3.358.196c-.098-.196 0-.686.34-.784l.877-.245v-9.652l-1.217-.098c-.097-.441.146-1.078.828-1.127l3.602-.245 4.966 7.644v-6.762l-1.266-.146c-.097-.54.291-.931.778-.98l3.36-.197ZM1.51 1.487 15.383.457c1.704-.147 2.143-.048 3.214.735l4.429 3.136c.73.54.974.686.974 1.274v17.197c0 1.077-.39 1.715-1.753 1.812l-16.112.98c-1.023.05-1.51-.097-2.046-.784L.827 20.545C.243 19.76 0 19.173 0 18.487V3.2c0-.882.39-1.617 1.509-1.714Z"
|
||||
clip-rule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
gitHub: (props: LucideProps) => (
|
||||
<svg viewBox="0 0 64 64" width={props.width} height={props.height} fill="currentColor" xmlns="http://www.w3.org/2000/svg" {...props}>
|
||||
<path fill="currentColor" d="M59.707 16.72c-2.862-4.903-6.743-8.784-11.645-11.646C43.159 2.213 37.806.782 32 .782c-5.805 0-11.16 1.431-16.062 4.292-4.903 2.861-8.784 6.743-11.646 11.646C1.431 21.623 0 26.977 0 32.782c0 6.973 2.034 13.243 6.104 18.812 4.069 5.569 9.326 9.423 15.77 11.562.75.139 1.305.041 1.666-.291a1.63 1.63 0 0 0 .542-1.25l-.021-2.25a372.109 372.109 0 0 1-.021-3.708l-.958.166c-.611.112-1.382.159-2.312.146-.93-.013-1.896-.11-2.896-.292-1-.18-1.931-.596-2.792-1.249-.861-.653-1.472-1.507-1.833-2.562l-.417-.959c-.278-.638-.715-1.347-1.312-2.125-.597-.778-1.201-1.305-1.812-1.583l-.292-.209a3.096 3.096 0 0 1-.542-.5 2.302 2.302 0 0 1-.375-.583c-.083-.195-.014-.355.208-.48.223-.125.625-.186 1.208-.186l.833.124c.556.111 1.243.444 2.063 1a6.731 6.731 0 0 1 2.021 2.166c.639 1.139 1.409 2.007 2.312 2.605.902.597 1.812.895 2.729.895.916 0 1.708-.069 2.375-.208a8.33 8.33 0 0 0 1.875-.625c.25-1.862.931-3.292 2.041-4.292-1.583-.166-3.006-.417-4.271-.75-1.264-.334-2.569-.875-3.916-1.626-1.348-.75-2.466-1.681-3.354-2.791-.889-1.111-1.618-2.57-2.187-4.375-.569-1.806-.854-3.889-.854-6.25 0-3.362 1.097-6.222 3.292-8.584-1.028-2.527-.931-5.361.291-8.499.806-.25 2-.062 3.583.562 1.583.625 2.743 1.16 3.479 1.604.736.444 1.326.82 1.771 1.125 2.584-.722 5.25-1.083 8-1.083s5.417.361 8.001 1.083l1.583-1c1.083-.667 2.361-1.278 3.833-1.834 1.472-.555 2.598-.708 3.376-.458 1.25 3.139 1.361 5.972.333 8.499 2.194 2.361 3.292 5.223 3.292 8.584 0 2.361-.286 4.451-.854 6.27-.569 1.82-1.305 3.277-2.207 4.375-.903 1.098-2.029 2.021-3.376 2.771s-2.653 1.292-3.917 1.625c-1.264.334-2.687.584-4.271.751 1.444 1.25 2.166 3.222 2.166 5.916v8.791c0 .499.174.916.521 1.25.347.333.895.431 1.646.291 6.445-2.138 11.702-5.992 15.771-11.562 4.069-5.569 6.104-11.839 6.104-18.812-.001-5.804-1.433-11.157-4.293-16.06z" />
|
||||
</svg>
|
||||
),
|
||||
readme: (props: LucideProps) => (
|
||||
<svg
|
||||
width="16"
|
||||
height="17"
|
||||
width={props.width}
|
||||
height={typeof props.height === 'number' ? props.height : typeof props.width === 'number' ? props.width + 1 : 17}
|
||||
viewBox="0 0 16 17"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -54,8 +128,8 @@ export const Icons = {
|
||||
),
|
||||
hand: (props: LucideProps) => (
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
width={props.width}
|
||||
height={typeof props.height === 'number' ? props.height : typeof props.width === 'number' ? props.width - 1 : 19}
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -69,8 +143,8 @@ export const Icons = {
|
||||
),
|
||||
hammer: (props: LucideProps) => (
|
||||
<svg
|
||||
width="20"
|
||||
height="19"
|
||||
width={props.width}
|
||||
height={typeof props.height === 'number' ? props.height : typeof props.width === 'number' ? props.width - 1 : 19}
|
||||
viewBox="0 0 20 19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -84,8 +158,8 @@ export const Icons = {
|
||||
),
|
||||
checkActive: (props: LucideProps) => (
|
||||
<svg
|
||||
width="14"
|
||||
height="15"
|
||||
width={props.width}
|
||||
height={typeof props.height === 'number' ? props.height : typeof props.width === 'number' ? props.width + 1 : 15}
|
||||
viewBox="0 0 14 15"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
||||
@@ -64,12 +64,12 @@ export default function ProjectCard({
|
||||
alt={`${name} banner`}
|
||||
width={1200}
|
||||
height={630}
|
||||
className="object-cover w-full rounded-t-lg"
|
||||
className="w-full rounded-t-lg object-cover"
|
||||
/>
|
||||
)}
|
||||
<div className="flex flex-col justify-between h-full gap-5 p-5 bg-white rounded-b-lg">
|
||||
<div className="flex h-full flex-col justify-between gap-5 rounded-b-lg bg-white p-5">
|
||||
<div className="flex flex-col justify-start gap-2">
|
||||
<div className="flex gap-2 mb-2">
|
||||
<div className="mb-2 flex gap-2">
|
||||
{tags?.themes?.map((theme, index) => {
|
||||
const { label } = ThemesButtonMapping?.[theme]
|
||||
const icon = TagsIconMapping?.[theme]
|
||||
@@ -88,7 +88,7 @@ export default function ProjectCard({
|
||||
<p className="text-slate-900/80">{tldr}</p>
|
||||
</div>
|
||||
{showLinks && (
|
||||
<div className="flex items-center justify-start gap-2 mr-auto">
|
||||
<div className="mr-auto flex items-center justify-start gap-2">
|
||||
{Object.entries(links ?? {})?.map(([website, url], index) => {
|
||||
return (
|
||||
<ProjectLink
|
||||
|
||||
@@ -29,7 +29,7 @@ export function ProjectTags({ project }: { project: ProjectInterface }) {
|
||||
const { label, icon } = ThemesStatusMapping?.[project?.projectStatus] ?? {}
|
||||
|
||||
return (
|
||||
<div className="flex flex-col gap-4 mt-8">
|
||||
<div className="mt-8 flex flex-col gap-4">
|
||||
{Object.entries(FilterLabelMapping).map(([key, label]) => {
|
||||
const keyTags = project?.tags?.[key as ProjectFilter]
|
||||
const hasItems = keyTags && keyTags?.length > 0
|
||||
@@ -40,7 +40,7 @@ export function ProjectTags({ project }: { project: ProjectInterface }) {
|
||||
hasItems && (
|
||||
<div>
|
||||
<TagsWrapper label={label}>
|
||||
<div className="flex gap-[6px] flex-wrap">
|
||||
<div className="flex flex-wrap gap-[6px]">
|
||||
{keyTags?.map((tag) => {
|
||||
return (
|
||||
<Link href={`/projects?${key}=${tag}`}>
|
||||
|
||||
@@ -61,7 +61,7 @@ const ExtraLinkItems = ({ id, links = [] }: ExtraLinkItemsProps) => {
|
||||
<Link
|
||||
href={url}
|
||||
target="_blank"
|
||||
className="flex items-center gap-1 overflow-hidden font-sans font-normal duration-200 ease-in-out border-b-2 border-transparent cursor-pointer text-tuatara-950 hover:border-orange"
|
||||
className="flex cursor-pointer items-center gap-1 overflow-hidden border-b-2 border-transparent font-sans font-normal text-tuatara-950 duration-200 ease-in-out hover:border-orange"
|
||||
>
|
||||
{label}
|
||||
<Icons.externalUrl />
|
||||
|
||||
@@ -88,7 +88,7 @@ const FilterButtons = ({
|
||||
)
|
||||
|
||||
return (
|
||||
<div className="relative grid grid-cols-3 col-span-1 gap-2 md:gap-4 md:col-span-2 after:content-none md:after:content-[''] after:absolute after:h-11 after:w-[1px] after:bg-anakiwa-500 after:-right-[25px]">
|
||||
<div className="relative col-span-1 grid grid-cols-3 gap-2 after:absolute after:right-[-25px] after:h-11 after:w-[1px] after:content-none md:col-span-2 md:gap-4 md:after:content-['']">
|
||||
{Object.entries(ThemesButtonMapping).map(([key, { label, icon }]) => {
|
||||
const isActive = activeFilters?.themes?.includes(key)
|
||||
const variant = isActive ? "blue" : "white"
|
||||
@@ -132,7 +132,7 @@ export default function ProjectFiltersBar() {
|
||||
useProjectFiltersState.setState({
|
||||
activeFilters: queryStringToObject(searchParams),
|
||||
})
|
||||
}, [])
|
||||
}, [searchParams])
|
||||
|
||||
useEffect(() => {
|
||||
const count = Object.values(activeFilters).reduce((acc, curr) => {
|
||||
@@ -269,9 +269,9 @@ export default function ProjectFiltersBar() {
|
||||
<span className="text-lg font-medium">
|
||||
What do you want to do today?
|
||||
</span>
|
||||
<div className="grid items-center justify-between grid-cols-1 gap-3 md:gap-12 md:grid-cols-5">
|
||||
<div className="grid grid-cols-1 items-center justify-between gap-3 md:grid-cols-5 md:gap-12">
|
||||
<FilterButtons />
|
||||
<div className="grid grid-cols-[1fr_auto] col-span-1 gap-2 md:gap-3 md:col-span-3">
|
||||
<div className="col-span-1 grid grid-cols-[1fr_auto] gap-2 md:col-span-3 md:gap-3">
|
||||
<Input
|
||||
onChange={(e: ChangeEvent<HTMLInputElement>) =>
|
||||
setSearchQuery(e?.target?.value)
|
||||
@@ -297,7 +297,7 @@ export default function ProjectFiltersBar() {
|
||||
<button
|
||||
disabled={!hasActiveFilters}
|
||||
onClick={clearAllFilters}
|
||||
className="hidden bg-transparent cursor-pointer md:block text-primary opacity-85 hover:opacity-100 disabled:opacity-50 disabled:pointer-events-none"
|
||||
className="opacity-85 hidden cursor-pointer bg-transparent text-primary hover:opacity-100 disabled:pointer-events-none disabled:opacity-50 md:block"
|
||||
>
|
||||
<div className="flex items-center gap-2 border-b-2 border-black">
|
||||
<span className="text-sm font-medium">Clear all</span>
|
||||
|
||||
@@ -25,7 +25,7 @@ export function ProjectLink({ website, url }: ProjectLinkProps) {
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<div className="px-4 py-1 rounded bg-[#F5F5F6]">
|
||||
<div className="rounded bg-[#F5F5F6] px-4 py-1">
|
||||
<Image
|
||||
src={image}
|
||||
alt={`${website}Vector`}
|
||||
|
||||
@@ -9,11 +9,11 @@ import ProjectCard from "./project-card"
|
||||
|
||||
const NoResults = () => {
|
||||
return (
|
||||
<div className="flex flex-col gap-2 pt-24 pb-40 text-center">
|
||||
<div className="flex flex-col gap-2 pb-40 pt-24 text-center">
|
||||
<div className="mx-auto">
|
||||
<Image className="w-9 h-9" src={NoResultIcon} alt="no result icon" />
|
||||
<Image className="h-9 w-9" src={NoResultIcon} alt="no result icon" />
|
||||
</div>
|
||||
<span className="text-2xl font-bold font-display text-tuatara-950">
|
||||
<span className="font-display text-2xl font-bold text-tuatara-950">
|
||||
No results found.
|
||||
</span>
|
||||
<span className="text-lg font-normal text-tuatara-950">
|
||||
|
||||
@@ -32,6 +32,9 @@ export function SiteFooter() {
|
||||
<Link href={"/about"} className="border-b-2 border-[#171C1B] py-5">
|
||||
ABOUT
|
||||
</Link>
|
||||
<Link href={"/resources"} className="border-b-2 border-[#171C1B] py-5">
|
||||
RESOURCES
|
||||
</Link>
|
||||
<Link
|
||||
href={siteConfig.links.jobs}
|
||||
target="_blank"
|
||||
|
||||
@@ -30,7 +30,7 @@ export function SiteHeaderMobile() {
|
||||
/>
|
||||
{header && (
|
||||
<div
|
||||
className="fixed inset-0 flex justify-end bg-black opacity-50 z-5"
|
||||
className="z-5 fixed inset-0 flex justify-end bg-black opacity-50"
|
||||
onClick={() => setHeader(false)}
|
||||
></div>
|
||||
)}
|
||||
@@ -68,6 +68,13 @@ export function SiteHeaderMobile() {
|
||||
>
|
||||
ABOUT
|
||||
</NextLink>
|
||||
<NextLink
|
||||
onClick={() => setHeader(false)}
|
||||
href={"/resources"}
|
||||
className="border-b-2 border-white p-[16px] pt-0"
|
||||
>
|
||||
RESOURCES
|
||||
</NextLink>
|
||||
<NextLink
|
||||
href={siteConfig.links.jobs}
|
||||
target="_blank"
|
||||
|
||||
@@ -30,12 +30,12 @@ const Accordion = ({
|
||||
>
|
||||
{items?.map(({ label, children, value }) => (
|
||||
<RadixAccordion.Item className="group" value={value}>
|
||||
<RadixAccordion.Trigger className="flex items-center justify-between w-full py-6 border-t border-t-black ring-0 focus:outline-none">
|
||||
<span className="font-sans text-base md:text-xl font-bold text-black uppercase tracking-[3.36px] md:tracking-[4.2px] block text-left">
|
||||
<RadixAccordion.Trigger className="flex w-full items-center justify-between border-t border-t-black py-6 ring-0 focus:outline-none">
|
||||
<span className="block text-left font-sans text-base font-bold uppercase tracking-[3.36px] text-black md:text-xl md:tracking-[4.2px]">
|
||||
{label}
|
||||
</span>
|
||||
<div
|
||||
className={`md:invisible group-hover:visible duration-50 group-data-[state=open]:hidden`}
|
||||
className={`duration-50 group-hover:visible group-data-[state=open]:hidden md:invisible`}
|
||||
>
|
||||
<Icons.plus className="w-4 md:w-8" />
|
||||
</div>
|
||||
@@ -43,7 +43,7 @@ const Accordion = ({
|
||||
<Icons.minus className="w-4 md:w-8" />
|
||||
</div>
|
||||
</RadixAccordion.Trigger>
|
||||
<RadixAccordion.Content className="group-data-[state=open]:animate-slide-down group-data-[state=closed]:animate-slide-up transition-transform overflow-hidden">
|
||||
<RadixAccordion.Content className="overflow-hidden transition-transform group-data-[state=closed]:animate-slide-up group-data-[state=open]:animate-slide-down">
|
||||
{children}
|
||||
</RadixAccordion.Content>
|
||||
</RadixAccordion.Item>
|
||||
|
||||
@@ -9,7 +9,7 @@ export default function Badge({ value, children }: BadgeProps) {
|
||||
|
||||
return (
|
||||
<div className="relative">
|
||||
<div className="absolute flex items-center justify-center min-w-4 h-4 m-auto rounded-full bg-anakiwa-950 -top-[5px] -right-[5px] px-[6px]">
|
||||
<div className="min-w-4 absolute right-[-5px] top-[-5px] m-auto flex h-4 items-center justify-center rounded-full bg-anakiwa-950 px-[6px]">
|
||||
<span className="text-xs text-white">{value}</span>
|
||||
</div>
|
||||
{children}
|
||||
|
||||
@@ -18,7 +18,7 @@ const Checkbox = ({ label, name, checked, ...props }: CheckboxProps) => {
|
||||
<CheckboxComponent.Root
|
||||
{...props}
|
||||
checked={checked}
|
||||
className="ease-in duration-100 flex items-center justify-center w-[14px] h-[14px] bg-white border-2 border-solid rounded-[1.5px] cursor-pointer aria-checked:bg-black aria-checked:border-black border-tuatara-200"
|
||||
className="flex h-[14px] w-[14px] cursor-pointer items-center justify-center rounded-[1.5px] border-2 border-solid border-tuatara-200 bg-white duration-100 ease-in aria-checked:border-black aria-checked:bg-black"
|
||||
id={name}
|
||||
>
|
||||
<CheckboxComponent.Indicator className="text-white">
|
||||
@@ -27,7 +27,7 @@ const Checkbox = ({ label, name, checked, ...props }: CheckboxProps) => {
|
||||
</CheckboxComponent.Root>
|
||||
{label && (
|
||||
<label
|
||||
className="pl-3 font-sans text-base font-normal break-all cursor-pointer"
|
||||
className="cursor-pointer break-all pl-3 font-sans text-base font-normal"
|
||||
htmlFor={name}
|
||||
>
|
||||
{label}
|
||||
|
||||
@@ -37,13 +37,13 @@ const Dropdown = ({
|
||||
<DropdownMenu.Root>
|
||||
<DropdownMenu.Trigger asChild disabled={disabled}>
|
||||
<button
|
||||
className={cn("focus:outline-none ring-0", {
|
||||
className={cn("ring-0 focus:outline-none", {
|
||||
"opacity-70 cursor-not-allowed": disabled,
|
||||
})}
|
||||
aria-label="dropdown menu"
|
||||
>
|
||||
<div className="flex items-center gap-1">
|
||||
<span className="text-sm font-medium break-words text-tuatara-950">
|
||||
<span className="break-words text-sm font-medium text-tuatara-950">
|
||||
{label}
|
||||
</span>
|
||||
<Icons.arrowDown />
|
||||
@@ -53,7 +53,7 @@ const Dropdown = ({
|
||||
|
||||
<DropdownMenu.Portal>
|
||||
<DropdownMenu.Content
|
||||
className="min-w-[136px] max-h-[250px] overflow-scroll border border-tuatara-200 rounded-md bg-white py-2"
|
||||
className="max-h-[250px] min-w-[136px] overflow-scroll rounded-md border border-tuatara-200 bg-white py-2"
|
||||
sideOffset={5}
|
||||
>
|
||||
{items?.map((item, index) => {
|
||||
@@ -62,7 +62,7 @@ const Dropdown = ({
|
||||
<DropdownMenu.Item
|
||||
key={index}
|
||||
className={cn(
|
||||
"relative py-3 px-5 w-full font-sans text-sm cursor-pointer hover:font-medium focus:outline-none ring-0 hover:text-anakiwa-500 text-duration-200",
|
||||
"text-duration-200 relative w-full cursor-pointer px-5 py-3 font-sans text-sm ring-0 hover:font-medium hover:text-anakiwa-500 focus:outline-none",
|
||||
{
|
||||
"text-tuatara-950 font-normal": !active,
|
||||
"text-anakiwa-500 font-medium": active,
|
||||
@@ -71,7 +71,7 @@ const Dropdown = ({
|
||||
onSelect={() => onSelectCallback(item)}
|
||||
>
|
||||
{active && (
|
||||
<div className="bg-anakiwa-500 w-[3px] absolute left-0 top-0 bottom-0"></div>
|
||||
<div className="absolute inset-y-0 left-0 w-[3px] bg-anakiwa-500"></div>
|
||||
)}
|
||||
{item.label}
|
||||
</DropdownMenu.Item>
|
||||
|
||||
@@ -56,7 +56,7 @@ const Modal = ({
|
||||
<Dialog.Content className={cn(modalContentVariants({ size }))}>
|
||||
{title && (
|
||||
<Dialog.Title>
|
||||
<ModalContent className="text-center border-b border-b-tuatara-200">
|
||||
<ModalContent className="border-b border-b-tuatara-200 text-center">
|
||||
{title}
|
||||
</ModalContent>
|
||||
</Dialog.Title>
|
||||
@@ -74,7 +74,7 @@ const Modal = ({
|
||||
|
||||
<Dialog.Close>
|
||||
<button
|
||||
className="absolute inline-flex w-5 cursor-pointer right-4 top-4"
|
||||
className="absolute right-4 top-4 inline-flex w-5 cursor-pointer"
|
||||
aria-label="Close"
|
||||
>
|
||||
<Icons.close />
|
||||
|
||||
@@ -17,6 +17,10 @@ export const siteConfig = {
|
||||
title: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
href: "/resources",
|
||||
},
|
||||
],
|
||||
links: {
|
||||
twitter: "https://twitter.com/privacyscaling",
|
||||
|
||||
3
mdx-components.tsx
Normal file
3
mdx-components.tsx
Normal file
@@ -0,0 +1,3 @@
|
||||
export function useMDXComponents(components: any) {
|
||||
return { ...components }
|
||||
}
|
||||
9
mdx.d.ts
vendored
Normal file
9
mdx.d.ts
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
declare module "*.mdx" {
|
||||
let MDXComponent: (props: any) => JSX.Element
|
||||
export default MDXComponent
|
||||
}
|
||||
|
||||
declare module "*.md" {
|
||||
let MDXComponent: (props: any) => JSX.Element
|
||||
export default MDXComponent
|
||||
}
|
||||
@@ -1,9 +1,20 @@
|
||||
import nextMdx from "@next/mdx"
|
||||
|
||||
const withMDX = nextMdx({
|
||||
extension: /\.mdx?$/,
|
||||
options: {
|
||||
remarkPlugins: [],
|
||||
rehypePlugins: [],
|
||||
},
|
||||
})
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
pageExtensions: ["js", "jsx", "mdx", "ts", "tsx", "md"],
|
||||
reactStrictMode: true,
|
||||
experimental: {
|
||||
appDir: true,
|
||||
mdxRs: true,
|
||||
},
|
||||
}
|
||||
|
||||
export default nextConfig
|
||||
export default withMDX(nextConfig)
|
||||
|
||||
@@ -20,6 +20,7 @@
|
||||
"clean": "rm -rf .next/ out/"
|
||||
},
|
||||
"dependencies": {
|
||||
"@next/mdx": "^13.5.0",
|
||||
"@radix-ui/react-accordion": "^1.1.2",
|
||||
"@radix-ui/react-checkbox": "^1.0.4",
|
||||
"@radix-ui/react-dialog": "^1.0.4",
|
||||
|
||||
22
pnpm-lock.yaml
generated
22
pnpm-lock.yaml
generated
@@ -5,6 +5,9 @@ settings:
|
||||
excludeLinksFromLockfile: false
|
||||
|
||||
dependencies:
|
||||
'@next/mdx':
|
||||
specifier: ^13.5.0
|
||||
version: 13.5.0
|
||||
'@radix-ui/react-accordion':
|
||||
specifier: ^1.1.2
|
||||
version: 1.1.2(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0)
|
||||
@@ -471,6 +474,20 @@ packages:
|
||||
glob: 7.1.7
|
||||
dev: true
|
||||
|
||||
/@next/mdx@13.5.0:
|
||||
resolution: {integrity: sha512-+T/Vbx8HCKvzARF4sqY+TkU27bj7GiSC4gYibLcZ6ijx2oeGMbvblc1ZHT/Q8CdlBbnCMNR6TchaWzpH0xH38A==}
|
||||
peerDependencies:
|
||||
'@mdx-js/loader': '>=0.15.0'
|
||||
'@mdx-js/react': '>=0.15.0'
|
||||
peerDependenciesMeta:
|
||||
'@mdx-js/loader':
|
||||
optional: true
|
||||
'@mdx-js/react':
|
||||
optional: true
|
||||
dependencies:
|
||||
source-map: 0.7.4
|
||||
dev: false
|
||||
|
||||
/@next/swc-darwin-arm64@13.4.10:
|
||||
resolution: {integrity: sha512-4bsdfKmmg7mgFGph0UorD1xWfZ5jZEw4kKRHYEeTK9bT1QnMbPVPlVXQRIiFPrhoDQnZUoa6duuPUJIEGLV1Jg==}
|
||||
engines: {node: '>= 10'}
|
||||
@@ -4094,6 +4111,11 @@ packages:
|
||||
engines: {node: '>=0.10.0'}
|
||||
dev: false
|
||||
|
||||
/source-map@0.7.4:
|
||||
resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
|
||||
engines: {node: '>= 8'}
|
||||
dev: false
|
||||
|
||||
/sourcemap-codec@1.4.8:
|
||||
resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
|
||||
deprecated: Please use @jridgewell/sourcemap-codec instead
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<svg width="36" height="35" viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_5224_47325)">
|
||||
<path d="M26.7955 24.2331L33.0416 30.4777L30.978 32.5412L24.7335 26.2952C22.4099 28.1578 19.5199 29.1709 16.542 29.1666C9.29699 29.1666 3.41699 23.2866 3.41699 16.0416C3.41699 8.79663 9.29699 2.91663 16.542 2.91663C23.787 2.91663 29.667 8.79663 29.667 16.0416C29.6712 19.0195 28.6581 21.9096 26.7955 24.2331ZM23.8701 23.151C25.7209 21.2477 26.7545 18.6964 26.7503 16.0416C26.7503 10.4008 22.1814 5.83329 16.542 5.83329C10.9012 5.83329 6.33366 10.4008 6.33366 16.0416C6.33366 21.681 10.9012 26.25 16.542 26.25C19.1968 26.2541 21.7481 25.2205 23.6514 23.3698L23.8701 23.151Z" fill="#50C3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.139 20.4168L16.5419 17.0139L16.5418 17.0138L13.1389 20.4167L13.139 20.4168ZM20.9168 12.6388L17.5139 16.0417L17.514 16.0418L20.9169 12.6389L20.9168 12.6388ZM20.9168 19.4446L19.9448 20.4167L19.9449 20.4168L20.9169 19.4447L20.9168 19.4446ZM21.9481 19.4447L18.5452 16.0418L21.9481 12.6389L19.9449 10.6356L16.5419 14.0386L13.139 10.6356L11.1357 12.6389L14.5387 16.0418L11.1357 19.4447L13.139 21.448L16.5419 18.0451L19.9449 21.448L21.9481 19.4447Z" fill="#50C3E0"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M13.139 20.4168L16.5419 17.0139L16.5418 17.0138L13.1389 20.4167L13.139 20.4168ZM20.9168 12.6388L17.5139 16.0417L17.514 16.0418L20.9169 12.6389L20.9168 12.6388ZM20.9168 19.4446L19.9448 20.4167L19.9449 20.4168L20.9169 19.4447L20.9168 19.4446ZM21.9481 19.4447L18.5452 16.0418L21.9481 12.6389L19.9449 10.6356L16.5419 14.0386L13.139 10.6356L11.1357 12.6389L14.5387 16.0418L11.1357 19.4447L13.139 21.448L16.5419 18.0451L19.9449 21.448L21.9481 19.4447Z" fill="#50C3E0"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_5224_47325">
|
||||
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
@@ -3,7 +3,7 @@
|
||||
<g id="Union">
|
||||
<path d="M48.149 41.6292C45.0775 41.6292 42.3663 41.0793 40.0153 39.9797C37.6643 38.88 35.8252 37.3063 34.498 35.2587C33.1709 33.211 32.5073 30.7463 32.5073 27.8644V27.5815C32.5073 26.8582 33.0937 26.2718 33.817 26.2718H38.5918C39.3152 26.2718 39.9016 26.8582 39.9016 27.5815V27.8644C39.9016 30.2533 40.641 32.0545 42.1198 33.2679C43.5987 34.4434 45.6084 35.0312 48.149 35.0312C50.7275 35.0312 52.6425 34.5193 53.8938 33.4954C55.1831 32.4716 55.8277 31.1634 55.8277 29.5708C55.8277 28.4711 55.5054 27.58 54.8607 26.8975C54.254 26.2149 53.344 25.6651 52.1305 25.248C50.955 24.7929 49.5141 24.3758 47.8077 23.9966L46.4995 23.7122C43.7693 23.1055 41.4183 22.3471 39.4465 21.4371C37.5126 20.4891 36.0148 19.2567 34.9531 17.7399C33.9292 16.2232 33.4173 14.2514 33.4173 11.8245C33.4173 9.39768 33.9861 7.33108 35.1237 5.6247C36.2992 3.88041 37.9297 2.55324 40.0153 1.64317C42.1388 0.695185 44.6225 0.221191 47.4665 0.221191C50.3104 0.221191 52.8321 0.714145 55.0314 1.70005C57.2686 2.64803 59.0129 4.08897 60.2642 6.02286C61.5535 7.91883 62.1981 10.3077 62.1981 13.1896V13.5863C62.1981 14.3096 61.6117 14.896 60.8884 14.896H56.1136C55.3902 14.896 54.8039 14.3096 54.8039 13.5863V13.1896C54.8039 11.6728 54.5005 10.4594 53.8938 9.54936C53.325 8.60137 52.4908 7.91883 51.3911 7.50171C50.2915 7.04668 48.9832 6.81916 47.4665 6.81916C45.1913 6.81916 43.5039 7.25524 42.4042 8.12738C41.3425 8.96161 40.8116 10.1181 40.8116 11.597C40.8116 12.5829 41.0581 13.4171 41.551 14.0997C42.0819 14.7822 42.8593 15.351 43.8831 15.8061C44.9069 16.2611 46.2151 16.6592 47.8077 17.0005L49.116 17.2849C51.9599 17.8916 54.4247 18.669 56.5102 19.617C58.6337 20.5649 60.2832 21.8163 61.4587 23.371C62.6342 24.9257 63.222 26.9164 63.222 29.3433C63.222 31.7701 62.5963 33.9126 61.345 35.7706C60.1315 37.5907 58.3872 39.0317 56.1121 40.0934C53.8748 41.1172 51.2205 41.6292 48.149 41.6292Z" fill="#030C0C"/>
|
||||
<path d="M70.1312 7.83907C69.4078 7.84049 68.8214 8.42686 68.8214 9.1502V39.5231C68.8214 40.2465 69.4078 40.8328 70.1312 40.8328H93.4486C94.1719 40.8328 94.7583 40.2465 94.7583 39.5231V35.3171C94.7583 34.5937 94.1719 34.0074 93.4486 34.0074H76.3295V24.1673H91.5147C92.238 24.1673 92.8244 23.5809 92.8244 22.8575V18.6515C92.8244 17.9282 92.238 17.3418 91.5147 17.3418H76.3295V8.91088C76.4043 8.36247 76.8553 7.92684 77.4301 7.84299H93.1073C93.8306 7.84299 94.417 7.2566 94.417 6.53325V2.32723C94.417 1.60389 93.8306 1.0175 93.1073 1.0175H77.6348C76.9123 1.0175 76.3262 1.60266 76.3251 2.32522L76.3186 6.58457C76.3186 7.27229 75.7311 7.82838 75.0047 7.82838C73.3775 7.82838 71.7555 7.83589 70.1312 7.83907Z" fill="#030C0C"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5065 25.1068C7.41457 25.7602 6.82464 26.2632 6.10896 26.2632H1.40999C1.35689 26.2632 1.30449 26.2659 1.25292 26.2713C0.555933 26.3011 0 26.8755 0 27.5798V39.5231C0 40.2465 0.586388 40.8328 1.30973 40.8328H6.1983C6.92165 40.8328 7.50804 40.2465 7.50804 39.5231V39.3314C7.51524 39.2766 7.51895 39.2208 7.51895 39.1642V27.5979C7.51895 26.9161 8.12192 26.2718 8.81777 26.2718H16.3812C18.808 26.2718 20.9694 25.7789 22.8654 24.7929C24.7993 23.7691 26.316 22.3471 27.4157 20.527C28.5533 18.669 29.1221 16.5076 29.1221 14.0428V13.2465C29.1221 10.7438 28.5722 8.58242 27.4726 6.76228C26.4108 4.94216 24.913 3.53914 22.9791 2.55323C21.0832 1.52941 18.8839 1.0175 16.3812 1.0175H1.30986C0.586468 1.0175 5.88819e-05 1.60396 0.000131512 2.32736L0.00171879 18.1367C0.00179141 18.86 0.588158 19.4463 1.31145 19.4463C2.13563 19.4463 2.95964 19.4476 3.78392 19.4489H3.78549C4.61082 19.4501 5.43641 19.4514 6.26269 19.4514C6.95041 19.4514 7.5065 20.0388 7.5065 20.7653V22.2312H7.50728L7.5065 25.1068ZM7.50804 7.84299V18.2036C7.53872 18.8604 8.02454 19.3893 8.63992 19.4463H15.6417C17.424 19.4463 18.8649 18.9534 19.9646 17.9675C21.0642 16.9816 21.614 15.6354 21.614 13.929V13.3603C21.614 11.6539 21.0642 10.3077 19.9646 9.32184C18.8649 8.33594 17.424 7.84299 15.6417 7.84299H7.50804Z" fill="#030C0C"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M7.5065 25.1068C7.41457 25.7602 6.82464 26.2632 6.10896 26.2632H1.40999C1.35689 26.2632 1.30449 26.2659 1.25292 26.2713C0.555933 26.3011 0 26.8755 0 27.5798V39.5231C0 40.2465 0.586388 40.8328 1.30973 40.8328H6.1983C6.92165 40.8328 7.50804 40.2465 7.50804 39.5231V39.3314C7.51524 39.2766 7.51895 39.2208 7.51895 39.1642V27.5979C7.51895 26.9161 8.12192 26.2718 8.81777 26.2718H16.3812C18.808 26.2718 20.9694 25.7789 22.8654 24.7929C24.7993 23.7691 26.316 22.3471 27.4157 20.527C28.5533 18.669 29.1221 16.5076 29.1221 14.0428V13.2465C29.1221 10.7438 28.5722 8.58242 27.4726 6.76228C26.4108 4.94216 24.913 3.53914 22.9791 2.55323C21.0832 1.52941 18.8839 1.0175 16.3812 1.0175H1.30986C0.586468 1.0175 5.88819e-05 1.60396 0.000131512 2.32736L0.00171879 18.1367C0.00179141 18.86 0.588158 19.4463 1.31145 19.4463C2.13563 19.4463 2.95964 19.4476 3.78392 19.4489H3.78549C4.61082 19.4501 5.43641 19.4514 6.26269 19.4514C6.95041 19.4514 7.5065 20.0388 7.5065 20.7653V22.2312H7.50728L7.5065 25.1068ZM7.50804 7.84299V18.2036C7.53872 18.8604 8.02454 19.3893 8.63992 19.4463H15.6417C17.424 19.4463 18.8649 18.9534 19.9646 17.9675C21.0642 16.9816 21.614 15.6354 21.614 13.929V13.3603C21.614 11.6539 21.0642 10.3077 19.9646 9.32184C18.8649 8.33594 17.424 7.84299 15.6417 7.84299H7.50804Z" fill="#030C0C"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
@@ -2,29 +2,29 @@
|
||||
<g clip-path="url(#clip0_1726_4179)">
|
||||
<rect y="0.683105" width="360" height="160" rx="4" fill="url(#paint0_linear_1726_4179)"/>
|
||||
<path d="M107.477 124.183C131.218 124.183 150.463 104.931 150.463 81.1832C150.463 57.4347 131.218 38.1829 107.477 38.1829C83.7375 38.1829 64.4922 57.4347 64.4922 81.1832C64.4922 104.931 83.7375 124.183 107.477 124.183Z" fill="#0B0B0B"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.566 105.373C121.65 105.373 138.479 96.6014 138.479 80.9178H139.985C139.63 98.8166 125.37 113.348 107.566 113.348C89.8509 113.348 75.5018 98.9049 75.1475 81.4496C75.1994 78.7833 75.5435 76.1896 76.1501 73.7043C75.5628 72.2821 75.2387 70.7236 75.2387 69.0894C75.2387 62.9425 79.8231 57.8668 85.7582 57.0968C91.4472 51.7525 99.0378 48.4883 107.566 48.4883C119.347 48.4883 129.71 54.6907 135.645 64.7029H130.773C124.573 59.0322 115.804 56.4628 107.566 56.4628C102.916 56.4628 98.2052 57.2653 93.8844 58.9266C97.2143 61.0805 99.4178 64.8275 99.4178 69.0894C99.4178 75.7687 94.0053 81.1831 87.3283 81.1831C83.1542 81.1831 79.4742 79.0671 77.3018 75.8485C76.8654 77.4913 76.6533 79.1812 76.6533 80.9178C76.6533 96.6901 93.5713 105.373 107.566 105.373Z" fill="white"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M107.566 105.373C121.65 105.373 138.479 96.6014 138.479 80.9178H139.985C139.63 98.8166 125.37 113.348 107.566 113.348C89.8509 113.348 75.5018 98.9049 75.1475 81.4496C75.1994 78.7833 75.5435 76.1896 76.1501 73.7043C75.5628 72.2821 75.2387 70.7236 75.2387 69.0894C75.2387 62.9425 79.8231 57.8668 85.7582 57.0968C91.4472 51.7525 99.0378 48.4883 107.566 48.4883C119.347 48.4883 129.71 54.6907 135.645 64.7029H130.773C124.573 59.0322 115.804 56.4628 107.566 56.4628C102.916 56.4628 98.2052 57.2653 93.8844 58.9266C97.2143 61.0805 99.4178 64.8275 99.4178 69.0894C99.4178 75.7687 94.0053 81.1831 87.3283 81.1831C83.1542 81.1831 79.4742 79.0671 77.3018 75.8485C76.8654 77.4913 76.6533 79.1812 76.6533 80.9178C76.6533 96.6901 93.5713 105.373 107.566 105.373Z" fill="white"/>
|
||||
<path d="M178.563 114.409C192.183 114.409 201.084 104.434 201.084 89.4879C201.084 74.4477 192.183 64.4731 178.563 64.4731C164.943 64.4731 156.042 74.4477 156.042 89.4879C156.042 104.434 164.943 114.409 178.563 114.409ZM178.595 106.511C169.693 106.511 165.541 98.7388 165.541 89.4564C165.541 80.2059 169.693 72.3393 178.595 72.3393C187.433 72.3393 191.585 80.2059 191.585 89.4564C191.585 98.7388 187.433 106.511 178.595 106.511ZM227.903 114.409C239.321 114.409 246.713 107.549 247.751 98.1409H238.598C237.402 103.364 233.345 106.448 227.966 106.448C220.008 106.448 214.881 99.8087 214.881 89.2677C214.881 78.9159 220.103 72.4026 227.966 72.4026C233.943 72.4026 237.591 76.1783 238.598 80.7094H247.751C246.744 70.955 238.787 64.4731 227.809 64.4731C214.189 64.4731 205.382 74.7307 205.382 89.4879C205.382 104.056 213.875 114.409 227.903 114.409ZM274.13 114.409C287.749 114.409 296.651 104.434 296.651 89.4879C296.651 74.4477 287.749 64.4731 274.13 64.4731C260.51 64.4731 251.608 74.4477 251.608 89.4879C251.608 104.434 260.51 114.409 274.13 114.409ZM274.161 106.511C265.259 106.511 261.107 98.7388 261.107 89.4564C261.107 80.2059 265.259 72.3393 274.161 72.3393C283 72.3393 287.152 80.2059 287.152 89.4564C287.152 98.7388 283 106.511 274.161 106.511Z" fill="black"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M56.9103 142.835C52.001 144.293 46.0389 144.693 40.0089 143.273C36.3338 142.408 32.9239 140.929 30.018 138.488C23.8179 133.279 21.6963 126.709 23.709 118.855C24.4577 115.931 25.8719 113.314 27.6682 110.899C28.2309 110.144 28.223 110.15 27.7458 109.375C26.8438 107.912 25.9622 106.437 25.3885 104.805C25.1594 104.155 24.9582 103.495 25.0006 102.793C25.061 101.789 25.6721 101.227 26.6748 101.236C27.3502 101.241 27.9668 101.466 28.5696 101.737C30.0427 102.399 31.3578 103.319 32.6504 104.273C32.858 104.426 33.0692 104.575 33.265 104.741C33.4702 104.916 33.6255 104.922 33.8604 104.746C35.353 103.631 36.9113 102.616 38.5814 101.787C38.9584 101.6 38.9246 101.312 38.9123 100.996C38.8495 99.3655 38.8458 97.7347 38.9549 96.1066C39.0429 94.7915 39.1831 93.4833 39.5296 92.206C39.7114 91.5394 39.939 90.8924 40.3105 90.3051C41.1566 88.9664 42.3777 88.7258 43.6759 89.648C44.289 90.0833 44.7772 90.6428 45.2274 91.2399C46.3198 92.6886 47.1466 94.2884 47.8916 95.9336C48.1634 96.5334 48.4265 97.1382 48.6625 97.753C48.7889 98.0814 48.9782 98.1909 49.3173 98.1256C51.1212 97.7776 52.9449 97.6137 54.7804 97.5856C55.1558 97.5797 55.3307 97.4387 55.4474 97.081C55.8215 95.937 56.2621 94.8171 56.7736 93.7261C57.1633 92.8943 57.5837 92.0775 58.1663 91.3614C59.4116 89.8315 60.7427 90.0392 61.4409 91.8723C62.0303 93.4198 62.1448 95.0515 62.2753 96.6799C62.3179 97.2132 62.1074 97.8862 62.4358 98.2406C62.7326 98.5609 63.3872 98.5466 63.8823 98.6851C66.7221 99.4777 69.3743 100.673 71.7826 102.386C79.0727 107.572 81.7204 116.116 78.6255 124.51C76.9052 129.178 73.9348 132.939 70.1229 136.067C66.4903 139.048 62.3944 141.165 56.9103 142.835Z" fill="#040505"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.8461 141.373C51.7174 143.162 45.809 143.55 39.8406 142.064C36.6334 141.264 33.6711 139.929 31.0417 137.902C24.7976 133.087 22.5331 125.538 25.1126 118.081C26.7347 113.393 29.6732 109.64 33.4788 106.537C37.7765 103.032 42.6747 100.762 48.0815 99.5694C53.2911 98.4206 58.4856 98.4229 63.6504 99.8272C66.641 100.64 69.4054 101.94 71.8619 103.846C78.1907 108.757 80.3933 116.458 77.6307 124.013C75.9807 128.525 73.0987 132.146 69.4227 135.164C66.429 137.62 63.097 139.498 59.4436 140.796C58.8224 141.016 58.2039 141.244 57.8461 141.373Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.7641 96.0652C44.2731 96.1249 42.0756 96.9321 39.9699 98.2882C39.8419 97.3224 39.9567 96.4549 40.0344 95.5891C40.0542 95.3686 40.2237 95.2491 40.3911 95.132C41.851 94.1118 43.4765 93.6733 45.2475 93.7451C45.4458 93.7534 45.6651 93.7673 45.7729 93.9733C46.1239 94.6441 46.551 95.2813 46.7641 96.0652Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.9939 100.962C39.7784 98.9727 39.7427 99.2994 41.1563 98.4464C42.7702 97.472 44.5285 96.8944 46.4315 96.8338C46.7094 96.8252 47.0684 96.7282 47.2304 97.0036C47.4582 97.3922 47.6095 97.8319 47.7508 98.2633C47.8028 98.4244 47.6084 98.4809 47.4681 98.5135C47.0778 98.6047 46.6855 98.684 46.2978 98.7841C44.381 99.2786 42.5263 99.9504 40.72 100.759C40.4924 100.861 40.2712 101.022 39.9939 100.962Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.1704 94.3349C40.3347 93.1263 40.5373 92.0619 41.0428 91.0855C41.6085 89.9916 42.2797 89.8528 43.2439 90.6129C43.5121 90.8241 43.754 91.0723 43.9839 91.3259C44.4066 91.7921 44.783 92.2946 45.1615 92.9717C43.371 92.9684 41.7509 93.4116 40.1704 94.3349Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.0057 104.391C30.3601 104.865 29.7722 105.311 29.2627 105.852C28.7737 106.372 28.3765 106.961 27.9589 107.599C27.5094 107.149 27.3161 106.617 27.0645 106.12C26.9472 105.887 27.0404 105.678 27.1576 105.475C27.6409 104.638 28.3089 103.997 29.1639 103.543C29.3571 103.44 29.5294 103.391 29.7232 103.509C30.1566 103.774 30.6077 104.015 31.0057 104.391Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M56.4662 97.5996C56.4464 97.4451 56.4336 97.4143 56.4406 97.3889C56.7604 96.2125 56.7935 96.1773 57.991 96.0907C58.8557 96.0288 59.7052 96.1332 60.5327 96.3967C61.2556 96.6268 61.2564 96.6277 61.2913 97.4022C61.2995 97.5727 61.2936 97.7435 61.2939 97.8657C61.2589 97.9373 61.2501 97.9662 61.2333 97.9878C61.2177 98.0073 61.1912 98.0342 61.1728 98.0318C59.6142 97.8355 58.0557 97.6454 56.4662 97.5996Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6848 105.675C31.3537 106.807 30.1326 107.965 29.0235 109.236C28.3459 108.591 28.3209 108.489 28.7418 107.765C29.2651 106.862 29.9553 106.101 30.7847 105.47C31.7143 104.763 31.7523 104.771 32.6848 105.675Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.261 95.3616C57.2557 95.2978 57.2435 95.2651 57.2522 95.2414C57.7515 93.8907 57.6126 93.825 59.2628 93.9468C59.5161 93.9656 59.7682 94.0292 60.0153 94.0949C61.0852 94.379 61.189 94.5385 61.0964 95.7565C60.4586 95.6297 59.8394 95.4055 59.1904 95.38C58.5466 95.3551 57.902 95.3663 57.261 95.3616Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.6851 102.927C27.7938 103.5 27.1595 104.14 26.5667 104.937C26.2593 104.334 26.1104 103.788 26.0384 103.23C25.9351 102.429 26.2312 102.159 27.0136 102.305C27.2656 102.351 27.5137 102.43 27.7544 102.519C28.0194 102.617 28.2732 102.744 28.6851 102.927Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M58.2559 93.1616C58.5607 92.4729 58.9027 91.9901 59.3625 91.6046C59.7441 91.285 60.0169 91.3286 60.2615 91.7666C60.5492 92.2825 60.807 92.8213 60.8074 93.5051C59.9746 93.3416 59.195 93.1197 58.2559 93.1616Z" fill="#FFCE01"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.7756 124.54C64.0542 126.436 63.6279 128.123 62.6726 129.68C61.5504 131.51 59.9536 132.8 57.9955 133.662C55.8697 134.599 53.6679 134.868 51.3972 134.398C49.3739 133.979 47.6651 133.011 46.4079 131.328C46.3122 131.197 46.1695 131.085 46.1869 130.894C46.664 130.595 62.643 124.813 63.7756 124.54Z" fill="#020302"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.1208 118.712C35.0918 118.17 35.0289 117.693 35.0478 117.22C35.1095 115.532 36.3622 114.761 37.9017 115.442C38.3135 115.625 38.6902 115.873 39.0432 116.144C39.3056 116.021 39.2549 115.756 39.3446 115.565C39.7685 114.67 40.5471 114.434 41.3478 114.991C42.1383 115.539 42.5946 116.348 43.0054 117.187C43.1804 117.541 42.942 117.677 42.6912 117.843C41.3836 118.716 40.0856 119.603 38.7804 120.483C37.4093 121.41 36.0214 122.318 34.6682 123.272C34.3141 123.521 34.0752 123.499 33.7988 123.225C32.8753 122.306 32.3645 121.216 32.4851 119.894C32.5613 119.068 33.1099 118.598 33.9689 118.594C34.3291 118.592 34.6895 118.666 35.1208 118.712Z" fill="#020302"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M58.0977 120.455C58.0822 120.091 57.9971 119.79 57.4324 119.787C57.0134 119.785 56.9349 119.544 57.0171 119.047C57.3312 117.132 59.0454 115.515 61.106 115.188C62.9486 114.896 64.933 115.924 65.8108 117.634C66.0295 118.058 66.2633 118.479 66.3093 118.969C66.3318 119.199 66.345 119.492 66.0789 119.532C65.5639 119.61 65.5332 119.959 65.4535 120.356C65.0982 122.141 63.6086 123.372 61.8146 123.394C60.066 123.417 58.5531 122.238 58.0977 120.455Z" fill="#020302"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.3422 120.5C44.075 119.65 47.0213 121.183 47.8948 123.894C48.6922 126.371 47.5769 129.472 44.4756 130.498C41.7468 131.4 38.759 129.786 37.8933 127.02C37.0467 124.315 38.6162 121.349 41.3422 120.5Z" fill="#020302"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.8081 110.573C61.323 108.594 62.1327 108.693 63.1584 110.98C63.21 110.975 63.2671 110.984 63.3143 110.965C64.4025 110.53 64.8826 110.835 64.962 112.012C64.987 112.381 64.9281 112.744 64.8527 113.101C64.7008 113.819 64.6052 113.89 63.8843 113.789C62.1008 113.54 60.3189 113.284 58.5374 113.03C58.2311 112.986 57.9213 112.95 57.6165 112.9C57.0041 112.801 56.9881 112.78 56.9855 112.145C56.985 111.506 57.1709 110.922 57.5317 110.398C58.055 109.64 58.7075 109.569 59.3782 110.184C59.5201 110.315 59.5919 110.524 59.8081 110.573Z" fill="#020302"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.1687 124.6C54.899 124.861 54.9543 125.107 54.8954 125.319C54.6649 126.141 54.0357 126.434 53.2713 126.034C52.9552 125.867 52.6746 125.628 52.4274 125.456C52.2441 125.763 52.0951 126.067 51.8957 126.333C51.5474 126.799 51.0786 126.829 50.6746 126.413C50.2751 126.001 50.0467 125.48 49.8614 124.947C49.5275 123.982 49.4341 122.969 49.3257 121.961C49.3115 121.823 49.3208 121.675 49.3614 121.543C49.4207 121.342 49.5614 121.199 49.7895 121.212C49.9682 121.221 50.1295 121.301 50.1748 121.486C50.2292 121.702 50.2562 121.927 50.2831 122.149C50.3856 122.988 50.4839 123.829 50.7698 124.63C50.8701 124.915 50.9139 125.238 51.2155 125.46C51.5026 125.259 51.451 124.919 51.5507 124.651C51.7782 124.046 52.1169 123.931 52.6382 124.327C52.9513 124.564 53.2183 124.861 53.5321 125.097C53.8358 125.324 53.9616 125.261 54.0175 124.871C54.0536 124.623 54.048 124.367 54.0568 124.115C54.0664 123.758 53.9432 123.332 54.3771 123.15C54.7597 122.989 54.983 123.322 55.2313 123.546C55.5456 123.832 55.8955 124.071 56.2988 124.216C56.7803 124.39 56.9357 124.284 56.9125 123.79C56.8939 123.395 56.8268 123.008 56.6438 122.646C56.1824 121.744 55.7117 120.849 55.0584 120.063C54.8984 119.869 54.7656 119.65 54.6367 119.433C54.4902 119.19 54.4749 118.925 54.7288 118.758C54.9787 118.592 55.2243 118.702 55.3899 118.931C55.8151 119.525 56.3013 120.076 56.6614 120.717C57.0877 121.476 57.5846 122.202 57.7615 123.078C57.9019 123.782 58.0347 124.505 57.3503 125.01C56.6965 125.491 56.0631 125.164 55.4562 124.844C55.338 124.781 55.2467 124.667 55.1687 124.6Z" fill="#040505"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.1252 132.026C56.4432 134.215 51.1375 134.455 48.5952 132.23C51.1476 129.698 56.5878 129.273 59.1252 132.026Z" fill="#EC2E83"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M62.6529 122.455C61.0685 122.945 59.2013 121.896 58.8961 120.345C58.8019 119.854 58.9592 119.693 59.4144 119.786C59.5496 119.813 59.6073 119.879 59.6383 119.992C59.66 120.072 59.6574 120.161 59.6848 120.24C59.879 120.827 60.26 121.121 60.7819 121.092C61.2613 121.065 61.6847 120.752 61.7503 120.199C61.8029 119.767 61.9603 119.716 62.3301 119.723C63.0035 119.737 63.6757 119.706 64.3491 119.67C64.6775 119.651 64.7238 119.803 64.6908 120.078C64.5681 121.096 63.6812 122.137 62.6529 122.455Z" fill="#FEFEFE"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.8457 126.77C38.1348 124.819 39.1923 122.144 41.6652 121.403C43.9585 120.715 46.3047 121.971 47.0137 124.268C47.7474 126.645 46.2251 128.989 44.1275 129.611C41.8471 130.287 39.3567 128.855 38.8457 126.77Z" fill="#FEFEFE"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.9016 124.102C46.0835 124.737 45.7303 125.371 45.0959 125.55C44.4679 125.728 43.8147 125.364 43.6397 124.741C43.4675 124.124 43.8425 123.451 44.4522 123.278C45.0715 123.104 45.7233 123.474 45.9016 124.102Z" fill="#070807"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M56.9103 142.835C52.001 144.293 46.0389 144.693 40.0089 143.273C36.3338 142.408 32.9239 140.929 30.018 138.488C23.8179 133.279 21.6963 126.709 23.709 118.855C24.4577 115.931 25.8719 113.314 27.6682 110.899C28.2309 110.144 28.223 110.15 27.7458 109.375C26.8438 107.912 25.9622 106.437 25.3885 104.805C25.1594 104.155 24.9582 103.495 25.0006 102.793C25.061 101.789 25.6721 101.227 26.6748 101.236C27.3502 101.241 27.9668 101.466 28.5696 101.737C30.0427 102.399 31.3578 103.319 32.6504 104.273C32.858 104.426 33.0692 104.575 33.265 104.741C33.4702 104.916 33.6255 104.922 33.8604 104.746C35.353 103.631 36.9113 102.616 38.5814 101.787C38.9584 101.6 38.9246 101.312 38.9123 100.996C38.8495 99.3655 38.8458 97.7347 38.9549 96.1066C39.0429 94.7915 39.1831 93.4833 39.5296 92.206C39.7114 91.5394 39.939 90.8924 40.3105 90.3051C41.1566 88.9664 42.3777 88.7258 43.6759 89.648C44.289 90.0833 44.7772 90.6428 45.2274 91.2399C46.3198 92.6886 47.1466 94.2884 47.8916 95.9336C48.1634 96.5334 48.4265 97.1382 48.6625 97.753C48.7889 98.0814 48.9782 98.1909 49.3173 98.1256C51.1212 97.7776 52.9449 97.6137 54.7804 97.5856C55.1558 97.5797 55.3307 97.4387 55.4474 97.081C55.8215 95.937 56.2621 94.8171 56.7736 93.7261C57.1633 92.8943 57.5837 92.0775 58.1663 91.3614C59.4116 89.8315 60.7427 90.0392 61.4409 91.8723C62.0303 93.4198 62.1448 95.0515 62.2753 96.6799C62.3179 97.2132 62.1074 97.8862 62.4358 98.2406C62.7326 98.5609 63.3872 98.5466 63.8823 98.6851C66.7221 99.4777 69.3743 100.673 71.7826 102.386C79.0727 107.572 81.7204 116.116 78.6255 124.51C76.9052 129.178 73.9348 132.939 70.1229 136.067C66.4903 139.048 62.3944 141.165 56.9103 142.835Z" fill="#040505"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M57.8461 141.373C51.7174 143.162 45.809 143.55 39.8406 142.064C36.6334 141.264 33.6711 139.929 31.0417 137.902C24.7976 133.087 22.5331 125.538 25.1126 118.081C26.7347 113.393 29.6732 109.64 33.4788 106.537C37.7765 103.032 42.6747 100.762 48.0815 99.5694C53.2911 98.4206 58.4856 98.4229 63.6504 99.8272C66.641 100.64 69.4054 101.94 71.8619 103.846C78.1907 108.757 80.3933 116.458 77.6307 124.013C75.9807 128.525 73.0987 132.146 69.4227 135.164C66.429 137.62 63.097 139.498 59.4436 140.796C58.8224 141.016 58.2039 141.244 57.8461 141.373Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M46.7641 96.0652C44.2731 96.1249 42.0756 96.9321 39.9699 98.2882C39.8419 97.3224 39.9567 96.4549 40.0344 95.5891C40.0542 95.3686 40.2237 95.2491 40.3911 95.132C41.851 94.1118 43.4765 93.6733 45.2475 93.7451C45.4458 93.7534 45.6651 93.7673 45.7729 93.9733C46.1239 94.6441 46.551 95.2813 46.7641 96.0652Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M39.9939 100.962C39.7784 98.9727 39.7427 99.2994 41.1563 98.4464C42.7702 97.472 44.5285 96.8944 46.4315 96.8338C46.7094 96.8252 47.0684 96.7282 47.2304 97.0036C47.4582 97.3922 47.6095 97.8319 47.7508 98.2633C47.8028 98.4244 47.6084 98.4809 47.4681 98.5135C47.0778 98.6047 46.6855 98.684 46.2978 98.7841C44.381 99.2786 42.5263 99.9504 40.72 100.759C40.4924 100.861 40.2712 101.022 39.9939 100.962Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M40.1704 94.3349C40.3347 93.1263 40.5373 92.0619 41.0428 91.0855C41.6085 89.9916 42.2797 89.8528 43.2439 90.6129C43.5121 90.8241 43.754 91.0723 43.9839 91.3259C44.4066 91.7921 44.783 92.2946 45.1615 92.9717C43.371 92.9684 41.7509 93.4116 40.1704 94.3349Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M31.0057 104.391C30.3601 104.865 29.7722 105.311 29.2627 105.852C28.7737 106.372 28.3765 106.961 27.9589 107.599C27.5094 107.149 27.3161 106.617 27.0645 106.12C26.9472 105.887 27.0404 105.678 27.1576 105.475C27.6409 104.638 28.3089 103.997 29.1639 103.543C29.3571 103.44 29.5294 103.391 29.7232 103.509C30.1566 103.774 30.6077 104.015 31.0057 104.391Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M56.4662 97.5996C56.4464 97.4451 56.4336 97.4143 56.4406 97.3889C56.7604 96.2125 56.7935 96.1773 57.991 96.0907C58.8557 96.0288 59.7052 96.1332 60.5327 96.3967C61.2556 96.6268 61.2564 96.6277 61.2913 97.4022C61.2995 97.5727 61.2936 97.7435 61.2939 97.8657C61.2589 97.9373 61.2501 97.9662 61.2333 97.9878C61.2177 98.0073 61.1912 98.0342 61.1728 98.0318C59.6142 97.8355 58.0557 97.6454 56.4662 97.5996Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M32.6848 105.675C31.3537 106.807 30.1326 107.965 29.0235 109.236C28.3459 108.591 28.3209 108.489 28.7418 107.765C29.2651 106.862 29.9553 106.101 30.7847 105.47C31.7143 104.763 31.7523 104.771 32.6848 105.675Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M57.261 95.3616C57.2557 95.2978 57.2435 95.2651 57.2522 95.2414C57.7515 93.8907 57.6126 93.825 59.2628 93.9468C59.5161 93.9656 59.7682 94.0292 60.0153 94.0949C61.0852 94.379 61.189 94.5385 61.0964 95.7565C60.4586 95.6297 59.8394 95.4055 59.1904 95.38C58.5466 95.3551 57.902 95.3663 57.261 95.3616Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M28.6851 102.927C27.7938 103.5 27.1595 104.14 26.5667 104.937C26.2593 104.334 26.1104 103.788 26.0384 103.23C25.9351 102.429 26.2312 102.159 27.0136 102.305C27.2656 102.351 27.5137 102.43 27.7544 102.519C28.0194 102.617 28.2732 102.744 28.6851 102.927Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M58.2559 93.1616C58.5607 92.4729 58.9027 91.9901 59.3625 91.6046C59.7441 91.285 60.0169 91.3286 60.2615 91.7666C60.5492 92.2825 60.807 92.8213 60.8074 93.5051C59.9746 93.3416 59.195 93.1197 58.2559 93.1616Z" fill="#FFCE01"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M63.7756 124.54C64.0542 126.436 63.6279 128.123 62.6726 129.68C61.5504 131.51 59.9536 132.8 57.9955 133.662C55.8697 134.599 53.6679 134.868 51.3972 134.398C49.3739 133.979 47.6651 133.011 46.4079 131.328C46.3122 131.197 46.1695 131.085 46.1869 130.894C46.664 130.595 62.643 124.813 63.7756 124.54Z" fill="#020302"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M35.1208 118.712C35.0918 118.17 35.0289 117.693 35.0478 117.22C35.1095 115.532 36.3622 114.761 37.9017 115.442C38.3135 115.625 38.6902 115.873 39.0432 116.144C39.3056 116.021 39.2549 115.756 39.3446 115.565C39.7685 114.67 40.5471 114.434 41.3478 114.991C42.1383 115.539 42.5946 116.348 43.0054 117.187C43.1804 117.541 42.942 117.677 42.6912 117.843C41.3836 118.716 40.0856 119.603 38.7804 120.483C37.4093 121.41 36.0214 122.318 34.6682 123.272C34.3141 123.521 34.0752 123.499 33.7988 123.225C32.8753 122.306 32.3645 121.216 32.4851 119.894C32.5613 119.068 33.1099 118.598 33.9689 118.594C34.3291 118.592 34.6895 118.666 35.1208 118.712Z" fill="#020302"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M58.0977 120.455C58.0822 120.091 57.9971 119.79 57.4324 119.787C57.0134 119.785 56.9349 119.544 57.0171 119.047C57.3312 117.132 59.0454 115.515 61.106 115.188C62.9486 114.896 64.933 115.924 65.8108 117.634C66.0295 118.058 66.2633 118.479 66.3093 118.969C66.3318 119.199 66.345 119.492 66.0789 119.532C65.5639 119.61 65.5332 119.959 65.4535 120.356C65.0982 122.141 63.6086 123.372 61.8146 123.394C60.066 123.417 58.5531 122.238 58.0977 120.455Z" fill="#020302"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M41.3422 120.5C44.075 119.65 47.0213 121.183 47.8948 123.894C48.6922 126.371 47.5769 129.472 44.4756 130.498C41.7468 131.4 38.759 129.786 37.8933 127.02C37.0467 124.315 38.6162 121.349 41.3422 120.5Z" fill="#020302"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M59.8081 110.573C61.323 108.594 62.1327 108.693 63.1584 110.98C63.21 110.975 63.2671 110.984 63.3143 110.965C64.4025 110.53 64.8826 110.835 64.962 112.012C64.987 112.381 64.9281 112.744 64.8527 113.101C64.7008 113.819 64.6052 113.89 63.8843 113.789C62.1008 113.54 60.3189 113.284 58.5374 113.03C58.2311 112.986 57.9213 112.95 57.6165 112.9C57.0041 112.801 56.9881 112.78 56.9855 112.145C56.985 111.506 57.1709 110.922 57.5317 110.398C58.055 109.64 58.7075 109.569 59.3782 110.184C59.5201 110.315 59.5919 110.524 59.8081 110.573Z" fill="#020302"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M55.1687 124.6C54.899 124.861 54.9543 125.107 54.8954 125.319C54.6649 126.141 54.0357 126.434 53.2713 126.034C52.9552 125.867 52.6746 125.628 52.4274 125.456C52.2441 125.763 52.0951 126.067 51.8957 126.333C51.5474 126.799 51.0786 126.829 50.6746 126.413C50.2751 126.001 50.0467 125.48 49.8614 124.947C49.5275 123.982 49.4341 122.969 49.3257 121.961C49.3115 121.823 49.3208 121.675 49.3614 121.543C49.4207 121.342 49.5614 121.199 49.7895 121.212C49.9682 121.221 50.1295 121.301 50.1748 121.486C50.2292 121.702 50.2562 121.927 50.2831 122.149C50.3856 122.988 50.4839 123.829 50.7698 124.63C50.8701 124.915 50.9139 125.238 51.2155 125.46C51.5026 125.259 51.451 124.919 51.5507 124.651C51.7782 124.046 52.1169 123.931 52.6382 124.327C52.9513 124.564 53.2183 124.861 53.5321 125.097C53.8358 125.324 53.9616 125.261 54.0175 124.871C54.0536 124.623 54.048 124.367 54.0568 124.115C54.0664 123.758 53.9432 123.332 54.3771 123.15C54.7597 122.989 54.983 123.322 55.2313 123.546C55.5456 123.832 55.8955 124.071 56.2988 124.216C56.7803 124.39 56.9357 124.284 56.9125 123.79C56.8939 123.395 56.8268 123.008 56.6438 122.646C56.1824 121.744 55.7117 120.849 55.0584 120.063C54.8984 119.869 54.7656 119.65 54.6367 119.433C54.4902 119.19 54.4749 118.925 54.7288 118.758C54.9787 118.592 55.2243 118.702 55.3899 118.931C55.8151 119.525 56.3013 120.076 56.6614 120.717C57.0877 121.476 57.5846 122.202 57.7615 123.078C57.9019 123.782 58.0347 124.505 57.3503 125.01C56.6965 125.491 56.0631 125.164 55.4562 124.844C55.338 124.781 55.2467 124.667 55.1687 124.6Z" fill="#040505"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M59.1252 132.026C56.4432 134.215 51.1375 134.455 48.5952 132.23C51.1476 129.698 56.5878 129.273 59.1252 132.026Z" fill="#EC2E83"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M62.6529 122.455C61.0685 122.945 59.2013 121.896 58.8961 120.345C58.8019 119.854 58.9592 119.693 59.4144 119.786C59.5496 119.813 59.6073 119.879 59.6383 119.992C59.66 120.072 59.6574 120.161 59.6848 120.24C59.879 120.827 60.26 121.121 60.7819 121.092C61.2613 121.065 61.6847 120.752 61.7503 120.199C61.8029 119.767 61.9603 119.716 62.3301 119.723C63.0035 119.737 63.6757 119.706 64.3491 119.67C64.6775 119.651 64.7238 119.803 64.6908 120.078C64.5681 121.096 63.6812 122.137 62.6529 122.455Z" fill="#FEFEFE"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M38.8457 126.77C38.1348 124.819 39.1923 122.144 41.6652 121.403C43.9585 120.715 46.3047 121.971 47.0137 124.268C47.7474 126.645 46.2251 128.989 44.1275 129.611C41.8471 130.287 39.3567 128.855 38.8457 126.77Z" fill="#FEFEFE"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M45.9016 124.102C46.0835 124.737 45.7303 125.371 45.0959 125.55C44.4679 125.728 43.8147 125.364 43.6397 124.741C43.4675 124.124 43.8425 123.451 44.4522 123.278C45.0715 123.104 45.7233 123.474 45.9016 124.102Z" fill="#070807"/>
|
||||
<rect x="273.111" y="36.6828" width="84.6001" height="56.2256" transform="rotate(-6.59103 273.111 36.6828)" fill="url(#pattern0)"/>
|
||||
</g>
|
||||
<defs>
|
||||
|
||||
|
Before Width: | Height: | Size: 140 KiB After Width: | Height: | Size: 140 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 7.1 KiB |
@@ -2,7 +2,7 @@
|
||||
<rect width="272" height="143" fill="url(#pattern0)"/>
|
||||
<path d="M110.941 54.0126C109.764 49.797 107.103 45.9772 103.142 43.4087C99.1811 40.8401 94.6082 39.9694 90.279 40.6142L110.941 54.0126Z" fill="black"/>
|
||||
<path d="M98.5948 50.4203C104.376 54.1691 107.387 60.5831 107.06 67.0028L80.0015 49.4567C85.7293 46.5394 92.8136 46.6715 98.5948 50.4203Z" fill="black"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M140.456 55.7441H125.363V85.4188H131.381V76.9701L140.494 76.9891H140.665L146.247 85.4188H153.614L147.158 75.9259C148.285 75.4956 149.266 74.9576 150.101 74.3121C150.937 73.654 151.626 72.9072 152.171 72.0718C152.728 71.2364 153.139 70.3251 153.405 69.3379C153.67 68.3379 153.803 67.2874 153.803 66.1862C153.803 64.5534 153.531 63.0915 152.987 61.8005C152.455 60.5095 151.639 59.4146 150.538 58.516C149.437 57.6173 148.051 56.9338 146.38 56.4655C144.709 55.9845 142.735 55.7441 140.456 55.7441ZM143.589 71.3693C142.741 71.6351 141.747 71.768 140.608 71.768H131.381V60.9841H140.608C142.899 60.9841 144.614 61.4398 145.753 62.3511C146.893 63.2498 147.462 64.5281 147.462 66.1862C147.462 67.0343 147.317 67.8063 147.025 68.5025C146.747 69.186 146.317 69.7682 145.734 70.2492C145.165 70.7301 144.45 71.1035 143.589 71.3693Z" fill="black"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M140.456 55.7441H125.363V85.4188H131.381V76.9701L140.494 76.9891H140.665L146.247 85.4188H153.614L147.158 75.9259C148.285 75.4956 149.266 74.9576 150.101 74.3121C150.937 73.654 151.626 72.9072 152.171 72.0718C152.728 71.2364 153.139 70.3251 153.405 69.3379C153.67 68.3379 153.803 67.2874 153.803 66.1862C153.803 64.5534 153.531 63.0915 152.987 61.8005C152.455 60.5095 151.639 59.4146 150.538 58.516C149.437 57.6173 148.051 56.9338 146.38 56.4655C144.709 55.9845 142.735 55.7441 140.456 55.7441ZM143.589 71.3693C142.741 71.6351 141.747 71.768 140.608 71.768H131.381V60.9841H140.608C142.899 60.9841 144.614 61.4398 145.753 62.3511C146.893 63.2498 147.462 64.5281 147.462 66.1862C147.462 67.0343 147.317 67.8063 147.025 68.5025C146.747 69.186 146.317 69.7682 145.734 70.2492C145.165 70.7301 144.45 71.1035 143.589 71.3693Z" fill="black"/>
|
||||
<path d="M166.961 55.7441H160.942V85.4188H184.219V80.1408H166.961V55.7441Z" fill="black"/>
|
||||
<path d="M196.047 55.7441H190.028V85.4188H196.047V62.1802L214.539 71.806V85.4188H220.557V55.7441H214.539V65.4268L196.047 55.7441Z" fill="black"/>
|
||||
<path d="M96.6472 93.4454C102.926 90.6085 106.867 84.72 107.509 78.3242L92.3732 85.163C94.643 83.957 96.6468 82.1736 98.1444 79.8641C102.844 72.6159 100.779 62.93 93.5306 58.2299C86.2824 53.5299 76.5964 55.5955 71.8964 62.8437C70.3278 65.2628 69.5128 67.9533 69.3925 70.6395L69.6479 55.4912C64.0303 58.6156 60.186 64.5675 60.0698 71.4567C59.9536 78.346 63.5951 84.4242 69.1042 87.7362L69.3778 71.5116C69.4335 76.5751 71.943 81.5164 76.5102 84.4779C80.8472 87.2903 86.0571 87.6802 90.5493 85.987L78.1204 91.6025C83.3444 95.3479 90.3681 96.2824 96.6472 93.4454Z" fill="black"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 206 KiB After Width: | Height: | Size: 206 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
@@ -15,8 +15,8 @@
|
||||
<path opacity="0.8" d="M1119.66 55.8807L1156.06 113.061L1066.25 337.101L1002.71 268.138L1119.66 55.8807Z" fill="url(#paint5_linear_3379_19686)"/>
|
||||
<path opacity="0.8" d="M1119.52 56.1343L1051.74 55.9126L910.326 251.52L1002.57 268.392L1119.52 56.1343Z" fill="url(#paint6_linear_3379_19686)"/>
|
||||
<g clip-path="url(#clip1_3379_19686)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M169.685 201C166.545 201 164 203.552 164 206.7V343.165C164 390.57 202.329 429 249.61 429C252.565 429 254.96 426.598 254.96 423.635V206.7C254.96 203.552 252.415 201 249.275 201H169.685ZM209.48 212.4C209.48 231.288 194.209 246.6 175.37 246.6C194.209 246.6 209.48 261.912 209.48 280.8C209.48 261.912 224.752 246.6 243.59 246.6C224.752 246.6 209.48 231.288 209.48 212.4Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M272.015 429C268.875 429 266.33 426.448 266.33 423.3L266.33 286.835C266.33 239.43 304.659 201 351.94 201C354.895 201 357.291 203.402 357.291 206.365L357.291 423.3C357.291 426.448 354.745 429 351.606 429H272.015ZM311.81 417.6C311.81 398.712 296.539 383.4 277.7 383.4C296.539 383.4 311.81 368.088 311.81 349.2C311.81 368.088 327.082 383.4 345.92 383.4C327.082 383.4 311.81 398.712 311.81 417.6Z" fill="white"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M169.685 201C166.545 201 164 203.552 164 206.7V343.165C164 390.57 202.329 429 249.61 429C252.565 429 254.96 426.598 254.96 423.635V206.7C254.96 203.552 252.415 201 249.275 201H169.685ZM209.48 212.4C209.48 231.288 194.209 246.6 175.37 246.6C194.209 246.6 209.48 261.912 209.48 280.8C209.48 261.912 224.752 246.6 243.59 246.6C224.752 246.6 209.48 231.288 209.48 212.4Z" fill="white"/>
|
||||
<path fillRule="evenodd" clip-rule="evenodd" d="M272.015 429C268.875 429 266.33 426.448 266.33 423.3L266.33 286.835C266.33 239.43 304.659 201 351.94 201C354.895 201 357.291 203.402 357.291 206.365L357.291 423.3C357.291 426.448 354.745 429 351.606 429H272.015ZM311.81 417.6C311.81 398.712 296.539 383.4 277.7 383.4C296.539 383.4 311.81 368.088 311.81 349.2C311.81 368.088 327.082 383.4 345.92 383.4C327.082 383.4 311.81 398.712 311.81 417.6Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M438.7 327.92C429.503 327.92 421.67 326.299 415.202 323.056C408.733 319.712 403.781 315.051 400.345 309.072C396.909 303.093 395.19 296.101 395.19 288.096V220H420.205V288.096C420.205 292.048 420.963 295.443 422.479 298.28C423.995 301.117 426.117 303.347 428.846 304.968C431.676 306.488 434.96 307.248 438.7 307.248C442.54 307.248 445.825 306.488 448.554 304.968C451.283 303.347 453.405 301.117 454.921 298.28C456.437 295.443 457.195 292.048 457.195 288.096V220H482.209V288.096C482.209 296.101 480.491 303.093 477.055 309.072C473.619 315.051 468.666 319.712 462.198 323.056C455.73 326.299 447.897 327.92 438.7 327.92Z" fill="white"/>
|
||||
<path d="M507.889 326.096V220H539.725L569.287 295.088L567.62 256.48V220H591.118V326.096H559.282L529.416 252.376L531.387 289.616V326.096H507.889Z" fill="white"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
@@ -42,6 +42,7 @@ module.exports = {
|
||||
tuatara: {
|
||||
100: "#E5E6E8",
|
||||
200: "#CDCFD4",
|
||||
500: "#656A75",
|
||||
700: "#4A4C54",
|
||||
950: "#242528",
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user