-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: added standard block to the resources page
Plus couple of fixes requested by the team.
- Loading branch information
Showing
8 changed files
with
528 additions
and
81 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| import AtomTitle from "@/components/Atom/Title"; | ||
| import Container from "@/components/Container"; | ||
| import Image from "next/future/image"; | ||
| import { SVGProps } from "react"; | ||
| import { FaEthereum } from "react-icons/fa"; | ||
| import { HiOutlineBookmarkAlt } from "react-icons/hi"; | ||
| import { IoLogoGithub } from "react-icons/io"; | ||
|
|
||
| const links = [ | ||
| { | ||
| name: "Dev Docs", | ||
| href: "https://ethereum.org/en/developers/docs/standards/tokens/erc-4626/", | ||
| icon: (props: SVGProps<any>) => <FaEthereum {...props} />, | ||
| }, | ||
| { | ||
| name: "EIP", | ||
| href: "https://eips.ethereum.org/EIPS/eip-4626", | ||
| icon: (props: SVGProps<any>) => <HiOutlineBookmarkAlt {...props} />, | ||
| }, | ||
| { | ||
| name: "GitHub", | ||
| href: "https://github.com/ethereum/EIPs/blob/master/EIPS/eip-4626.md", | ||
| icon: (props: SVGProps<any>) => <IoLogoGithub {...props} />, | ||
| }, | ||
| ]; | ||
|
|
||
| export default function Standard() { | ||
| return ( | ||
| <div className="uiBlock lightBackground relative overflow-hidden"> | ||
| <div aria-hidden="true" className="absolute inset-x-0 top-4 h-48 " /> | ||
| <Container> | ||
| <div className="mx-auto py-16 md:grid lg:grid-cols-12 lg:gap-20 lg:py-32"> | ||
| <div className="md:col-span-5 md:text-left" data-aos="fade-right"> | ||
| <AtomTitle>ERC-4626 Standard</AtomTitle> | ||
| <p className="mb-4 text-lg leading-relaxed text-slate-700 dark:text-zinc-100"> | ||
| <code className="mr-1 select-none whitespace-nowrap rounded-lg bg-pink-100 px-2 py-1 dark:bg-pink-900">ERC-4626</code> is a technical standard that aims to streamline | ||
| and harmonize the specifications of yield-bearing vaults. | ||
| </p> | ||
| <p className="mb-4 text-lg leading-relaxed text-slate-700 dark:text-zinc-100"> | ||
| It introduces a standardized API for tokenized yield-bearing vaults that correspond to fractional ownership of a specific{" "} | ||
| <code className="mx-1 select-none whitespace-nowrap rounded-lg bg-pink-100 px-2 py-1 dark:bg-pink-900">ERC-20</code> token. | ||
| </p> | ||
| <p className="mb-4 text-lg leading-relaxed text-slate-700 dark:text-zinc-100"> | ||
| Additionally, <code className="mr-1 select-none whitespace-nowrap rounded-lg bg-pink-100 px-2 py-1 dark:bg-pink-900">ERC-4626</code> presents an optional addendum for tokenized vaults that employ{" "} | ||
| <code className="mx-1 select-none whitespace-nowrap rounded-lg bg-pink-100 px-2 py-1 dark:bg-pink-900">ERC-20</code>, which provides fundamental capabilities for | ||
| depositing, withdrawing, and tracking token balances. | ||
| </p> | ||
| <div className="mt-4 flex flex-auto flex-col items-stretch space-y-4 md:mt-8 md:flex-row md:space-y-0 md:space-x-4"> | ||
| {links.map((item) => ( | ||
| <a | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| key={item.name} | ||
| href={item.href} | ||
| className="featuredLink group inline-flex items-center text-lg font-medium decoration-from-font" | ||
| > | ||
| <item.icon className="relative mr-1.5 inline-flex h-4 w-auto md:opacity-25 md:group-hover:opacity-100 dark:md:opacity-75" /> | ||
| {item.name} | ||
| </a> | ||
| ))} | ||
| </div> | ||
| </div> | ||
| <div className="relative h-auto w-full object-scale-down md:col-span-7" data-aos="fade-left"> | ||
| <Image | ||
| priority={false} | ||
| unoptimized={true} | ||
| src="/images/standard.svg" | ||
| width={823} | ||
| height={370} | ||
| loading="lazy" | ||
| className="w-full 2xl:h-full 2xl:w-auto" | ||
| alt="WHAT IS ERC-4626?" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </Container> | ||
| </div> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,95 +1,62 @@ | ||
| import Container from "@/components/Container"; | ||
| import { Component, SVGProps } from "react"; | ||
| import { HiOutlineBookmarkAlt } from "react-icons/hi"; | ||
| import { IoMdHeart, IoLogoGithub, IoLogoTwitter } from "react-icons/io"; | ||
| import { FaEthereum, FaTelegramPlane } from "react-icons/fa"; | ||
| import { SVGProps } from "react"; | ||
| import { IoMdHeart, IoLogoTwitter } from "react-icons/io"; | ||
| import { FaTelegramPlane } from "react-icons/fa"; | ||
| import { AiOutlineUsergroupAdd } from "react-icons/ai"; | ||
|
|
||
| const footerNavigation = { | ||
| social: [ | ||
| { | ||
| name: "Dev Docs", | ||
| href: "https://ethereum.org/en/developers/docs/standards/tokens/erc-4626/", | ||
| icon: (props: SVGProps<any>) => <FaEthereum {...props} />, | ||
| name: "Follow us", | ||
| href: "https://twitter.com/erc4626", | ||
| icon: (props: SVGProps<any>) => <IoLogoTwitter {...props} />, | ||
| }, | ||
| { | ||
| name: "EIP", | ||
| href: "https://eips.ethereum.org/EIPS/eip-4626", | ||
| icon: (props: SVGProps<any>) => <HiOutlineBookmarkAlt {...props} />, | ||
| name: "Discuss", | ||
| href: "https://t.me/erc4626alliance", | ||
| icon: (props: SVGProps<any>) => <FaTelegramPlane {...props} />, | ||
| }, | ||
| { | ||
| name: "GitHub", | ||
| href: "https://github.com/ethereum/EIPs/blob/master/EIPS/eip-4626.md", | ||
| icon: (props: SVGProps<any>) => <IoLogoGithub {...props} />, | ||
| name: "Join the alliance", | ||
| href: "https://forms.gle/DsCsttsxBUYQTB9r6", | ||
| icon: (props: SVGProps<any>) => <AiOutlineUsergroupAdd {...props} />, | ||
| }, | ||
| ], | ||
| }; | ||
|
|
||
| export default class Footer extends Component { | ||
| render() { | ||
| return ( | ||
| <footer className="bg-white/70 dark:bg-zinc-900/90 pb-6 lg:py-6" aria-labelledby="footer-heading"> | ||
| <h2 id="footer-heading" className="sr-only"> | ||
| Footer | ||
| </h2> | ||
| <Container noPb> | ||
| <div className="flex flex-col md:flex-row md:items-center md:justify-between"> | ||
| <div className="flex flex-row justify-center space-x-4 md:order-2"> | ||
| {footerNavigation.social.map((item: { name: string; href?: string; icon: any }) => ( | ||
| <a | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| key={item.name} | ||
| href={item.href} | ||
| className="group inline-flex items-center text-sm font-medium text-pink-700 dark:text-pink-400 underline decoration-from-font underline-offset-4 md:font-normal md:no-underline md:hover:text-pink-900 md:dark:hover:text-pink-400 md:hover:underline" | ||
| > | ||
| <item.icon className="relative mr-1.5 inline-flex h-4 w-auto md:opacity-25 dark:md:opacity-75 md:group-hover:opacity-100" /> | ||
| {item.name} | ||
| </a> | ||
| ))} | ||
| </div> | ||
| <div className="mt-4 flex flex-wrap items-center justify-center space-y-1 whitespace-nowrap text-sm dark:text-white text-pink-700 md:order-1 md:my-0 md:justify-between md:space-y-0"> | ||
| <span>Handcrafted</span> | ||
| <span className="block w-full md:hidden" /> | ||
| <span className="ml-1">with</span> | ||
| <span className="mx-1 md:mx-2"> | ||
| <IoMdHeart className="h-4 w-4 text-red-600" /> | ||
| </span> | ||
| <span className="inline-flex font-semibold">by The 4626 Alliance</span> | ||
| <span className="mx-4 h-0 w-full border-r border-pink-400 text-left md:h-5 md:w-auto"></span> | ||
| export default function Footer() { | ||
| return ( | ||
| <footer className="bg-white/70 py-6 dark:bg-zinc-900/90" aria-labelledby="footer-heading"> | ||
| <h2 id="footer-heading" className="sr-only"> | ||
| Footer | ||
| </h2> | ||
| <Container noPb> | ||
| <div className="flex flex-col md:flex-row md:items-center md:justify-between"> | ||
| <div className="flex flex-row justify-center space-x-4 md:order-2"> | ||
| {footerNavigation.social.map((item: { name: string; href?: string; icon: any }) => ( | ||
| <a | ||
| rel="noopener noreferrer" | ||
| href="twitter.com/erc4626" | ||
| target="_blank" | ||
| className="group inline-flex items-center font-medium text-pink-700 dark:text-pink-400 underline decoration-from-font underline-offset-4 md:font-normal md:no-underline md:hover:text-pink-900 md:hover:underline" | ||
| > | ||
| follow us | ||
| <IoLogoTwitter className="ml-1.5 inline-flex h-4 w-4 dark:md:opacity-75 md:opacity-25 md:group-hover:opacity-100" /> | ||
| </a> | ||
| <span className="mx-4 h-3 border-r border-pink-400 text-left md:h-5"></span> | ||
| <a | ||
| rel="noopener noreferrer" | ||
| href="https://t.me/erc4626alliance" | ||
| target="_blank" | ||
| className="group inline-flex items-center font-medium text-pink-700 dark:text-pink-400 underline decoration-from-font underline-offset-4 md:font-normal md:no-underline md:hover:text-pink-900 md:hover:underline" | ||
| key={item.name} | ||
| href={item.href} | ||
| className="group inline-flex items-center text-sm font-medium text-pink-700 underline decoration-from-font underline-offset-4 dark:text-pink-400 md:font-normal md:no-underline md:hover:text-pink-900 md:hover:underline md:dark:hover:text-pink-400" | ||
| > | ||
| discuss | ||
| <FaTelegramPlane className="ml-1.5 inline-flex h-4 w-4 dark:md:opacity-75 md:opacity-25 md:group-hover:opacity-100" /> | ||
| <item.icon className="relative mr-1.5 inline-flex h-4 w-auto md:opacity-25 md:group-hover:opacity-100 dark:md:opacity-75" /> | ||
| {item.name} | ||
| </a> | ||
| <span className="mx-4 h-3 border-r border-pink-400 text-left md:h-5"></span> | ||
| <a | ||
| rel="noopener noreferrer" | ||
| href="https://forms.gle/DsCsttsxBUYQTB9r6" | ||
| target="_blank" | ||
| className="group inline-flex items-center font-medium text-pink-700 dark:text-pink-400 underline decoration-from-font underline-offset-4 md:font-normal md:no-underline md:hover:text-pink-900 dark:md:hover:text-pink-00 md:hover:underline" | ||
| > | ||
| join the alliance | ||
| <AiOutlineUsergroupAdd className="ml-1.5 inline-flex h-4 w-4 dark:md:opacity-75 md:opacity-25 md:group-hover:opacity-100" /> | ||
| </a> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| <div className="mt-4 flex flex-wrap items-center justify-center space-y-1 whitespace-nowrap text-sm text-pink-700 dark:text-white md:order-1 md:my-0 md:justify-between md:space-y-0"> | ||
| <span>Handcrafted</span> | ||
| <span className="block w-full md:hidden" /> | ||
| <span className="ml-1">with</span> | ||
| <span className="mx-1 md:mx-2"> | ||
| <IoMdHeart className="h-4 w-4 text-red-600" /> | ||
| </span> | ||
| <span className="inline-flex font-semibold">by The 4626 Alliance</span> | ||
| </div> | ||
| </Container> | ||
| </footer> | ||
| ); | ||
| } | ||
| </div> | ||
| </Container> | ||
| </footer> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters