From b9763b532219af1ba7cf1ac7eedea6a9fdf94015 Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Thu, 7 Sep 2023 13:44:57 +0100 Subject: [PATCH 01/11] about page --- app/about/page.tsx | 163 +++++++++++++++++++++++++++++++++++ components/icons.tsx | 30 +++++++ components/ui/accordion.tsx | 53 ++++++++++++ config/site.ts | 4 + package.json | 1 + pnpm-lock.yaml | 98 +++++++++++++++++++++ public/logos/principle-1.svg | 9 ++ public/logos/principle-2.svg | 9 ++ public/logos/principle-3.svg | 9 ++ public/logos/principle-4.svg | 9 ++ public/logos/pse-logo-bg.svg | 35 ++++++++ 11 files changed, 420 insertions(+) create mode 100644 app/about/page.tsx create mode 100644 components/ui/accordion.tsx create mode 100644 public/logos/principle-1.svg create mode 100644 public/logos/principle-2.svg create mode 100644 public/logos/principle-3.svg create mode 100644 public/logos/principle-4.svg create mode 100644 public/logos/pse-logo-bg.svg diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..4518873 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,163 @@ +import React from "react" +import Image from "next/image" + +import { Accordion } from "@/components/ui/accordion" + +interface PrincipleContentProps { + image: string + children: React.ReactNode + width?: number + height?: number +} +const PrincipleContent = ({ + image, + children, + width = 300, + height = 300, +}: PrincipleContentProps) => { + return ( +
+
+ +
+ + {children} + +
+ ) +} +export default function AboutPage() { + return ( +
+
+
+
+ Collective experimentation of cryptography. +
+ + 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 real + world applications. + +
+
+ +
+
+
+
Pse principles
+ +

+ {`Cryptography is everywhere: every time you connect to a + secure site, log in with a password or unlock your phone, + you're seeing cryptography in action.`} +

+

+ {`With “programmable” cryptography (like zero knowledge + proofs, multi-party computation or homomorphic encryption) + we can make verifiable claims about secret information + without revealing the information itself. This can be + applied to identity management, collusion resistance, + anonymous communication and so much more.`} +

+

+ {`We're building a library of dev tools, research papers, and + prototypes that are open source and free for everyone to + use. We hope our resources inspire people to innovate the + technologies that their communities need.`} +

+ + ), + }, + { + label: "02. Privacy by default", + value: "2", + children: ( + +

+ We believe that privacy is a fundamental right. We want to + be part of building an internet that divests from invasive + data practices, and instead gives people real choices about + who has access to their personal information. Permission + should be purpose specific, revocable, informed and + uncoerced. +

+

+ We make tools that help people to securely authenticate + themselves, make confidential transactions on the + blockchain, and respect and preserve user privacy. +

+ + ), + }, + { + label: "03. Scaling for communities", + value: "3", + children: ( + +

+ Zero knowledge proofs can verify computations quickly and + cheaply, helping decentralized systems like Ethereum become + more efficient. We research, design and share scaling + solutions that anyone can use to contribute to a stronger + and more practical digital public infrastructure. +

+

+ We also grow our community by supporting the next generation + of builders. We host immersive summer programs for students + and regular live lectures that anyone in the world can join + and learn from. +

+ + ), + }, + { + label: "04. Open source public goods", + value: "4", + children: ( + +

+ We are cultivating a diverse and multidisciplinary team to + explore the emerging zero knowledge ecosystem. PSE is made + up of programmers, engineers, and mathematicians working + alongside creatives and community organizers to + collaboratively discover the potential of programmable + cryptography. +

+

+ We experiment in the open and welcome contributions, + integrations, forks, or feedback on all of our projects. +

+ + ), + }, + ]} + > +
+
+ ) +} diff --git a/components/icons.tsx b/components/icons.tsx index 4717940..01eb09b 100644 --- a/components/icons.tsx +++ b/components/icons.tsx @@ -127,4 +127,34 @@ export const Icons = { /> ), + plus: (props: LucideProps) => ( + + + + ), + minus: (props: LucideProps) => ( + + + + ), } diff --git a/components/ui/accordion.tsx b/components/ui/accordion.tsx new file mode 100644 index 0000000..dad016a --- /dev/null +++ b/components/ui/accordion.tsx @@ -0,0 +1,53 @@ +"use client" + +import React from "react" +import * as RadixAccordion from "@radix-ui/react-accordion" + +import { Icons } from "../icons" + +interface AccordionItemProps { + label: string + children?: React.ReactNode + value: string +} + +interface AccordionProps extends RadixAccordion.AccordionImplProps { + type: "single" | "multiple" + defaultValue?: string + items: AccordionItemProps[] +} + +const Accordion = ({ + type = "multiple", + defaultValue, + items, +}: AccordionProps) => { + return ( + + {items?.map(({ label, children, value }) => ( + + + + {label} + +
+ +
+
+ +
+ + {children} + + ))} + + ) +} + +Accordion.displayName = "Accordion" + +export { Accordion } diff --git a/config/site.ts b/config/site.ts index cc94a1a..f326469 100644 --- a/config/site.ts +++ b/config/site.ts @@ -13,6 +13,10 @@ export const siteConfig = { title: "Project Library", href: "/projects", }, + { + title: "About", + href: "/about", + }, ], links: { twitter: "https://twitter.com/privacyscaling", diff --git a/package.json b/package.json index 1f1e0fa..d555424 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,7 @@ "clean": "rm -rf .next/ out/" }, "dependencies": { + "@radix-ui/react-accordion": "^1.1.2", "@radix-ui/react-checkbox": "^1.0.4", "@radix-ui/react-dialog": "^1.0.4", "@radix-ui/react-slot": "^1.0.2", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 22d8ba9..441631f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -5,6 +5,9 @@ settings: excludeLinksFromLockfile: false dependencies: + '@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) '@radix-ui/react-checkbox': specifier: ^1.0.4 version: 1.0.4(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0) @@ -542,6 +545,35 @@ packages: '@babel/runtime': 7.22.3 dev: false + /@radix-ui/react-accordion@1.1.2(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-fDG7jcoNKVjSK6yfmuAs0EnPDro0WMXIhMtXdTBWqEioVW206ku+4Lw07e+13lUkFkpoEQ2PdeMIAGpdqEAmDg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 + react-dom: ^16.8 || ^17.0 || ^18.0 + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + dependencies: + '@babel/runtime': 7.22.3 + '@radix-ui/primitive': 1.0.1 + '@radix-ui/react-collapsible': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-context': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-direction': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-id': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@types/react': 18.2.7 + '@types/react-dom': 18.2.4 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + /@radix-ui/react-checkbox@1.0.4(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-CBuGQa52aAYnADZVt/KBQzXrwx6TqnlwtcIPGtVt5JkkzQwMOLJjPukimhfKEr4GQNd43C+djUh5Ikopj8pSLg==} peerDependencies: @@ -570,6 +602,58 @@ packages: react-dom: 18.2.0(react@18.2.0) dev: false + /@radix-ui/react-collapsible@1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-UBmVDkmR6IvDsloHVN+3rtx4Mi5TFvylYXpluuv0f37dtaz3H99bp8No0LGXRigVpl3UAT4l9j6bIchh42S/Gg==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 + react-dom: ^16.8 || ^17.0 || ^18.0 + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + dependencies: + '@babel/runtime': 7.22.3 + '@radix-ui/primitive': 1.0.1 + '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-context': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-id': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@types/react': 18.2.7 + '@types/react-dom': 18.2.4 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + + /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==} + peerDependencies: + '@types/react': '*' + '@types/react-dom': '*' + react: ^16.8 || ^17.0 || ^18.0 + react-dom: ^16.8 || ^17.0 || ^18.0 + peerDependenciesMeta: + '@types/react': + optional: true + '@types/react-dom': + optional: true + dependencies: + '@babel/runtime': 7.22.3 + '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-context': 1.0.1(@types/react@18.2.7)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-slot': 1.0.2(@types/react@18.2.7)(react@18.2.0) + '@types/react': 18.2.7 + '@types/react-dom': 18.2.4 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + /@radix-ui/react-compose-refs@1.0.1(@types/react@18.2.7)(react@18.2.0): resolution: {integrity: sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==} peerDependencies: @@ -632,6 +716,20 @@ packages: react-remove-scroll: 2.5.5(@types/react@18.2.7)(react@18.2.0) dev: false + /@radix-ui/react-direction@1.0.1(@types/react@18.2.7)(react@18.2.0): + resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==} + peerDependencies: + '@types/react': '*' + react: ^16.8 || ^17.0 || ^18.0 + peerDependenciesMeta: + '@types/react': + optional: true + dependencies: + '@babel/runtime': 7.22.3 + '@types/react': 18.2.7 + react: 18.2.0 + dev: false + /@radix-ui/react-dismissable-layer@1.0.4(@types/react-dom@18.2.4)(@types/react@18.2.7)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==} peerDependencies: diff --git a/public/logos/principle-1.svg b/public/logos/principle-1.svg new file mode 100644 index 0000000..460e565 --- /dev/null +++ b/public/logos/principle-1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/logos/principle-2.svg b/public/logos/principle-2.svg new file mode 100644 index 0000000..8e84929 --- /dev/null +++ b/public/logos/principle-2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/logos/principle-3.svg b/public/logos/principle-3.svg new file mode 100644 index 0000000..bc990eb --- /dev/null +++ b/public/logos/principle-3.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/logos/principle-4.svg b/public/logos/principle-4.svg new file mode 100644 index 0000000..2a20ffb --- /dev/null +++ b/public/logos/principle-4.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/logos/pse-logo-bg.svg b/public/logos/pse-logo-bg.svg new file mode 100644 index 0000000..0b6277f --- /dev/null +++ b/public/logos/pse-logo-bg.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From ebb17663eb40f21a16d01d988a45f2d2cdbbe110 Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Thu, 7 Sep 2023 13:47:34 +0100 Subject: [PATCH 02/11] fix focus --- components/ui/accordion.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/ui/accordion.tsx b/components/ui/accordion.tsx index dad016a..99b69c8 100644 --- a/components/ui/accordion.tsx +++ b/components/ui/accordion.tsx @@ -30,7 +30,7 @@ const Accordion = ({ > {items?.map(({ label, children, value }) => ( - + {label} From 97d30456e79b1bf7357b037c46a20547d8e0529a Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Thu, 7 Sep 2023 13:50:08 +0100 Subject: [PATCH 03/11] add alt --- app/about/page.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/app/about/page.tsx b/app/about/page.tsx index 4518873..2ad776e 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -18,7 +18,12 @@ const PrincipleContent = ({ return (
- + principle image
{children} From 1c82324c3be401b7ba063e5428c20f3265f2e3c7 Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Thu, 7 Sep 2023 13:51:43 +0100 Subject: [PATCH 04/11] add pse logo alt --- app/about/page.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/app/about/page.tsx b/app/about/page.tsx index 2ad776e..8318259 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -47,7 +47,12 @@ export default function AboutPage() {
- + pse logo
From 65b35d3c0fd6e0d36f67aa70277cfa7d7585c0c0 Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Thu, 7 Sep 2023 13:56:59 +0100 Subject: [PATCH 05/11] add link for mobile --- components/site-header-mobile.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/components/site-header-mobile.tsx b/components/site-header-mobile.tsx index 81de6a9..3975c9a 100644 --- a/components/site-header-mobile.tsx +++ b/components/site-header-mobile.tsx @@ -30,7 +30,7 @@ export function SiteHeaderMobile() { /> {header && (
setHeader(false)} >
)} @@ -61,6 +61,13 @@ export function SiteHeaderMobile() { > PROJECT LIBRARY + setHeader(false)} + href={"/about"} + className="border-b-2 border-white p-[16px] pt-0" + > + ABOUT + Date: Fri, 8 Sep 2023 10:44:42 +0100 Subject: [PATCH 06/11] fix styling and hover for accordion --- app/about/page.tsx | 41 ++++++++++++++++++++----------------- app/projects/page.tsx | 4 ++-- components/ui/accordion.tsx | 4 +++- 3 files changed, 27 insertions(+), 22 deletions(-) diff --git a/app/about/page.tsx b/app/about/page.tsx index 8318259..12d9217 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -34,27 +34,30 @@ const PrincipleContent = ({ export default function AboutPage() { return (
-
-
-
- Collective experimentation of cryptography. -
- - 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 real - world applications. - -
-
- pse logo +
+
+
+
+ Collective experimentation of cryptography. +
+ + 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 + real world applications. + +
+
+ pse logo +
+
Pse principles
-
+
-

+

Explore the project library

diff --git a/components/ui/accordion.tsx b/components/ui/accordion.tsx index 99b69c8..9bd8947 100644 --- a/components/ui/accordion.tsx +++ b/components/ui/accordion.tsx @@ -34,7 +34,9 @@ const Accordion = ({ {label} -
+
From 7c58d748e024bb1f93e77e4838afcf4fa57fff4b Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Fri, 8 Sep 2023 10:45:18 +0100 Subject: [PATCH 07/11] remove comment --- app/projects/page.tsx | 16 ---------------- 1 file changed, 16 deletions(-) diff --git a/app/projects/page.tsx b/app/projects/page.tsx index 43b5e0b..32d2b8a 100644 --- a/app/projects/page.tsx +++ b/app/projects/page.tsx @@ -10,22 +10,6 @@ export const metadata: Metadata = { "PSE is home to many projects, from cryptography research to developer tools, protocols, and proof-of-concept applications.", } -// TODO: MAKE IT RANDOM - This would prob need to be state and so metadata would get cut -// // efficient fisher-yates shuffle -// const array = [...projects] -// let currentIndex = array.length, -// randomIndex -// while (currentIndex !== 0) { -// randomIndex = Math.floor(Math.random() * currentIndex) -// currentIndex-- -// ;[array[currentIndex], array[randomIndex]] = [ -// array[randomIndex], -// array[currentIndex], -// ] -// } -// return array -// } - export default function ProjectsPage() { return (
From 62e166e2b08ad2698a2169569fd40f5ca7c3d65b Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Mon, 11 Sep 2023 16:34:25 +0100 Subject: [PATCH 08/11] smaller image blocks --- public/logos/principle-1.svg | 8 ++++---- public/logos/principle-2.svg | 8 ++++---- public/logos/principle-3.svg | 8 ++++---- public/logos/principle-4.svg | 8 ++++---- 4 files changed, 16 insertions(+), 16 deletions(-) diff --git a/public/logos/principle-1.svg b/public/logos/principle-1.svg index 460e565..db103b7 100644 --- a/public/logos/principle-1.svg +++ b/public/logos/principle-1.svg @@ -1,9 +1,9 @@ - - + + - + - + diff --git a/public/logos/principle-2.svg b/public/logos/principle-2.svg index 8e84929..2f1ddb3 100644 --- a/public/logos/principle-2.svg +++ b/public/logos/principle-2.svg @@ -1,9 +1,9 @@ - - + + - + - + diff --git a/public/logos/principle-3.svg b/public/logos/principle-3.svg index bc990eb..c6f4015 100644 --- a/public/logos/principle-3.svg +++ b/public/logos/principle-3.svg @@ -1,9 +1,9 @@ - - + + - + - + diff --git a/public/logos/principle-4.svg b/public/logos/principle-4.svg index 2a20ffb..8b85fc7 100644 --- a/public/logos/principle-4.svg +++ b/public/logos/principle-4.svg @@ -1,9 +1,9 @@ - - + + - + - + From 250bd493402e5927f3c8d95ebc3fb3cd5bab0af0 Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Tue, 12 Sep 2023 10:37:42 +0100 Subject: [PATCH 09/11] add about link in footer links --- components/site-footer.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/components/site-footer.tsx b/components/site-footer.tsx index a3baebf..14834a2 100644 --- a/components/site-footer.tsx +++ b/components/site-footer.tsx @@ -29,6 +29,9 @@ export function SiteFooter() { PROJECT LIBRARY + + ABOUT + Date: Thu, 14 Sep 2023 23:02:14 +0200 Subject: [PATCH 10/11] add animation --- components/ui/accordion.tsx | 8 +++++--- tailwind.config.js | 10 ++++++++++ 2 files changed, 15 insertions(+), 3 deletions(-) diff --git a/components/ui/accordion.tsx b/components/ui/accordion.tsx index 9bd8947..3c5a825 100644 --- a/components/ui/accordion.tsx +++ b/components/ui/accordion.tsx @@ -29,8 +29,8 @@ const Accordion = ({ collapsible > {items?.map(({ label, children, value }) => ( - - + + {label} @@ -43,7 +43,9 @@ const Accordion = ({
- {children} + + {children} + ))} diff --git a/tailwind.config.js b/tailwind.config.js index c5bea3d..ed1c95b 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -102,12 +102,22 @@ module.exports = { from: { opacity: 0, transform: "translate(-50%, -48%) scale(0.96)" }, to: { opacity: 1, transform: "translate(-50%, -50%) scale(1)" }, }, + "slide-down": { + from: { height: 0 }, + to: { height: "var(--radix-accordion-content-height)" }, + }, + "slide-up": { + from: { height: "var(--radix-accordion-content-height)" }, + to: { height: 0 }, + }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", "overlay-show": "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)", "content-show": "contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)", + "slide-down": "slide-down 0.3s ease-out", + "slide-up": "slide-up 0.3s ease-out", }, }, }, From c62d03d67145a667ef0421ec690f5fd8938b05a0 Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Thu, 14 Sep 2023 23:03:59 +0200 Subject: [PATCH 11/11] reduce animation --- tailwind.config.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/tailwind.config.js b/tailwind.config.js index ed1c95b..83f6d6d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -116,8 +116,8 @@ module.exports = { "accordion-up": "accordion-up 0.2s ease-out", "overlay-show": "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)", "content-show": "contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)", - "slide-down": "slide-down 0.3s ease-out", - "slide-up": "slide-up 0.3s ease-out", + "slide-down": "slide-down 0.2s ease-out", + "slide-up": "slide-up 0.2s ease-out", }, }, },