From 0b0e3c021fbb8295546f60d1165051fbf26d91bd Mon Sep 17 00:00:00 2001 From: dave | d1onys1us Date: Wed, 7 Dec 2022 21:53:50 -0500 Subject: [PATCH] feat(website): update website homepage (#383) --- packages/website/docusaurus.config.js | 68 ++++++--- packages/website/package.json | 4 + packages/website/postcss.config.js | 6 + .../src/components/BlogSection/index.tsx | 132 ++++++++++++++++++ .../website/src/components/Features/index.tsx | 60 ++++++++ .../website/src/components/Hero/index.tsx | 45 ++++++ .../src/components/HomepageFeatures/index.tsx | 76 ---------- .../HomepageFeatures/styles.module.css | 11 -- .../website/src/components/JoinUs/index.tsx | 24 ++++ packages/website/src/css/custom.css | 23 +-- packages/website/src/pages/index.module.css | 23 --- packages/website/src/pages/index.tsx | 57 +++----- .../static/img/Taiko_GEOM_1_Fluo_Sliced.svg | 113 +++++++++++++++ .../static/img/Taiko_Logo_Fluo-on-Black.svg | 1 + .../website/static/img/Taiko_Logo_Fluo.png | Bin 0 -> 17631 bytes .../img/Taiko_Logotype_Horiz_1_Fluo_Black.svg | 1 + .../img/Taiko_Logotype_Horiz_1_Fluo_White.svg | 27 ++++ .../img/undraw_collaboration_re_vyau.svg | 1 - .../img/undraw_connected_world_wuay.svg | 1 - .../static/img/undraw_having_fun_re_vj4h.svg | 1 - packages/website/tailwind.config.js | 17 +++ pnpm-lock.yaml | 16 +++ 22 files changed, 515 insertions(+), 192 deletions(-) create mode 100644 packages/website/postcss.config.js create mode 100644 packages/website/src/components/BlogSection/index.tsx create mode 100644 packages/website/src/components/Features/index.tsx create mode 100644 packages/website/src/components/Hero/index.tsx delete mode 100644 packages/website/src/components/HomepageFeatures/index.tsx delete mode 100644 packages/website/src/components/HomepageFeatures/styles.module.css create mode 100644 packages/website/src/components/JoinUs/index.tsx delete mode 100644 packages/website/src/pages/index.module.css create mode 100755 packages/website/static/img/Taiko_GEOM_1_Fluo_Sliced.svg create mode 100755 packages/website/static/img/Taiko_Logo_Fluo-on-Black.svg create mode 100755 packages/website/static/img/Taiko_Logo_Fluo.png create mode 100755 packages/website/static/img/Taiko_Logotype_Horiz_1_Fluo_Black.svg create mode 100755 packages/website/static/img/Taiko_Logotype_Horiz_1_Fluo_White.svg delete mode 100644 packages/website/static/img/undraw_collaboration_re_vyau.svg delete mode 100644 packages/website/static/img/undraw_connected_world_wuay.svg delete mode 100644 packages/website/static/img/undraw_having_fun_re_vj4h.svg create mode 100644 packages/website/tailwind.config.js diff --git a/packages/website/docusaurus.config.js b/packages/website/docusaurus.config.js index 6861639b7ab..2fd10b2ffd6 100644 --- a/packages/website/docusaurus.config.js +++ b/packages/website/docusaurus.config.js @@ -83,12 +83,13 @@ const config = { ({ colorMode: { defaultMode: "dark", - respectPrefersColorScheme: true, + respectPrefersColorScheme: false, }, navbar: { logo: { alt: "Taiko Logo", - src: "img/Taiko_Logo_Fluo.svg", + src: "./img/Taiko_Logotype_Horiz_1_Fluo_Black.svg", + srcDark: "./img/Taiko_Logotype_Horiz_1_Fluo_White.svg", }, items: [ { @@ -112,7 +113,7 @@ const config = { position: "left", }, { - href: "https://discord.gg/tnSra3aFfg", + href: "https://discord.gg/taikoxyz", position: "right", className: "header-discord-link", "aria-label": "Discord", @@ -138,34 +139,57 @@ const config = { ], }, footer: { + copyright: "© Taiko Labs " + new Date().getFullYear(), style: "dark", links: [ { - label: "Careers", - href: "https://taikoxyz.notion.site/Taiko-Jobs-828fd7232d2c4150a11e10c8baa910a2", + title: "About", + items: [ + { + label: "Careers", + href: "https://www.notion.so/taikoxyz/Taiko-Jobs-828fd7232d2c4150a11e10c8baa910a2", + }, + { + label: "Media kit", + href: "https://github.com/taikoxyz/taiko-mono/tree/main/packages/branding/", + }, + ], }, { - label: "Discord", - href: "https://discord.gg/tnSra3aFfg", + title: "Developers", + items: [ + { + label: "Getting started", + to: "docs/intro", + }, + { + label: "GitHub", + href: "https://github.com/taikoxyz", + }, + ], }, { - label: "GitHub", - href: "https://github.com/taikoxyz", - }, - { - label: "Reddit", - href: "https://www.reddit.com/r/taiko_xyz/", - }, - { - label: "Twitter", - href: "https://twitter.com/taikoxyz", - }, - { - label: "YouTube", - href: "https://www.youtube.com/@taikoxyz", + title: "Social", + items: [ + { + label: "Discord", + href: "https://discord.gg/taikoxyz", + }, + { + label: "Reddit", + href: "https://www.reddit.com/r/taiko_xyz/", + }, + { + label: "Twitter", + href: "https://twitter.com/taikoxyz", + }, + { + label: "YouTube", + href: "https://www.youtube.com/@taikoxyz", + }, + ], }, ], - copyright: `© Taiko Labs ${new Date().getFullYear()}`, }, prism: { additionalLanguages: ["solidity"], diff --git a/packages/website/package.json b/packages/website/package.json index fab3c4b8bf7..b2e5adef5da 100644 --- a/packages/website/package.json +++ b/packages/website/package.json @@ -31,8 +31,12 @@ "@docusaurus/module-type-aliases": "2.2.0", "@docusaurus/theme-classic": "^2.2.0", "@docusaurus/types": "^2.2.0", + "@heroicons/react": "^2.0.13", "@tsconfig/docusaurus": "^1.0.6", "@types/node": "^12.20.45", + "autoprefixer": "^10.4.13", + "postcss": "^8.4.19", + "tailwindcss": "^3.2.4", "typescript": "^4.8.4" }, "browserslist": { diff --git a/packages/website/postcss.config.js b/packages/website/postcss.config.js new file mode 100644 index 00000000000..33ad091d26d --- /dev/null +++ b/packages/website/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/packages/website/src/components/BlogSection/index.tsx b/packages/website/src/components/BlogSection/index.tsx new file mode 100644 index 00000000000..1a1273effd0 --- /dev/null +++ b/packages/website/src/components/BlogSection/index.tsx @@ -0,0 +1,132 @@ +import React from "react"; + +const posts = [ + { + title: "Taiko Is Fully Open Source", + href: "https://mirror.xyz/labs.taiko.eth/31vzkwgNaKNrze0oIv_wTKCw6Tha8OYQ6ffrquS3XUg", + category: { name: "Article" }, + description: + 'Taiko is fully open source -- you can view all the code on our GitHub. By "open source" we mean free to see the source and modify it.', + date: "Dec 01, 2022", + datetime: "2022-12-01", + imageUrl: + "https://mirror-media.imgix.net/publication-images/h-KI5JueXbaUalAJeiMvA.png?height=1024&width=2048&h=1024&w=2048&auto=compress", + readingTime: "4 min", + author: { + name: "d1onys1us", + imageUrl: "https://avatars.githubusercontent.com/u/13951458?v=4", + }, + }, + { + title: "Community Update #2", + href: "https://mirror.xyz/labs.taiko.eth/JdMMaBLOtK3Hk_SGZy_c9WFEnn1jDtOpfeXVHxJAtMU", + category: { name: "Community Update" }, + description: + "Hey everyone 👋, we want to update you on the progress we’ve made since our last community update.", + date: "Nov 24, 2022", + datetime: "2022-11-24", + imageUrl: + "https://mirror-media.imgix.net/publication-images/hcstqDARznViEZh0CXJ-T.png?height=960&width=1920&h=960&w=1920&auto=compress", + readingTime: "2 min", + author: { + name: "Taiko Labs", + imageUrl: "./img/Taiko_Logo_Fluo-on-Black.svg", + }, + }, + { + title: "The Type 1 ZK-EVM", + href: "https://mirror.xyz/labs.taiko.eth/w7NSKDeKfJoEy0p89I9feixKfdK-20JgWF9HZzxfeBo", + category: { name: "Article" }, + description: + "Taiko is building a Type 1 (Ethereum-equivalent) ZK-EVM. What benefits come from using a Type 1 ZK-EVM? Let’s learn together in this post.", + date: "Nov 15, 2022", + datetime: "2022-11-15", + imageUrl: + "https://mirror-media.imgix.net/publication-images/3Dn5g9BMMfwPnMOi-IIEK.png?height=512&width=1024&h=512&w=1024&auto=compress", + readingTime: "6 min", + author: { + name: "Taiko Labs", + imageUrl: "./img/Taiko_Logo_Fluo-on-Black.svg", + }, + }, +]; +/** + * @returns Blog section displaying latest Taiko blog posts from Mirror + */ +export default function BlogSection(): JSX.Element { + return ( +
+
+
+
+
+
+

+ Latest Blog Posts +

+
+ Check out the full blog at{" "} + + mirror.xyz + +
+
+
+ {posts.map((post) => ( +
+
+ + + +
+
+ +
+ +
+ +
+ + + {post.readingTime} read +
+
+
+
+
+ ))} +
+
+
+ ); +} diff --git a/packages/website/src/components/Features/index.tsx b/packages/website/src/components/Features/index.tsx new file mode 100644 index 00000000000..d44e7e3f6a7 --- /dev/null +++ b/packages/website/src/components/Features/index.tsx @@ -0,0 +1,60 @@ +import React from "react"; +import { + ArrowPathIcon, + GlobeAltIcon, + ScaleIcon, +} from "@heroicons/react/24/outline"; + +const features = [ + { + name: "Type 1", + description: + "A Type 1 (Ethereum-equivalent) ZK-EVM aims for maximum compatibility. This results in a seamless developer experience.", + icon: ArrowPathIcon, + }, + { + name: "Open Source", + description: + "Taiko's code is open source and available on GitHub. “Open source” means free to view and modify the source code.", + icon: ScaleIcon, + }, + { + name: "Decentralized", + description: + "Fully decentralized and permissionless nodes, proposers, and provers. Anyone can participate in Taiko.", + icon: GlobeAltIcon, + }, +]; + +export default function Features() { + return ( +
+
+
+ {features.map((feature) => ( +
+
+
+
+ + +
+

+ {feature.name} +

+

+ {feature.description} +

+
+
+
+ ))} +
+
+
+ ); +} diff --git a/packages/website/src/components/Hero/index.tsx b/packages/website/src/components/Hero/index.tsx new file mode 100644 index 00000000000..2ab6eacb56a --- /dev/null +++ b/packages/website/src/components/Hero/index.tsx @@ -0,0 +1,45 @@ +import React from "react"; + +export default function Hero() { + return ( +
+
+
+
+

+ + A + + Type 1{" "} + + + ZK-EVM + + {" "} +

+

+ Fully decentralized, Ethereum-equivalent ZK-Rollup. +

+ +
+
+
+ +
+
+
+ ); +} diff --git a/packages/website/src/components/HomepageFeatures/index.tsx b/packages/website/src/components/HomepageFeatures/index.tsx deleted file mode 100644 index bdb6ed7c105..00000000000 --- a/packages/website/src/components/HomepageFeatures/index.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import React from "react"; -import clsx from "clsx"; -import styles from "./styles.module.css"; - -type FeatureItem = { - title: string; - Svg: React.ComponentType>; - description: JSX.Element; -}; - -const FeatureList: FeatureItem[] = [ - { - title: "Accessible", - Svg: require("@site/static/img/undraw_connected_world_wuay.svg").default, - description: ( - <> - Anyone who wants to build on or use Taiko can do so. - This is because the transaction fees are cheap and throughput - is high; the developer experience is robust and Ethereum dapp migration - is seamless. You can’t have freedom without access. - - ), - }, - { - title: "Inclusive", - Svg: require("@site/static/img/undraw_having_fun_re_vj4h.svg").default, - description: ( - <> - Taiko is censorship-resistant and cannot exclude groups or individuals. - The rollup is decentralized - relying on Ethereum for data availability - and security; and permissionless - allowing any network participant to opt-in. - We are only interested in building credibly neutral, fair systems. - - ), - }, - { - title: "Open", - Svg: require("@site/static/img/undraw_collaboration_re_vyau.svg").default, - description: ( - <> - Taiko is fully open-source and community-centric. We build on the - shoulders of giants, and cherish contributing back into Ethereum’s - technical progress and community. We value community contributions into - the project, harnessing the best minds and ideas in the space. - - ), - }, -]; - -function Feature({ title, Svg, description }: FeatureItem) { - return ( -
-
- -
-
-

{title}

-

{description}

-
-
- ); -} - -export default function HomepageFeatures(): JSX.Element { - return ( -
-
-
- {FeatureList.map((props, idx) => ( - - ))} -
-
-
- ); -} diff --git a/packages/website/src/components/HomepageFeatures/styles.module.css b/packages/website/src/components/HomepageFeatures/styles.module.css deleted file mode 100644 index b248eb2e5de..00000000000 --- a/packages/website/src/components/HomepageFeatures/styles.module.css +++ /dev/null @@ -1,11 +0,0 @@ -.features { - display: flex; - align-items: center; - padding: 2rem 0; - width: 100%; -} - -.featureSvg { - height: 200px; - width: 200px; -} diff --git a/packages/website/src/components/JoinUs/index.tsx b/packages/website/src/components/JoinUs/index.tsx new file mode 100644 index 00000000000..2811050dc44 --- /dev/null +++ b/packages/website/src/components/JoinUs/index.tsx @@ -0,0 +1,24 @@ +import React from "react"; + +export default function JoinUs() { + return ( +
+
+

+ Join Us 🥁 +

+ +
+
+ ); +} diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css index 5152ad36f03..5a2b0abd388 100644 --- a/packages/website/src/css/custom.css +++ b/packages/website/src/css/custom.css @@ -1,3 +1,7 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + /** * Any CSS included here will be global. The classic template * bundles Infima by default. Infima is a CSS framework designed to @@ -6,9 +10,11 @@ /* You can override the default Infima variables here. */ +.footer, +.footer__title, .hero__subtitle, .navbar, -.footer { +.oxanium { font-family: "Oxanium"; } @@ -117,18 +123,3 @@ [data-theme="dark"] .header-twitter-link::before { background: url("@site/static/img/social-icons/twitter-white.svg") no-repeat; } - -.footer__links { - display: flex; - flex-wrap: wrap; - justify-content: center; - width: 100%; - align-items: center; -} - -@media screen and (max-width: 996px) { - .footer__link-item { - margin-left: 8px; - margin-right: 8px; - } -} \ No newline at end of file diff --git a/packages/website/src/pages/index.module.css b/packages/website/src/pages/index.module.css deleted file mode 100644 index 9f71a5da775..00000000000 --- a/packages/website/src/pages/index.module.css +++ /dev/null @@ -1,23 +0,0 @@ -/** - * CSS files with the .module.css suffix will be treated as CSS modules - * and scoped locally. - */ - -.heroBanner { - padding: 4rem 0; - text-align: center; - position: relative; - overflow: hidden; -} - -@media screen and (max-width: 996px) { - .heroBanner { - padding: 2rem; - } -} - -.buttons { - display: flex; - align-items: center; - justify-content: center; -} diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx index 5598ff30f2d..e82bf99fa73 100644 --- a/packages/website/src/pages/index.tsx +++ b/packages/website/src/pages/index.tsx @@ -1,49 +1,24 @@ import React from "react"; -import clsx from "clsx"; -import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; import Layout from "@theme/Layout"; -import HomepageFeatures from "@site/src/components/HomepageFeatures"; -import ThemedImage from "@theme/ThemedImage"; - -import styles from "./index.module.css"; - -function HomepageHeader() { - const { siteConfig } = useDocusaurusContext(); - - return ( -
-
- -

{siteConfig.tagline}

- -
-
- ); -} +import BlogSection from "../components/BlogSection"; +import JoinUs from "../components/JoinUs"; +import Features from "../components/Features"; +import Hero from "../components/Hero"; +import Head from "@docusaurus/Head"; export default function Home(): JSX.Element { - const { siteConfig } = useDocusaurusContext(); return ( - - -
- -
+ + + + + + + + ); } diff --git a/packages/website/static/img/Taiko_GEOM_1_Fluo_Sliced.svg b/packages/website/static/img/Taiko_GEOM_1_Fluo_Sliced.svg new file mode 100755 index 00000000000..3a56ef10e85 --- /dev/null +++ b/packages/website/static/img/Taiko_GEOM_1_Fluo_Sliced.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/website/static/img/Taiko_Logo_Fluo-on-Black.svg b/packages/website/static/img/Taiko_Logo_Fluo-on-Black.svg new file mode 100755 index 00000000000..0956e5ceb21 --- /dev/null +++ b/packages/website/static/img/Taiko_Logo_Fluo-on-Black.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/website/static/img/Taiko_Logo_Fluo.png b/packages/website/static/img/Taiko_Logo_Fluo.png new file mode 100755 index 0000000000000000000000000000000000000000..948ef3aaf6b7f920222ec611869e4c41d929a308 GIT binary patch literal 17631 zcmeHvX*^W#|MwY#v1BVzmMmp0kwo^fm7P$8P<_cxmL%I)ijpF-hNpI;vHayG3z{P+d2$PPsrU`A2*Qu(XsVgrd@?t*bDigGs_^KO`7J&n zM#K{PfadlqoDyTyYuo`w>Wjs(G-oZOvS_Ycgg?~BlJB7Q*Eovh(+F%j$`rhit`E$h z`!MKq?fp!_8Agwgl(p^ofeH_Lc&Wv3h(Cn}V_E@T_+b#pLL&%PAi@VOL?dFE;paAM zI|@PYtm+DI!LF{2K@gle9gvS0)BShSe+BVhi}-)nHGYm9qDDF|&)s>R(0+Z}WqD_T zuX0Hs+b6|jy>!i`Y(Y}l0TCS;sSDbeIDx`G{pdbrqU&Lzn=6)`)LPjnDVDvQ&>q=U zWg9Sz7z+a!FeJQNbK0J@`}b%~%jGR=3k;3~4q}}Aid!~*nY=G@c|i8^)<0znsyDY0 zV`j>PxZKG!&+S_ukFF=btIAhE*oo5%h%xRJx6Qc5@Wh@eu^stoaBp!g1p; ze$m^19a_kf3ftfbeXsuQ590qqgB@0bdCmmX8qM}+iNV~fpr#yoc z?}_(8EDY)QtqjQae1GqUSVRG~F&?P?b}W0Pq%B}%au$s^IJ{9rnq7B=(ZjH?5#3c) ze{56%!5Xk>#$Vsm1Z>O_YthC6Ri_U$BoeE`4QGDY9*$LHy zAYY_(Ft`-6QqC>efDV+MFy(2crIEgz0o+ao3is^FGKpsOna6j9Y@bp~@+?VmKQiM0 zYcHQB$l!AWhjL&N8iX`)F5oj^o~VfAJp!r&WN*CF`Cz)T$h< z|D#V!U}7oI@bpgj27mOclB&S`&Z|oBF0J%5I69rWHcM_)kDEk z6&dx{2O7`%-wRH8Cl(?Fn!HBQ@=z^X+s+vO2q$8^m6UAF@4AV_1Dt;!jAU7!?f8aXOzg!uD z6w`pj51jyO)17V$x|R4YkPn5!fIlyt#$+03fV9t2F2GkGnCeOnJ=a-T3#LNIkS>f~ zUNtdlDxgMg;(&$9PrXcM#j=YQT7THQ?B233?x9BFDU#brdA1n2!GMq{7mCTx7Ke;p z_|`LTbD>5XfT>Y;L%|VA(Do=ZD9p2|m+6wO)9Y*N#M-_z&{CX}0p6FX9k zez6}JErP`5_ffr9liyU(Lu-BOVC35nnYRPZOXtaI=GVF?}{vaV&4+YUg@f}Xr|bY>q;4#m`NdyCFf0(*AB|j zMp_4hn688+=b+n^K*-uUOcn=~Fi0vW3EQ#jf7v9s`6OTYegCeizoC~OB@rJe%9odc$LjT7E&S|fNJU`8U^Y~xoeRpDiEKn58- zZ46%LsvHj{^%)DeXWbe+v1gE6UPj?2Krf}@?d)3{F7md&6>`|8*AQa2Suv{Z2>@$$ z!Zz;@Ut2==)>raQYcEq$=mokOifvI90tj9OvZDp({p*ykKd4kkkkrd?!}OzjuYP(x zt^XHQ{jc@h)t7nmHil$)aXA2GZK>L(D`fKKmUci#`U;E%={SC*C~I2!bHdtRa2wc( zykH}OXo9z4^$gJx=#UUw&o3c6bz%W-%=#TD$GfqV2UNA)pAt*YT9OV;zd;ehDS`kE z>foJAqCYX4Htmq3*N!_CF)uHpaZ41LvE{e842bz>IaMjhBB}gYXx8Cgrca?cQ}3LI zLWU>mlXn8%ZA&_FM6StGVI3(ljFPz>G~?p5R))sJdh)6?Y4uXE|q@yenvg}11m)WPt-gotK3S)^t&VhBhaX3$}) zbfZcc>1;g0i~B5SaA`zxvtIHpSm>{?Ot-XNXsUY_tbF(v-)Jy`us$XNs zM3`*H%6I-Enm{#QYZybonUFMNXGa4Q0IbWV5LB{s>s%#wU|V_SnF5&hZ_J|xi&6wV$e z{LVX_xRB+Ch~5W1|N4_igef(EA8({=za+1TuF>{%_BNrRv1)uj3>-=j>J@L)aDIglACeGA_B zNUJ|O*v3Vwxrf)uqbhzFC7KA(t0i445q+KskzxVJ*8L@HjIGa8W}TR=7acXp@r)g@ zMT~g_cyT83FJCHU&?9pxAdKt48NJ!suM@iC=E1ytj1Szl)2CD4|zT@nF&{Vd>Im6U?#qy=o%f#Yke~qjk^K}ogi$Y+`R#C&L>!V+}9P> zq2We8Ku!wr=G5nXZ!8HLNpN`7>&+~ea;j24}wMT}J`^p348-MV=J@-~XN1bW%G zZj~)m!%z=^>6*GG?4?!Ju3>u?>>hZY@bBG){SBeA?X#tFyf{Iyjp9l>(>`##bBv~a zn}ge?#BBYiDU-C=KCn5_w>o(H4n9lzTWh{H?4Dw#y)`?-ojcMI0q(*9K}rWNUKHJ3P(zyCvVfJoN!9bA>`s7j=tawDh1e2L9TR9rdBJrw& z-3<^2P($BOSk$WjqO*uBQ3TZNJa^|y=bH5A(qDgL6;)w2U4|s0^biciTamt$XFVJt zKMzz@N$@df^@Mm$90W=yZg5RKP_&+Nk6X~oA|FNeL*kSCrI$%0RJ`gqkNAy>K-=TG zHRZfuBN9k6RLORRaXF6`87uER(yCI;fft{FdmIqKa}#W6-waS9miVZ`y~m5KtUtzU znip-6UPZ8@H=6yqFK@Uh#x2AzW02(AkWsC=&)qQ>%MQW3=`aT;Gb8$%K@Hc0on)=? zWJVzy;9NwWCsV_P+T^C!7`sIfN$-ol5o@7DY@K;mCLbv>DWW`+6RFw<&H=$~l@h>e z4^}_b6T3v4^2{bT;lYL3;7i0Zvk#CfmqSiNR7t0`oY=IH8ZfBy;B&57Rpf!xr`QNI zyumKkoOdZ8Lp!oitN&jV_A*Fm6?7Mm?Xu!zW(>#(+&S(X%p?aAkwf$ifqPp)14Dza zxop#;${jG4A|$W>NojW8;AZoNK`Q-&t^AUc_Q9EGVisjdfp&J~b{DZwGA*Kn1)qtB zO5(ik^oZKR%wODi3ch#HG5f;^p%k&x1tsfCwA);YZ{PBSN@VaI@YryFs5nI-gvsly z!B?_quguo%jvZ9;JV3|0RDoaat&bEYLrsgYtvz?vK5ntnN} zDs8-{z*s~;l1hDlk{KZ-I#2T7Wajv&W$Hu_4FZqnCSI4 z;2FJISxanAcYUej$`5HOSg_$zfL)~qio4`YaWa#|^@0y^s@b#vV<;Sf!r1vN^moD9 zMD3bSh$B?B#O{yoH}~ZUx=3kBng$=&fLtRv#2v9a3WjII<|J7~f2~hYnGc|;_!M9U zCF*=nX!lTC=uYaY3OP^or4%YEyRLS2H)PXTW02brQS7YZn2Gm%!fyU!cngDVsJl$RZ8S2JgxFGwQ`A_gGdO4E#0t^7JJ{jal$ znInK7JP(Fg$ED67!opc-&rEGSFN5P(qgHt44KSmIAsegnX^Lnf%YQ<3p=-|6Cy>WJ z2tMAr)Aq3eYY)4sb^uopV^%PNg)vP(-Tk{knm|R=1jzXP_D@Zxw$S+3<@AAlKp>$S zPa7&k4lKL$uzqv+Zz06#DWNY~ZzLJ+^E)7uY6%T*a=!;H z6YHhBVyZoqoKK_{?HLb7TF)q(KKNTl`{B|40-$V>p^_P4fXtHUM@eQFQOf0;fs$c0 zpTl2qgVz!l!TIXE?Rd(5X3+3cVsS$5&2!=em4Z@djo=o(@S0u?fE#G0U^&EiGz%uj zuE%9m#4c=>^3ONP)xUf)-PLOe#~q8423Hz5%~bX(pl?y7|Lkg%F{N*U|E za$}slY>zM8$*jpl^+SQwR;V3d+e(vKK0e7eo#h9aD3?9lyiPKcTE&nU=%Mugh?RIo8m7fNt1Doy?q)3KeV-QGOCxQ3yBeG3l^kM& za)jnrTZT5qq*ij2OVlU}{UgE$_YwS&39tZ~TGF479)dL26xE}4nY3|*j%2;Q>CK2e z45P|5`@eHJSvIZ+5=xALeO6#U=07RRi`u{JhwX;vO<>;^aSYc{z$!kuW#CdXiOPEb z7w9m9uSMpwbw@`PL(uQp%UiSE1Yq| za)~u)YAA%LDNQpxLjmJ{vpKY0GyA8vuBI}xLUW3> z^KYJFGxR49yWilc6Aabzk|4*KR359^vlK!0yf+;oB;H*Yjw}b<} z_C;zh9`$ua-a_6+4au;>OyI$PbZQUzpHbg`L$Faw9Llb`nvnusQZq}`{ z{+Kuf3%wW2LciZTo#Y#N<&{y~ux&1lHF~$x76vLiVqDgF`(1Hw?&fwComV`|a;qwW z0wcJtnYu?o>VbR>i%*h42PzEEg$jnBZetIEN~aZI;w=Qg+%FpvpI-!~sA7=3Cm;@u zEU~KEsb;bE0wz^O1eIrp&I8^4sjPV@m31C&7B6sB&YITpF6m!?X2chuH_tY!HcvS8 z*jrt8(c+EZMSLH{Hb>5{8C`rD=It8$bL+$e&?Bf2g^zhx)VAkdFEL{ggED7_$5CT zT0|ZL&Wb~f)WK^M9_R7Wq9<)E34VTex;b+nVg~tHo@rL9kg1RE-s!Ep2TXW%Fc*7p zDrOliKH$k4imLji#ZLmChhPRLVx|c*jIySab@+rxCuxaSpuu4F&);0l-{EhrMzr0{ zPChh_5G+u6k)XRvf?eV%OXo_o7mYyI`=PSQdk>D0zud#$+QgndMw6CP-}VeK#sKHH zG*j34aRMH}cpaNuv)G{7xy22P~elC79xR#F8#=Hy>j0QSqjhy)m zy7OG8?#URCPtqBm7U0F(U6re$H$$CDer5`t-<=x&9a{gJX-@0cK{7;TctZ)4U+!UN zzr1ur*>Q;XA`FjnFV*|25D#rC7qKFEDbVk@7ja*)B;+FufO5uo0AOf3D|6dDv^gz8 zg;#80USj2^-Xzd;=jP0^yx}^i_}&D9MvXeLp1|U3>~SLd>KBKE&Zj7P`4f+7B*R+*=~n2HO~qyP8Q1cd6~#$w{y%7(|gj_1&c_g z=c1%o1bFRs<}@&ZH*^2<@VRxxs_McC*7p>&F7d-{fjRf?gBe&%`64ox6w6$!n)n9I z_RIe0yqkCa9 z#LjZ{DO%!O6Rp&VrXiH@Gj}G(1WQ>QJ%~piJH*u{RpyH91EJDU$w#Kkf%`2Yt>h7#OFW|$>HS?~yD)@N8=BHs$#dlzPj0CJYc&UPP{ z@DAyO`Xp<~B|^+ig?oGafyzuzS5?IduN~vgyfDi3gUZT0&&0m;ksi-iOV(HAZWei5 zGi_RRDqG+c#w^k0=kUNr{GYP`fBubU6c+v+IRw!ruBuFA zK)*x6C7VWtJL3!x$N>aK1{F64iR7*^GSfLhvD?R3o4fH3&`WXn!K-t3K%a^Ofv>LH zOqab2C#gNknW{EzqFq7+ct@H2i>6x_zPzq!A+tS`|1zM^JG8NBk3lNH_9}kZ@}&1F zF?IN;Hw>H(3?&Cj63!r%P_-F_0!INoyw#2;lxXl(h3k zB;KT2lTN&6_1{V8)Psv$wE5_)D_e_hvZVia^4$t3YY?K>rlhaS#_jHV3J#hGr7=U#Wk^Q^7zx6~V%~-p{O8bJ1T|+e0~Er4g&9ix*9XZ(LT?@3VPfkG2GFdzx?c z;+~U2^ye3D5%mh-RsZg54=wH_oX>5&h9M5Nye!YZW50;K$@~DV-stO+DPc=^@a}2y z`EBV%Ilo$k`oiwoE*7jdywyyildxq;Jf%NREV=5yaXsxrQbM~i(RVK1QkMUi056@0 zWJ)maWN0|iZ-1~E_vHK;RK7;F2zy$#!@r+IHE#Rx9}(b<%DG)tCO1NMo!q%!X-zK6 zemU3Y)Yf`WwIUj__KD@CD}7CUie;|Y)9MPWXTZbL-aS$o+T?!WyQ4C-ZQ9|pDp*u` zw|8?%F9Sc~!{t-<#lX1_XB^?fA8}@;yH3e7_4<3Kb-jJkt4GE-vF3iYg*E*j0m|;t zO=EwNhTEs=@t0IrqHkmrp0)12HDM>3lThCleY5ySUr^WWwPk@Zfp|H$y3W_@v~+6P z7(vIU?rzJBzb8L!E250NRp_d8apRhMyflVay^6Z3RGYe7`4V zp_|}#*zfS!m;apPy(;40^`#o;x48MBvCQoW7>6jpwb|LB{tJSJam>p}Czs6F>PO!+ z4p?RAOK@ZRU;*)&?(%q}u!j~6H)f1QGXz8OdoVRlt?Pn-j@UOaKz0&F+~6vG^hI(= zN$b7juRAq_@r&S|3E+nX&`8fwnQ~haDL+5dFH3sV9o6)1q~E1cmb4lbWjkZ=CS42G zfld;hVQo~TX)se1vmJ$jR`)WVr%^EDi|2{2x@jXIK1#&z9ILG=OV?83FK9h_bW~+h z?P!lMOD6zbBS6WACcO)X4{iE%82Y*leBK$1dh9xxSnQQl!z(z}o%~ukC@zUY6zpr> zOAL8xQn4DymOCBEbgaW(j;%t&+Q8T5!=?WWc$}Nns`9qdGk#H{UT@fM-K97n$xCS9 z98^pKl$xuGZUxT@lqE-VQdz2*chY=^tY4rPu5Rgik=jBibd)-7WdG zyBoK^n9F;^>7L*|_m56(@5Xco%OT*}39Bm<=iQm<9%lFC4T&SyFyFq^%|3U6>3GNu zO{I5ZfeT=RV1mh@*kc56`1spKj=}oim`|OvmjsV{*Nd^51i2`bNxDS1{Ve+<^YZK_8;@!F|BKfYKk05iTd!U;)JGaSl$F<_8sTGzy{1Q z=vF4SsSow5GQO}1Fe|)xukwDEnz7ms$=`ysxzUfrd&QQPP-cAifUdWv22}Wo++-juqV>l52t)aZ4_3t$V-(_koGmo~z(c ze=qd1Rs&yf{ZOfw1WD!s7}!Z*%_h$(T0ru04B*2=(p<^7ll^9`y)@baK=`!pF{Qru#}m{HrL8dU}DGxGA$Lo2rH-gRcnF zu>kWX+PT}Y%=)@RmKKwMl^Vl$Sbt8=UL96xkEm%BUAe(u=1Qys>i_8^e0Xf@0o)a( zcUnI&ee81Lhon$2)3$V12`U~OP%Phy@z~lBRQf;DYd`@3U-V*ZQc4~1R$}F%) z-{cbDO^&E4bI{ylEXj+Uzn}Nmg%ILiTC93Wf?MjK0Pjs%UzhpMP3DqRb)(+(c9KVp z1Z^>aPPqiPhi@c`RPNOsvHmkKIjpLz{0WV+rlHV4iJ)Ox{SP<6FHJ9E0asihQe;5W z($v?*ts%hWFl|9*mzcz1Oj;7kHdQh>n4&61P}OTndi{3ME*em*H)7=lNpiVCU-?>M z#X-%@_Q_}2f1IWle1Go9&Xpl`{Hx|I=CusXP0}+z-Q_vM@IxGvO|^>PST~_=pPM;0 zMe0mTC0Grd8Fo=j2+1~bNL7iiIre)JCpll!^=Gx4&=OI)2w6JkW($Cg;d|wZ$hDU= ztCC}!g63f7&p=s+)D@PF#2oWBuPD#1Y3IKpG>~FjNIq(G@bDo8e~0Mi@4(|AY}RJX zgjbz%muIqUa4?z<*4iT(-dHvdCQ3;gT@8k~{2FW>HLZs?j>{d8dbN4c>%dZ7zwl2V zz!Z1L5(s%#-vwaHg9F0J@YvmPH)^(!mg77!Ym@=oy4sjS+3qnCT2BO5*YKJ--e8Jf z*n`f(vtU5d0pp5~&q=bOfc!br`x=gV4d1zWLREoGGqMcg_-zXu@cX(boqLad#B4wm z-uH8IPTYe$x(1X}QpqJ&cnF;xTiQ$Iw`MqJCmU>kYbo7qmnPq(Ob-VcX%2B!pJoKs z%04V>)`W!1MmYg%;2;5cR#(l}^d3fa6j!XqF9>^ZMp?WOcASTN7ViX0bH;QME`ew> zm6)O}8YYyNHRYo;t@m!b3=hA35AP>{mGa3za_~`_TpNAbeon$PsN^;Nu}fWX-{CS> zY*U2KXgSABcQ6EtkhP?_r~tiI9>I$A8fE?~3lyuVE~d|iY&m+w|K zueIGBwu=7!dR5E*`%4OsAm0&4KpgT(_emK;wp4YcnY`;O#WfPxajw>OV~I4$V4NyA ztRJD1AV1|4JgFvfIXJ)W>~_24mE!f}itAF(&p7uDPjtB=kmKqP^#f?z|ER5I%Y9fh zFI3y()Yf>)bY;A>WNwIo7pooF4KJHWnx%nulEcvttV`J`IU|oWKDKII>XZq7wfCAl zQ&&k@TOpN_x_0E9e5191;KJ$(rC>O(8|v+BscXJZ z8aixi*lh1qMYyE&=1Z@ z9I}qF-BzoP@NtZ-I+gf{ymDrb*P^BBl9=Si!%FE-oKm-;=F}9)(n#whyvkY*OtzKz zVraF@8N!DCaJ#Wg8q_Sful?zXnQjZqQQh*oZ@T5LakiV6(w=dGD2RN=eTJ_qIRf zo#__U4ZZ*~TP)=t%S$dktPDCcZm9)I`${+62GtPzoQ$K8)lt*lDASdC;$XZDnOJU6N(kp|vT9k+LGDb0hbmVd7R@0e-DnXe>%Bm$|k<5l982v;+$yrqDamLAx$h8|(q^F5A~GAnNPVc_g!q=QhPgW;A% z_(VZ<-qkS4pt<>BU8b?UvnEh=jDrhf^wAqclh?I-2IHF=|60;i2u(;%+P$pr(3ZbD zex5%GMOO4^G0an-o4B?tKYDjT#VD*1wL0?FcEVwx=je+@evWt_I`GM|rh3OS*8jed zk9)Jqf0GM9VN%D~zpP6&yk5V|mD0|ARbyUpX5K5t?Fh8iq4GPH4Gun{{EG;Gq-3iKU^$GHMOTJp0RFus+Mj0kBuue_w z$VOpA8fj`fgDF$Yz3tGF~N%)G7>R3ryyY@ztE!WdLCwdT{$V53~ z`WTEk8ZurjVp8x0OCc+pJA6O&h$jPl)*$USmKNZhdF~!_A)V$)ATRsxY^(Q9%XqJt z0kD~DFlWJ;ZpVwmdORnvbw}-WoNa>nex5v|{Y?d!8w2Ka^Q^*EDJ|0CM{YmK!K003 zU)DG*1uLP<$IA#$8>4((mcpYZ_pi{Hm88?`nd-@zQi4v0F+}MZygO4#%|n?hLG4!p za+bX|{Pecg0(=&{Z&NZ!UBN7kZ;;q+ znZ_m0{fo3;#t}&)O46d>CuEiJ@|X8^%E@!zKgUy+0mtgIyg0GI&wb-M)HQAkLC?<} z?RnYqtpOMmVr_qF%+y5)g5B3V<83dIG09Yq$pXE``nVyY?6mi2*8t$e$1s#8#8 zz$vS(Fyia{e+CSIQCss_8|}%9fNKMRY}Z{+aVNm(W`+*qq11g2DZ1~Kv$po+N@c#V z4zE6C(zM#%$_O=7B&oERWy?%ruW5sou;2xe^u<}$H%dZ*)el2f|83EyNzsJ>0nINp zNT)=#0sRdV?VTy5O~9ZP@6Y1O7d!=ax`fV>Fa6>uC4KEkbrAp1_~V0YM*pa!S9RQk zelWxt6{}=x$dCJ3@%-uv2^vFOO05^$bjus+YMMGqqHJlIQw4jIATj2tq=OGeo+2~d zqiZBiEL%uJU>Y}Hjwi+G*wcetAn6SOS`L~Ozx}t9@V4}$`){5ly`pP7d&cdTGtq^; zeSxT{2IJg;5M+zgr%K_cN)ft&70k7)9y-}y#w#Sxl-v$M)0^HI7ms^c5H|N=7f0D%2<+r|`v_FLaU|d@y)=jH=OOcRMIS6OH3xxMjk-DR! zapdi}x{jpff^^3h7}*y6Wl;m0J}}v2*gHN64an$d%Z3{xK1at|$3{=y2}=h)a|E;A zWq^#v$ERK1+qW;eo0p7B(y$~|XVtzMOuRCF9(sT{9lGh_keO~g;;-ZUUbkE|x5>Y8 z|A}TB$NPAnH;EEs-KlAvC2#jc`1HcT$d*om+Bv~(ufCDqqqlOrm^h$xY$8$yWPm{{ zpR1s?zX!rh+b?)QE#LaNIIKS@trMyIScCV2R%J z)5Uy?;fDr&;;T*-B!q-+pBn9mzPWnae!&d%xWuEbKsjO#4P@h**R(T_oaKImSK=?g z%IS2|QctaKv%i{{7WQ>9lU#gWYWCVytaO&Dfj56mjYq>m9<*lt)xlI-~UDw!wLg?+rJ$I=^TJcgoFGwg;NF##ES~>-pF!i z8v7g|nr>KgjGVbd843jW&2;m})?E1!eXT0W);0g>e&FX5Xaeo)!kTC+KIu0^EI3jL z6_Tgqe%B>U7+nt5wC`8Np=H>4 zc4V&8Q}_8}J7b7JW59EX`i#hV8X3xRoC3V%oq#8vR3Q;7QyW@IH@*!r{!WM0FzO1f zPoc@(G$_!tAtLd0Fw=$1xeduv8bP912=nPJ2l(nB(P?2vs_WVLH6-`=&abVu_vTD5 zGcGnJaVs~DsQPu6_qUatVJ2+m?hjak{h>o~v)#eW!I{CA2mt{a^g@z^%|n$BNw(ad z>-Z^r|js~86SDJnet2i_hh@T%KQ+g7o`Dx2(;1|Uy(Vuzp{R( z*4*Do=;x&ox}TYg46FWPC(NEcwv?^+Bfg99sf_d}y==3l_sZwfqvge>w&x!5m+R{? z@mrIc+YZHKd2O+mqi7fghtc`CdLKG_90>4rX;{0oQ70jvD`PIFzDc(KrAoaKSj;~M zr?}F{Hhi1Rij0^Afvk7DUPJvmjKLmI=H1fkYlsQ&ZdcZ8dA{RC?>5wtY|F&8sn1C^OJIM4W48B8=RQ7Ku3inY@?x%jGs|D28eZ!p=y$OC^0L-?eb@*O z8eIu>Lq(p|;Z!ROVaWW{1pbu8@Fl(Z5W3YmYqw}iS;zQTX1UWZZ>K7?&2I%AtP+}J z?YV^cHvNRym)2kdr!*zWf-v_VaA*Z{@n0;g0d?^ktgY?JWI*S>Om6 zY87&A{OQY#06p`p?M@j`g>}p`Nztdno{o zfE$_k^|HlZ;uLFqtl>$nHO{_|I}LBGVEFqbLAj@>IWl zAKPTTrbVWkyB#{0qQ`v_VTX;vXZ0r?6{;IKt$APw0q1qaQv7I@fdt zI?-{v4<5p*uLjduI|(R+;*pn=vrKDinlCY75Nvg43EQ1mLu%-l!ohoTe~F(UYkR)s zHh=J}7!_idYDlfFP^P#{jY2-dIo#9NPv)h>8kX&DIsVGvM-aIuRR=ruwR0U*a44kG zts{NA@zT=^>I$aY7;Nw?K1h-NPtGx9=LYrr%?es^+4frrWJe+#!q0uvxiSg<0e5Sj>!1+nFQTj_hP~ zX=52}hJJ5GIMYpcLJjWxD`;#>W7JU0jfxB>Q&m;TzT->VTbv!35H;TFZySwS&o|Ah z_Rrbg%0;e~qQ#A|F_Kbo@rj9B{g02;jY zek3$WxHV?7QN7wUvS&4Dmb?$Q3OiVu*L&1lu$#QxbQk+^hf%~snt7ork+GzdqaLnFPg5S(8UFaGe1?Yq$Zv_ zz?~e^;?G5j4+$|jDv(|fGlahvV=}!;Tae?Oaqkjrpxni16C!*HU>n&LYtCR2RaJ`;&+^XTb-Pf* zyLKhLpMIM1bpS@BR_^;uA(1e^jaOEfd^4U2O`L@sV?}{VlsqP+d0(3HP z-!X5IJp$=cq_?Ls1Fza7%vMuXz$4vk?>gNy$@Pa4-XaVF>BiK*`leQC@lFbp(E|8= z4`K~ZhpoR3RNciTea*>D_@*i1NY*}+?He26A=6ui03l}B$<6pceX(@9DNT5ELFLE< zeExTQ%B6Fj31M=s@eV#2c-s4(VjR$%l$4x)er5hOyxDH=TZPF;CFKgL*fzi_%8o_i z_kW%i7Xn&|Uig;2tdWtS$Q>z6H!UNwNLFarp}MtD@d@OBb7=0B-x2bdRFwOSKc%i< z(6sYRzV4@Fih0FCBrJ^Mb^R(I(m@XWG#Oa6@LGJ`6PQgWW!e< z_{B+m-p(hyLR(@Zc0WS@@8AEE1P0ZL`VoZMpYs0#P(IcFKaKhC{r^hfzY_Sb1pe \ No newline at end of file diff --git a/packages/website/static/img/Taiko_Logotype_Horiz_1_Fluo_White.svg b/packages/website/static/img/Taiko_Logotype_Horiz_1_Fluo_White.svg new file mode 100755 index 00000000000..a0b4eaa8b48 --- /dev/null +++ b/packages/website/static/img/Taiko_Logotype_Horiz_1_Fluo_White.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + diff --git a/packages/website/static/img/undraw_collaboration_re_vyau.svg b/packages/website/static/img/undraw_collaboration_re_vyau.svg deleted file mode 100644 index 159bb6c9995..00000000000 --- a/packages/website/static/img/undraw_collaboration_re_vyau.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/website/static/img/undraw_connected_world_wuay.svg b/packages/website/static/img/undraw_connected_world_wuay.svg deleted file mode 100644 index efd0793af32..00000000000 --- a/packages/website/static/img/undraw_connected_world_wuay.svg +++ /dev/null @@ -1 +0,0 @@ -connected world \ No newline at end of file diff --git a/packages/website/static/img/undraw_having_fun_re_vj4h.svg b/packages/website/static/img/undraw_having_fun_re_vj4h.svg deleted file mode 100644 index 9de316fdb56..00000000000 --- a/packages/website/static/img/undraw_having_fun_re_vj4h.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/website/tailwind.config.js b/packages/website/tailwind.config.js new file mode 100644 index 00000000000..7c91663a2f5 --- /dev/null +++ b/packages/website/tailwind.config.js @@ -0,0 +1,17 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: ["./src/**/*.{js,jsx,ts,tsx}"], + theme: { + extend: { + fontFamily: { + oxanium: ["Oxanium", "sans-serif"], + }, + }, + }, + plugins: [], + corePlugins: { + container: false, + preflight: false, + }, + darkMode: ["class", '[data-theme="dark"]'], +}; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 45c878ca5d8..d173fc3d5d9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -207,16 +207,20 @@ importers: '@docusaurus/preset-classic': 2.2.0 '@docusaurus/theme-classic': ^2.2.0 '@docusaurus/types': ^2.2.0 + '@heroicons/react': ^2.0.13 '@mdx-js/react': ^1.6.22 '@tsconfig/docusaurus': ^1.0.6 '@types/node': ^12.20.45 + autoprefixer: ^10.4.13 clsx: ^1.2.1 hast-util-is-element: 1.1.0 + postcss: ^8.4.19 prism-react-renderer: ^1.3.5 react: ^17.0.2 react-dom: ^17.0.2 rehype-katex: ^5.0.0 remark-math: ^3.0.1 + tailwindcss: ^3.2.4 typescript: ^4.8.4 dependencies: '@docusaurus/core': 2.2.0_aeigrxhfhc4abyd45ix2hknizy @@ -233,8 +237,12 @@ importers: '@docusaurus/module-type-aliases': 2.2.0_sfoxds7t5ydpegc3knd667wn6m '@docusaurus/theme-classic': 2.2.0_wfh3mw2ke2bdr53qfq544ltemu '@docusaurus/types': 2.2.0_sfoxds7t5ydpegc3knd667wn6m + '@heroicons/react': 2.0.13_react@17.0.2 '@tsconfig/docusaurus': 1.0.6 '@types/node': 12.20.55 + autoprefixer: 10.4.13_postcss@8.4.19 + postcss: 8.4.19 + tailwindcss: 3.2.4_postcss@8.4.19 typescript: 4.9.3 packages: @@ -2900,6 +2908,14 @@ packages: dependencies: '@hapi/hoek': 9.3.0 + /@heroicons/react/2.0.13_react@17.0.2: + resolution: {integrity: sha512-iSN5XwmagrnirWlYEWNPdCDj9aRYVD/lnK3JlsC9/+fqGF80k8C7rl+1HCvBX0dBoagKqOFBs6fMhJJ1hOg1EQ==} + peerDependencies: + react: '>= 16' + dependencies: + react: 17.0.2 + dev: true + /@humanwhocodes/config-array/0.5.0: resolution: {integrity: sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==} engines: {node: '>=10.10.0'}