blockworks-foundation
/
mango-token-sale
mirror of https://github.com/blockworks-foundation/mango-token-sale.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #6 from blockworks-foundation/new-branch 

Share meta tags
This commit is contained in:
Maximilian Schneider 2021-07-28 09:49:54 +02:00 committed by GitHub
parent 42e06b31ca 48d89fa22b
commit 4bdf85bdd3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 201 additions and 185 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
components/ContentSectionAbout.tsx
View File

@ -4,7 +4,6 @@ import GradientText from './GradientText'
const ContentSectionAbout = () => { const ContentSectionAbout = () => {
return ( return (
<> <>
<div className="bg-bkg-2 transform -skew-y-3 pt-16 pb-16 mb-16 -mt-32 z-0"> <div className="bg-bkg-2 transform -skew-y-3 pt-16 pb-16 mb-16 -mt-32 z-0">
<div className="max-w-7xl mx-auto px-8 pt-24 pb-16 transform skew-y-3"> <div className="max-w-7xl mx-auto px-8 pt-24 pb-16 transform skew-y-3">
{/* Section 1 {/* Section 1
@ -144,10 +143,10 @@ const ContentSectionAbout = () => {
Capitalize the Insurance Fund Capitalize the Insurance Fund
</h2> </h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed"> <p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
The Mango protocol relies on lenders to provide capital for The Mango protocol relies on lenders to provide capital
the others to use for trading and borrowing. The capital in for the others to use for trading and borrowing. The
the Insurance Fund will be used to compensate lenders in the capital in the Insurance Fund will be used to compensate
unlikely event they incur losses. lenders in the unlikely event they incur losses.
</p> </p>
</div> </div>
<div className="lg:col-span-1"> <div className="lg:col-span-1">
@ -155,10 +154,10 @@ const ContentSectionAbout = () => {
Govern the Mango DAO Govern the Mango DAO
</h2> </h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed"> <p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
MNGO tokens represent a direct stake in the Mango DAO. The MNGO tokens represent a direct stake in the Mango DAO.
future direction of the Mango Protocol will be decided by The future direction of the Mango Protocol will be
voting on proposals using MNGO tokens as the voting decided by voting on proposals using MNGO tokens as the
mechanism. voting mechanism.
</p> </p>
</div> </div>
<div className="lg:col-span-1"> <div className="lg:col-span-1">
@ -174,7 +173,9 @@ const ContentSectionAbout = () => {
</div> </div>
</div> </div>
<div className="mt-10 py-5 px-5 bg-bkg-3 border border-bkg-4 shadow-md rounded-xl"> <div className="mt-10 py-5 px-5 bg-bkg-3 border border-bkg-4 shadow-md rounded-xl">
<h3 className="font-bold text-xl my-2">Token distribution</h3> <h3 className="font-bold text-xl my-2">
Token distribution
</h3>
<div className="grid grid-cols-12 mt-4 py-1 px-1 rounded-md shadow-md bg-mango-med-dark"> <div className="grid grid-cols-12 mt-4 py-1 px-1 rounded-md shadow-md bg-mango-med-dark">
<div className="col-span-10 bg-mango-green text-center rounded-l-sm py-1"> <div className="col-span-10 bg-mango-green text-center rounded-l-sm py-1">
@ -226,8 +227,9 @@ const ContentSectionAbout = () => {
Insurance Fund Insurance Fund
</p> </p>
<p className="text-white text-opacity-70"> <p className="text-white text-opacity-70">
5% of MNGO tokens will be used to capitalize the Insurance 5% of MNGO tokens will be used to capitalize the
Fund that will protect lenders in the Mango Protocol. Insurance Fund that will protect lenders in the Mango
Protocol.
</p> </p>
</div> </div>
<div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1"> <div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1">
@ -235,8 +237,8 @@ const ContentSectionAbout = () => {
Contributor tokens Contributor tokens
</p> </p>
<p className="text-white text-opacity-70"> <p className="text-white text-opacity-70">
5% will be distributed to the team and early contributors. 5% will be distributed to the team and early
These tokens are unlocked. contributors. These tokens are unlocked.
</p> </p>
</div> </div>
</div> </div>

2
components/ContentSectionLead.tsx
View File

@ -1,9 +1,7 @@
const ContentSectionLead = () => { const ContentSectionLead = () => {
return ( return (
<div className="bg-bkg-2 transform -skew-y-3 pt-12 pb-16 mb-16 -mt-32 z-0"> <div className="bg-bkg-2 transform -skew-y-3 pt-12 pb-16 mb-16 -mt-32 z-0">
<div className="max-w-7xl mx-auto px-4 py-40 transform skew-y-3"> <div className="max-w-7xl mx-auto px-4 py-40 transform skew-y-3">
{/* Section 2 */} {/* Section 2 */}
<div className="max-w-4xl mb-12 mx-auto text-center"> <div className="max-w-4xl mb-12 mx-auto text-center">
<h2 className="mb-8 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading"> <h2 className="mb-8 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">

49
components/ContentSectionRisks.tsx
View File

@ -24,34 +24,42 @@ const ContentSectionRisks = () => {
</h3> </h3>
<div> <div>
<p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2"> <p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2">
We take great care and forethought in the way we design our smart contracts. We make their source code publicly accessible in order to get peer reviewed by as many experts possible. We take great care and forethought in the way we design our
smart contracts. We make their source code publicly accessible
in order to get peer reviewed by as many experts possible.
<br /> <br />
<br /> <br />
Still we cannot guarantee that our products are free of exploits, when we launch. Still we cannot guarantee that our products are free of
exploits, when we launch.
</p> </p>
</div> </div>
</div> </div>
<div className="col-span-1 md:col-span-4 lg:col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md bg-risk-three bg-contain bg-right-bottom bg-no-repeat"> <div className="col-span-1 md:col-span-4 lg:col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md bg-risk-four md:bg-risk-three lg:bg-risk-three bg-contain bg-right-bottom bg-no-repeat">
<h3 className="text-white font-semibold text-xl tracking-wide my-2"> <h3 className="text-white font-semibold text-xl tracking-wide my-2">
New token sale mechanism New token sale mechanism
</h3> </h3>
<p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2"> <p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2">
The Mango token sale was designed with the goal of being as fair as possible to all participants. The Mango token sale was designed with the goal of being as fair
However, there is a mechanism by which one or more participants with large amounts of capital could as possible to all participants. However, there is a mechanism
discourage others from participating in the token sale. by which one or more participants with large amounts of capital
could discourage others from participating in the token sale.
<br /> <br />
<br /> <br />
During the deposit phase, these participants During the deposit phase, these participants could deposit very
could deposit very large amounts of USDC. This would drive up the average price of the token and large amounts of USDC. This would drive up the average price of
potentially discourage others from participating in the sale. the token and potentially discourage others from participating
<br /> in the sale.
<br />Then, during the last minute
of the withdrawal phase, these large participants could withdraw much of their USDC, thus
receiving a much lower average price, depending on how successful they were at discouraging others.
<br /> <br />
<br /> <br />
Therefore, all participants should be aware of this potential behaviour during the sale and Then, during the last minute of the withdrawal phase, these
make their best decisions accordingly. large participants could withdraw much of their USDC, thus
receiving a much lower average price, depending on how
successful they were at discouraging others.
<br />
<br />
Therefore, all participants should be aware of this potential
behaviour during the sale and make their best decisions
accordingly.
</p> </p>
</div> </div>
<div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md"> <div className="col-span-1 md:col-span-3 lg:col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
@ -59,10 +67,17 @@ const ContentSectionRisks = () => {
Inlationary Tokenomics Inlationary Tokenomics
</h3> </h3>
<p className="text-white text-opacity-70 text-base"> <p className="text-white text-opacity-70 text-base">
Mango will be running its own on-chain order books to allow perpetual swap trading. In order to attract sophisticed traders with the technical expertise to become market makers, the protocol will need to provide very generous liquidity mining rewards. Mango will be running its own on-chain order books to allow
perpetual swap trading. In order to attract sophisticed traders
with the technical expertise to become market makers, the
protocol will need to provide very generous liquidity mining
rewards.
<br /> <br />
<br /> <br />
We were inspired from bitcoins emission schedule in our design, but the mechanism is genuinely unproven in this context and potentially could be exploited. Even if it operates correctly, distributing MNGO from the DAO will be inflationary. We were inspired from bitcoins emission schedule in our design,
but the mechanism is genuinely unproven in this context and
potentially could be exploited. Even if it operates correctly,
distributing MNGO from the DAO will be inflationary.
<br /> <br />
<br /> <br />
{/* {/*

3
components/HeroSection.tsx
View File

@ -12,7 +12,8 @@ const HeroSection = () => {
Claim your stake in the <GradientText>Mango DAO</GradientText>. Claim your stake in the <GradientText>Mango DAO</GradientText>.
</h2> </h2>
<p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70"> <p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-70">
Join us in building Mango, the protocol for permissionless leverage trading &amp; lending. Join us in building Mango, the protocol for permissionless
leverage trading &amp; lending.
</p> </p>
</div> </div>
<div className="mb-16 flex lg:flex-row md:flex-row lg:justify-center md:justify-center sm:justify-center"> <div className="mb-16 flex lg:flex-row md:flex-row lg:justify-center md:justify-center sm:justify-center">

2
components/HeroSectionLead.tsx
View File

@ -10,7 +10,7 @@ const HeroSectionLead = () => {
<div className="relative pt-16 md:pt-32 pb-2"> <div className="relative pt-16 md:pt-32 pb-2">
<div className="max-w-2xl mb-16 mx-auto text-left md:text-center lg:text-center"> <div className="max-w-2xl mb-16 mx-auto text-left md:text-center lg:text-center">
<h2 className="mb-8 text-7xl text-white font-bold font-heading"> <h2 className="mb-8 text-7xl text-white font-bold font-heading">
<GradientText>Wen</GradientText> Token? <GradientText>WEN</GradientText> TOKEN?
</h2> </h2>
<p className="mb-8 text-7xl">{startIdo?.fromNow()}</p> <p className="mb-8 text-7xl">{startIdo?.fromNow()}</p>
</div> </div>

16
pages/_app.tsx
View File

@ -8,9 +8,10 @@ function App({ Component, pageProps }) {
const title = 'Mango Markets' const title = 'Mango Markets'
const description = const description =
'Mango Markets - Decentralised, cross-margin trading up to 5x leverage with lightning speed and near-zero fees powered by Serum.' 'Claim your stake in the Mango DAO. Join us in building Mango, the protocol for permissionless leverage trading & lending.'
const keywords = const keywords =
'Mango Markets, Serum, SRM, Serum DEX, DEFI, Decentralized Finance, Decentralised Finance, Crypto, ERC20, Ethereum, Decentralize, Solana, SOL, SPL, Cross-Chain, Trading, Fastest, Fast, SerumBTC, SerumUSD, SRM Tokens, SPL Tokens' 'Mango Markets, Serum, SRM, Serum DEX, DEFI, Decentralized Finance, Decentralised Finance, Crypto, ERC20, Ethereum, Decentralize, Solana, SOL, SPL, Cross-Chain, Trading, Fastest, Fast, SerumBTC, SerumUSD, SRM Tokens, SPL Tokens'
const baseUrl = 'https://mango-token-sale.netlify.app'
return ( return (
<> <>
@ -26,14 +27,15 @@ function App({ Component, pageProps }) {
<meta name="keywords" content={keywords} /> <meta name="keywords" content={keywords} />
<meta name="description" content={description} /> <meta name="description" content={description} />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<meta name="msapplication-TileColor" content="#da532c" /> <meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#ffffff" /> <meta name="theme-color" content="#ffffff" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Mango Markets" />
<meta name="twitter:description" content={description} />
<meta name="twitter:image" content="/twitter-image.png" />
{/* <link rel="manifest" href="/manifest.json"></link> */} <meta property="og:type" content="website" />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content={`${baseUrl}/preview.jpg`} />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@mangomarkets" />
</Head> </Head>
<ThemeProvider defaultTheme="Mango"> <ThemeProvider defaultTheme="Mango">
<Component {...pageProps} /> <Component {...pageProps} />

BIN
public/img/risk4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
public/preview.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 740 KiB

4
tailwind.config.js
View File

@ -22,13 +22,11 @@ module.exports = {
'risk-two': "url('../public/img/risk2.png')", 'risk-two': "url('../public/img/risk2.png')",
'risk-three': "url('../public/img/risk3.png')", 'risk-three': "url('../public/img/risk3.png')",
'risk-four': "url('../public/img/risk4.png')", 'risk-four': "url('../public/img/risk4.png')",
}), }),
height: { height: {
575: '575px', 550: '550px',
650: '650px', 650: '650px',
750: '750px', 750: '750px',
}, },
cursor: { cursor: {
help: 'help', help: 'help',