From 74fcbaeba209533222c3a87dd2d9f786f6f5a136 Mon Sep 17 00:00:00 2001 From: dave | d1onys1us <13951458+d1onys1us@users.noreply.github.com> Date: Tue, 6 Jun 2023 01:12:17 +0200 Subject: [PATCH] feat(website): add updated ecosystem page (#13887) --- .github/ISSUE_TEMPLATE/add_project.yml | 29 +++++++++++ .../components/AddEthereumChainButton.tsx | 47 ------------------ packages/website/components/EcosystemCard.tsx | 20 ++++++++ .../website/components/EcosystemSection.tsx | 46 +++++++++++++++++ packages/website/pages/_meta.json | 7 +++ packages/website/pages/ecosystem.mdx | 7 +++ .../public/images/ecosystem/loopring.svg | 10 ++++ .../public/images/ecosystem/orbiter.jpg | Bin 0 -> 23051 bytes 8 files changed, 119 insertions(+), 47 deletions(-) create mode 100644 .github/ISSUE_TEMPLATE/add_project.yml delete mode 100644 packages/website/components/AddEthereumChainButton.tsx create mode 100644 packages/website/components/EcosystemCard.tsx create mode 100644 packages/website/components/EcosystemSection.tsx create mode 100644 packages/website/pages/ecosystem.mdx create mode 100644 packages/website/public/images/ecosystem/loopring.svg create mode 100644 packages/website/public/images/ecosystem/orbiter.jpg 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 ( -
{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 ( +S%^_i!PhP587^sRN@Aa#S=xQR z>puJ%F2PaXGRuO)Z4h^ILvG>PQB+zzofltStbD(*!0#+K~bm z^Tp^|mJ?U&Cn4pD7uGIn+jxO}Xb#~}8sXrV717p{HiBP0PeLN !uPBVbV>MzoTDlSI@Qb;t5|-Yp(y=mAbYYaaHF&>cuq#!!s`T z7;G0RjM#0~&^0A|p-a&(+uyccYAE{hzJoyBKojrTRNYcs+RFy}vq+ JnjLd34V$E>VW+`HG%f GDH{ZE>u_X{m7 zp0--wv|80cB1G=xc^kIUK3O^m r421^Pm UFVLKNDJT z<(Ll8l72W&p?>Jr;dxR!8_m*mf8#*yQ4RVc{bD}16W8RD_|fMfxQkRe*ML)Rwa(Uo zZ!JBWBP~~HN@|T@G2uqdjTM0ajuBpPOXerVGmuFJ?T_5f-iAoFqf1N+fx?fYS UkT6os%_}ZB8 zU9I4Ex;Z@LOXoUh+5aTS?K<|f>oWE<<_7PH$M_`ekEu_JZ%*I6;cBxwepl>ufyrls zFN4i!X75Vr=%|&+Kqh9HxB3<{74oxzl;=xgusk}xXnR+vQeP12YqdT$Y~#Aa;ItL+ z(UAJN{MOH (v~V33|&c`OB%! =azl>Sn1GI%#qgY z{<+-zz(+|rz02-1PW*!CSq5aMXTyJ1xXn7ww7cc9Y55+aF_6^daB6f^so- CSs3b< b-S18Pb66>*RI5?qNJdWHljG(OGS1<-kMBmG(w zb!$#rk !11ob||~tcMgH#Nplc3$DkrNfPFodK5JiPzz$RnyR=-L z{difB9Ms7d{5f40|M`&8br#$iS}GWP=SSe}VgTFk#Q+o(J2i&&2VX`5#Le$Oo4aG{1oU%go87QfnoJV5b9&H(+dx;t#oev<2;-6zfq8 z5$BRIjL0Q0dFw4P|6Em_r4lP272s1hTu@R4*>RZns`p5ie>SnAVj^yjwT5^M1x zLY#XZ+LKhchwGGmA0A_!KAoT*plOg7=D=|`L#}F~$#2!8g^7?z`Ae{`cu&sIU~RoF z(AXytAzDf7?O@04N;c4| lCbB z*64l{pRu}illuYmC0N 5 zZt2>Hy96ceu4>T*t*Y2r6%LskC}{`)lV0eif0K_X)ZzIWE44+FS!^_&Pks40m@?8c z4{uBf*p{TbvtBxARkn(ye-}7=1q5^5!6}3DVGR?OL>-8)YbK*@Z%h3!*j~-36lIc- zva$4lCuL;C;Jb8XdoXVB&Y)KL8ygZ1i-_XK%~Bb+^U6eEgo;sKHCR_-e;ex_qM4I7 zDu6JM1>d2ME-E%{fXepv7w^Rw<+KIM)8$~t8FE$h5^k!gDky(d 8qZg zMta>N2Iibg{s+Y)pYc&1(RK3nfQSo5ewNvoQhR~GesZKRp|nXfDtW|rei)wRJr5bu z%gEIhC$VHa%Zr*Fp9xO}Pz=M4JB}SQ;(l7#qr?wgilrEqXkp|dIrk{NSkG%eImivg zv~e=Z!na0hj=A%aB|Y?#J&N%OVEV39*&eDFj&0J RS9~p;FBZEON5vW{bffLVurpsdWrKs9}+aO;~ zd@Vd1b=Y8V`UZ}2BmFdvWcs1CP^ebNHKUMfbdj+BNVj(sG^9tb-b3oZ9Cg4$nxOvY z=mY`zld8qXy|z@^-+2Y?z#9>mg?VVW*=_z+>yDmx=unCEL|-DLCJJ9+j(8WDg`;QS zk6~~VpONa;_uCT;ZO=Yi=I+$_1z^AEhu~?xFBV`ADOBLb#55<`>LxezQIM6v8!G7z z2iAiZ)lZLs&%P>C4%@m}T=14+=2y$HSbnJs*i`1pKT@*zNh;n`zfnz2sdpN)i )?~43t80@ivg?9HlSpSbo5$`tVFh4lY?e*g1EdtWo;+u9iF8gEGlQg ztKG8?K9YLZ|B%cyHo#IeifXvh?iimeL2hrou7#y+Xfs-kb1PgY8g+g}C>8e}ORGE% z%@5zLgso7qgJ=9)Q*t|+FCjF2qUNY~?;TG60yNF#p3xN$W8Tx2GM%OC5#`fp)xg?a zrC5gtiz#+s7!!Gm9+Qv22v-@0jSneb+M2Dxn~js_*EJ#}4)CKLvT1Pp*BCB6buB~8 z>11GnaJ(!#jc@hLv3NaF?!Nv!VqDZX6BY5jU^SXCX#7(V5) $KhJ1Fe%32v4qsJ_|{)l_-sCmm&|cel{?~) z;$_&9ybHvcwtp(Vo7MjDqQBR3JOJe6nw2CIh(7yeVgr`YHaeq=4GB5nnL*dE(lxxd zuu$IL*Es=_<&F{&)+s0E(xH>o>cP%aT{$r%2sma6dz?Ne39xn7y8=Sw*$#JQ>WPE5 z2$BiCfhRbHhO^d!9=rsXswQHCu@#gRS2yyU>0)CH?l6M5FIXA7#Y|+F)>S0;_242E z!R#R(NpQa%2VP0puX~u)LfoJgQ&o! Hiqao1|)>frQjb-aX zlnrfO$8??#yob)rPqO{FHU~-h=bu~+doEYo$>LUCo9othLT5Wx6B!r#!}TWH3oHnI zMKnFo%~hY&=B1*5+#B;DPY_*|X 0|XT?+S`m@nv` z9$gvKzU8Epc^& {4NkFFx^*4(sB1x&yv*f?fP&wvsbW&yGTaE46lHgJca@EU!xG zUbtLpzpCG1z6iPJ@%p(+z=#9pS6jp;>Y|Xd!X)L%6f|8RnbRMt 3hy~Lp z7Tn)88xnq7(!nA`1`-?fh`M56AWJz1F-tUdHqh502Rwjh`X6EUX#V##5o-K}CZ zd%{ASXfLj|8IXqvhNE6nG;L{cztWiu!aN#L<`Td}XDX_b3UR;03n^xPzBWV_#G^n< zN}6WwoHkka8rtI&JJZfZ4N`plJxVq_HTn{DHH*;P(o(Bl=6*%Sopp!CJ%fzL$@wX& zq{% nq`e%wwL(%LU=zKy7SUSy@CSAMF^FtPRn&z%c^oOqlIDR_DQwO)2r-bA;2> zd_X&!24_kdb7vdrL_m0+Vq`IeTpoht$(IB?XP^zZ?-{1vJ?;iet`<9}@nD?dy|lDE zU}XcJc%n6=G>c_Q7hu}!Wuh;>)ko)MDjplG%Z$F-{u09l&zcNs$X*lBXIjFbVV@O} z6eH2LR1mHv+p9=wA%KMu;6FX;sz+{Ef}{!49%b#~_-y0J!${K(6j14BPgH9=BFAcI zSm&2{?p 3=!A+4( zP-l!3GazEaZb4sV$T&(AIdP`&+t4vrU(KmSuS+_4NSc*JsN&ZT3;818(oK^oAp22r zv8P@ugzFWLL>g2^7~|cLcma=$yTJudpT-Jvhsq<^?owoQnj;Z#3gU2wL|MLT!|c(x zd_SBLvFgtfpVxk85iP5new^33f1Zd-FGQNJ|HirTCxmGrHvT(99C?9gSL|Ivtq?gP ziDa}o=A|vtnXqeN=ICg77<#?ER=#ZvQ&9{z^2MU5F`qajN)Vo1TDKG3>&N>(J`5bE ziY^etR185Sz*biZ?^dnZIvI&=E67vY=8QQdC)t6mJrcd*6t_Gpns8&PnUBYnv*{6o z^l@`>BfGjLrmto&<#a+f9O8Iq*LPo%jxrdG&Pe_Q1Ir$DcaSOA$K(u(Ss+74Plt$d zi?`-5?1*`q38sJjVQqkQ2 8I`gL ww&$b!m2+2O)z+Sqb9Nlxufq@>#|H(k&T#*fk|MOY zp(9($Qf#~DFFewZ%Rqp9B<#as7rS> lx_x3^T*@G9}Wc `jlsYJeEqVGuY?XaCN}82fuL$``xt)UVAAxgk6+wt0kd$Adz4jvCv4pgo=QS3+m1 zib*1ExB8q;)F{Z^y%$wYHlOA;ofzgX#zxfn18qrKOiD&Cu_&CBB$~^8fo#@;T3vqv zk;JgaehE7LC=s&CIoYL4Tw(hJr??kIbi5~SlphjqF=&m0!3stV>V{;ZY!9wVMbTzZ z=>`IK9-M@AX}KOrt6n=?tBK7~eJCRv#Sf`qKmmd__L0v3f1g(ZZl5y$-jw?1v(W!j z-l4c5P{jY-7(7WtXbb{B^ncR8?Z$wIK@oTuLjQvX7w;beIG1Gif2R@*1pmpl{O=TK z0s4Q*!Enf5Pon=Uf;=lv1INYUN1j^%KwtWTmHuN>@o&9gq?QD6fLj4Fhe?Xe{W~#9 zBJ-f$mx`%J^+-*jqkk78a|q-McGTHU6P$!Zq+H14pM>%|gKoF0Fo1zTV%*i=jK32& zVK6ddLbtQbhpCA~gx$CKf6(tA;sE*g>AZlW(BATUga08#LUibD-h9I1@_EQ@TX9ov z^Zy_?;cZ4v$axMsP*W1=A}RQm@i)N%u4v@hqt}HvY;S&2;s?Y3QvnPFg8^_1Lc1Tg z7ll4$kgNCa!nX(%3 U~ztsal5QzWK08xU2Z&|oKOt){S z^vIU~2mQg(!9@J#BR>3x82o!o0)Xbf4ng4lM_&MF(1PDZbU?pd0Q8gpVd2lLOyZyD z|FU=Fx(_oRawX?>&pL7o$RDi-;Q=( 2|+&i9iqd} z iGX(xG>wWqrJp|FU~DN;wr|KtOv*^)PT)+G(5X&=M%3Qcm(2~J_m>B{%J9fkA7 z@}aMX9_~xpacm6o1noLfuo1mxYunU9YtA VOFB&X(bOz>f~sov33c6Z%P_uI zVX%`OcRBhX=o1u8x>}9dNmy3IG~hsEO|@6W;ykU%GLU99XLpm?!M;zPAjLCK*xQB0 zg#D%BMa8;Ll%OHA7H`~{{o~dx6&cezIMDA;AAM6%QBh_lH#Rn^VS2y`iQK>Uw1RY& zGWYo_Y<|?kXAT;Lr$%mtHP&J6*QJiERm0uW=~Sf0gmI;Nb+5uQk3$={cFJGLu{^kN zLPnes8F4TGgFum+ZT=PU-z#lWnpzgg9wAA{a5wZE{k2~R_Y%?W^ 4`*5D(>4 z7P`4A459F9YAjtaRv~tA-#6^W-!D fKb8=YD~KV fD4Hi<~T5YBXA!!UkO_8QJxPutVb^EPvjit3JE_;PLrbyinU7DYaVIn z>FMcHQ})APmWnHz8>hFkj+{=ag2gS5{}34Y$SNA9*WKcL$71T8)@Q;v11*!H;V1#Y&_ z3GR8l-d_DQkY~{x`s|?W5wbQGf`slEnxb9})sG>SDj9U7QTOKrm*a~IB_IBb66#}C z$Nn6)|AnX4&izLjjZIDBy5r>or>gtg!IRB6^#@S@fYUp#049T!!oK_QC?v0UFEph> z9*KT=#ocySoHFYz7fYxMe4(tTGMy|pzRs`q!_6C?q*}atGR=nTWwWa1X4bD_%fFyL zw3lSUk?_0EagI5rik0x-n^&Tw3qNU3?h9w7Of&YrJG_RL2`=n-{NFMi(P!R+#lCD- ztXw6AsbxmQ?@O-tu;fU&buX=VmzV ZzIyh+pL);p1FF69WNmyiBP=bl6v_b&SvYcbwlx~ wnS5?O)g-sFJ`5*$laI^#R^0|v&`n}OMc?`xl7LVA& zX7xJM{{X#P2NlY4_i%b65w0M8q8tPnLeMZ_B1H_fVj)`^hVkd#Qq*4kgb0%0{luI$ z2s(@SCRsn #brB`y$-un3_=iGrp2`d6;=?HAT6LTM4vBN(|5Z030n z9S78u+TAp4P9{90OSl>ELQ}5RsC7$-qK10}>eX|L(T{;_Mp1SwPi(oUM~MPIV5gxs zt71cZbj{ZXd-IPpA~gayvs@#v-W{SYZI4iC3Uz!GW&)xcL_l_{Vyxk|qY-+T+C7|8 zbQ}#?H0e!O2SzF(tt~vCi28uh3yt~< *8;;w4qB}AC-KI^NOgb)fK%4wXw{sAnM zQgPt%C0Z@szVX`*XgYE<4h!YqI4QSC9f^`}ss+#8;VXtkA8;};3Pwar5rYHhq}-tJ zA ^K-Y%Jj)|#n@7J<8yLo$tWbI~jH;ounesMr^ueZxXad$f===Pk z$iz8LE`ihM%uD9UdG7|SNacRjX2ZDjM^wBPE-x(K*HC4c?@ya+EcH?go|17JJi;-` zZ+LRTXHm9u`@VfKdBDRaAe~=+4sJviVy3{L^4t*>kOpfRO80Vp^)X;v(3xl% Vh}N0>L86ZzY5!1do1U#10x zC=dGEc#)#pKZaN4GT(E&1-_LR5tZl`uxc5bHXD_)MAOiwHUWu9`VFEwz-LRn?)Vq6 zhshH$h|mF>G9IUw%6K7sBvJ@8n+#*6LYvAKt771XXVTQQRG#-e@iVz0>{I3Q6u{)K zd)lyY*s$SUNx^ePw(tRId$&g)G`5|-F>c#%T86tqmqzl-DO?$y Gv4RHUl8=9LV;I-Gl|o|X^rpHhnTZ|%=Q!_;IlWPo%j~)z?L=%yhsA( z12VJ#)m_9GsnCcA+(&s<$1RT&Mp9)B1&bTeCBzcagW2Y4ESG!0;9>6Y;4jyu4qiG^ z#Ys^|yHmAXz&^arH_odCiwiaTgmSApT}43=8G%><3pN^sr55-qfB*#z2r}{+%L`r; z)tgO+v%st$_k6%BW*N{v;~4o+t|RVxP&2vm54=omh1=$Ti=eZPO^X)_YZ>qOhYAF% zcnZFjS{KHXB0NVj0b>r3(6FrEja0t4aJr`hW6K)(p%`0r`2oahUyx6wWIx`FXkX?p znR;o^QY>6lBO+RyxIr|kT?Wu>5h5uFsFgwcs-~$f?j5)c 9K{YE9 zec2aDO3Pu=4(|{7VTK5nd35(+vBaELr61| lMLpSmIc?t^x*PyAQ7~{W{m{1L@gD*ZI(& zGmRUn`->Jaa9;xW7Yl>9hgtOU!)@{={l^1w`=_N;Kl|$!)Bt%m2}OnSe%@GZK8yPz zF-@W+^sz6cj1iPzII&9EErDm!%djTqX8k+;`F8D{Vft`0{`6XUQG;TKvwpk;{%g38 z(C{DuZB;ch+*hT>+#U7O@ONPM%PHH5ouErVo;e5Y7Vo5pt+AuD`E HVwTluZQO#duR(piNR;&7Ejf5QTktT&+OnN>Lq!;3na5lmZr5$t^ z>=W*5gAa7XQhAiqH0Bdw R$RSR~%SFwk@4K|W7QqW6}wE=!B$I5;@5#lehY ziH-*YfxyNwi!_aC7DV +saHc@@f?yGx5*T(bRDn=cYV5i z%1vBVXy&L*Yo?+nf$+GoO$92?0D;f{0LLM)q$Bmu5sn5p92BSvM+sW!w|Lp?kAN|b zB{?#gsi)C^aQ4D1MAY;Qk=3Sqs%8A8X$MAmB`nD$+(pHV8QJc(|ha(kRt@80F*~ za@F%T+I`bW#8SKU+yar262xGgBSzPQVAsH7fsO_-GE$8Jn)U{3D=>7l+Os3=fN6Ry zIWf~NV%Oi_HbybTV~MV_4ouecIQ#y3{t_r h^@_igc$jb-mXFW@`)Ol=&{6R~_p z7YZsj@j-Tc2nZ}-Sjhc~sK*l=3~(@T?K+OPd3XVtLt+$<1{?9M$Hx(l8?ivqfiTTJ zfA9zMpGYd~KZd7|mhjucgFjvs)F4-Yyc{138D(yly3fKG#o%Hwz{dj?^c{5gNOV*f z;A7w{1;HM~*zX+@A7ab4nVb1PFwln?sQP1@daa7SSc(RrpjQtBVZxS{G7bi-u#azA zqpf^r78=m+wV*iUcn+JCy!H$ge|S0u)reS*=km0Rv_M+1plfCQj;|r`jsr4sHd;b$nz78evHU`x zeX)CyT0H_hP7i>(;-oCZO%fS)1Ly(bLg6 5T~@;k(|uxj1-v5asrz{WB0 zar8YB39<+x?;nc;AeI~IF&s9dAlO^kErg}B%>!Y&SjI8<1K U`b*08#zfKBDx#@YtvF+aLFj-23%H(~t5F@joy3Ms$eQtBhk9 zS=3Hcx!xNw?fYWi!QTUi)*OFrcc0F_vv0n|57>w5d^hpkj=xh@_aZAN1=fXc3VFv8 z?YL;pdv~3Le? |`rKoJk_~%ik;{^(}7oS2zyW zf{%|o`FsBWh9^~=bU~A!!ZE;;gD+-uVaR(HA!2%AY| ;3Z^@!Kiz{5ELGUlbTv2xZ|MfAHxlzO(Te CvB+}|-T;D2v=F^qo)o~T@Qxd%${3n~F^gDz*K5vQFEu6!*K`W}E9iHg|#7_7f; zUxWR<=*RHP!2^4-B6MY W(+Hps{yx9|**=PrX8-^I literal 0 HcmV?d00001