diff --git a/.github/ISSUE_TEMPLATE/add_project.yml b/.github/ISSUE_TEMPLATE/add_project.yml new file mode 100644 index 0000000000..7fa1b356f7 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/add_project.yml @@ -0,0 +1,29 @@ +name: Add a project to Taiko's ecosystem 🌐 +description: Add a project to Taiko's ecosystem +labels: ["category.enhancement", "status.needs-triage"] +assignees: + - d1onys1us, 2manslkh +body: + - type: markdown + attributes: + value: | + Thanks for taking the time to add your project. You can see existing examples on Taiko's ecosystem page [here](https://taiko.xyz/ecosystem)! + - type: input + id: title + attributes: + label: Title of your project + validations: + required: true + - type: input + id: link + attributes: + label: Link to your project + validations: + required: true + - type: textarea + id: logo + attributes: + label: Upload a quality logo to your project + description: 512x512 or 1:1 ratio is preferred. If no image is provided we will use a placeholder image. + validations: + required: false diff --git a/packages/website/components/AddEthereumChainButton.tsx b/packages/website/components/AddEthereumChainButton.tsx deleted file mode 100644 index 6cadb08c5d..0000000000 --- a/packages/website/components/AddEthereumChainButton.tsx +++ /dev/null @@ -1,47 +0,0 @@ -type Props = { - buttonText: string; -}; - -async function addEthereumChain() { - interface AddEthereumChainParameter { - chainId: string; // A 0x-prefixed hexadecimal string - chainName: string; - nativeCurrency: { - name: string; - symbol: string; // 2-6 characters long - decimals: 18; - }; - rpcUrls: string[]; - blockExplorerUrls?: string[]; - iconUrls?: string[]; // Currently ignored. - } - - const taikoParams: AddEthereumChainParameter = { - chainId: "0x28C5C", - chainName: "Taiko (Alpha-2 Testnet)", - nativeCurrency: { - name: "ETH", - symbol: "eth", - decimals: 18, - }, - rpcUrls: ["https://rpc.a2.taiko.xyz"], - blockExplorerUrls: ["https://explorer.a2.taiko.xyz/"], - iconUrls: [], - }; - - await (window as any).ethereum.request({ - method: "wallet_addEthereumChain", - params: [taikoParams], - }); -} - -export default function AddEthereumChainButton(props: Props) { - return ( -
addEthereumChain()} - className="hover:cursor-pointer text-neutral-900 bg-neutral-100 hover:bg-neutral-200 border-solid border-neutral-200 focus:ring-4 focus:outline-none focus:ring-neutral-100 font-medium rounded-lg text-sm px-3 py-2 text-center inline-flex items-center dark:focus:ring-neutral-600 dark:bg-neutral-800 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700" - > - {props.buttonText} -
- ); -} diff --git a/packages/website/components/EcosystemCard.tsx b/packages/website/components/EcosystemCard.tsx new file mode 100644 index 0000000000..c44552497f --- /dev/null +++ b/packages/website/components/EcosystemCard.tsx @@ -0,0 +1,20 @@ +function EcosystemCard({ icon, name, link, description }) { + return ( + + {`${name}-logo`} +

+ {name} +

+

{link}

+

{description}

+ + ); +} + +export default EcosystemCard; diff --git a/packages/website/components/EcosystemSection.tsx b/packages/website/components/EcosystemSection.tsx new file mode 100644 index 0000000000..cdc53736d7 --- /dev/null +++ b/packages/website/components/EcosystemSection.tsx @@ -0,0 +1,46 @@ +import EcosystemCard from "./EcosystemCard"; + +export default function EcosystemSection() { + const ecosystemData = [ + { + icon: "/images/ecosystem/taiko.svg", + name: "Bridge", + link: "https://bridge.test.taiko.xyz", + description: "Bridge is a dapp that lets you bridge tokens with Taiko.", + }, + { + icon: "/images/ecosystem/taiko.svg", + name: "Swap", + link: "https://swap.test.taiko.xyz", + description: "Swap is a dapp that lets you swap tokens on Taiko.", + }, + { + icon: "/images/ecosystem/orbiter.jpg", + name: "Orbiter", + link: "https://orbiter.finance", + description: + "A decentralized cross-rollup Layer 2 bridge with a contract only on the destination side.", + }, + { + icon: "/images/ecosystem/loopring.svg", + name: "Loopring Wallet", + link: "https://loopring.io/#/wallet", + description: + "Loopring is your mobile gateway to Ethereum L2, enabling you to easily trade, swap, collect, stake, and invest without the costly gas fees.", + }, + ]; + + return ( +
+ {ecosystemData.map((_) => ( + + ))} +
+ ); +} diff --git a/packages/website/pages/_meta.json b/packages/website/pages/_meta.json index f5371de10a..00cc62f269 100644 --- a/packages/website/pages/_meta.json +++ b/packages/website/pages/_meta.json @@ -17,6 +17,13 @@ "href": "https://mirror.xyz/labs.taiko.eth", "newWindow": true }, + "ecosystem": { + "title": "Ecosystem", + "type": "page", + "theme": { + "layout": "full" + } + }, "forum": { "title": "Forum", "type": "page", diff --git a/packages/website/pages/ecosystem.mdx b/packages/website/pages/ecosystem.mdx new file mode 100644 index 0000000000..1175234868 --- /dev/null +++ b/packages/website/pages/ecosystem.mdx @@ -0,0 +1,7 @@ +import EcosystemSection from "components/EcosystemSection"; + +{

Ecosystem

} + +{

Add your project

} + + diff --git a/packages/website/public/images/ecosystem/loopring.svg b/packages/website/public/images/ecosystem/loopring.svg new file mode 100644 index 0000000000..dba77fc3a1 --- /dev/null +++ b/packages/website/public/images/ecosystem/loopring.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/packages/website/public/images/ecosystem/orbiter.jpg b/packages/website/public/images/ecosystem/orbiter.jpg new file mode 100644 index 0000000000..3dbf137cb4 Binary files /dev/null and b/packages/website/public/images/ecosystem/orbiter.jpg differ