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

format all & set prod base url

This commit is contained in:
Maximilian Schneider 2021-07-28 09:39:59 +02:00
parent c4e634eede
commit 48d89fa22b
8 changed files with 191 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

208
components/ContentSectionAbout.tsx
View File

@ -4,10 +4,9 @@ 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
<div className="max-w-5xl mx-auto text-center"> <div className="max-w-5xl 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">
It is still the early days. It is still the early days.
@ -125,92 +124,94 @@ const ContentSectionAbout = () => {
</div> </div>
</div> </div>
*/} */}
<div className="py-16 "> <div className="py-16 ">
<div className="mb-16 max-w-4xl mx-auto text-center"> <div className="mb-16 max-w-4xl mx-auto text-center">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading"> <h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
Why release <GradientText>MNGO</GradientText> token? Why release <GradientText>MNGO</GradientText> token?
</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">
The MNGO token in its inception will serve 3 primary purposes. The MNGO token in its inception will serve 3 primary purposes.
</p> </p>
</div> </div>
<div className="overflow-hidden"> <div className="overflow-hidden">
<div className="max-w-max lg:max-w-6xl mx-auto"> <div className="max-w-max lg:max-w-6xl mx-auto">
<div className="relative"> <div className="relative">
<div className="lg:grid lg:grid-cols-3 lg:gap-6"> <div className="lg:grid lg:grid-cols-3 lg:gap-6">
<div className="lg:col-span-1"> <div className="lg:col-span-1">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading"> <h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
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">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading"> <h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
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">
<h2 className="text-2xl mb-4 leading-tight font-semibold font-heading"> <h2 className="text-2xl mb-4 leading-tight font-semibold font-heading">
Incentivize liquidity Incentivize liquidity
</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">
Bootstrapping liquidity is important in a new trading Bootstrapping liquidity is important in a new trading
system. Incentivizing market makers to provide it on our system. Incentivizing market makers to provide it on our
order books with MNGO tokens will benefit the protocol order books with MNGO tokens will benefit the protocol
and its participants. and its participants.
</p> </p>
</div> </div>
</div>
<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>
<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">
<span className="text-xs px-1 font-bold text-white">
90%
</span>
</div> </div>
{/* <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>
<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">
<span className="text-xs px-1 font-bold text-white">
90%
</span>
</div>
{/*
<div className="col-span-2 bg-mango-yellow text-center py-1"> <div className="col-span-2 bg-mango-yellow text-center py-1">
<span className="text-xs px-1 font-bold text-white"> <span className="text-xs px-1 font-bold text-white">
10% 10%
</span> </span>
</div> </div>
*/} */}
<div className="col-span-1 bg-mango-red text-center py-1"> <div className="col-span-1 bg-mango-red text-center py-1">
<span className="text-xs px-1 font-bold text-white"> <span className="text-xs px-1 font-bold text-white">
5% 5%
</span> </span>
</div> </div>
<div className="col-span-1 bg-blue-400 text-center rounded-r-sm py-1"> <div className="col-span-1 bg-blue-400 text-center rounded-r-sm py-1">
<span className="text-xs px-1 font-bold text-white"> <span className="text-xs px-1 font-bold text-white">
5% 5%
</span> </span>
</div> </div>
</div> </div>
<div className="grid grid-cols-3 mt-4"> <div className="grid grid-cols-3 mt-4">
<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">
<p className="text-mango-green font-bold text-base my-2"> <p className="text-mango-green font-bold text-base my-2">
Mango DAO Mango DAO
</p> </p>
<p className="text-white text-opacity-70"> <p className="text-white text-opacity-70">
90% of MNGO tokens will be locked in a smart contract, 90% of MNGO tokens will be locked in a smart contract,
only accessible via DAO governance votes. only accessible via DAO governance votes.
</p> </p>
</div> </div>
{/* {/*
<div className="col-span-2 md:col-span-2 lg:col-span-1 m-1 p-1"> <div className="col-span-2 md:col-span-2 lg:col-span-1 m-1 p-1">
<p className="text-mango-yellow font-bold text-base my-2"> <p className="text-mango-yellow font-bold text-base my-2">
Liquidity incentives Liquidity incentives
@ -221,33 +222,34 @@ const ContentSectionAbout = () => {
</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">
<p className="text-mango-red font-bold text-base my-2"> <p className="text-mango-red font-bold text-base my-2">
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
</p> Protocol.
</div> </p>
<div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1"> </div>
<p className="text-blue-400 font-bold text-base my-2"> <div className="col-span-3 md:col-span-1 lg:col-span-1 m-1 p-1">
Contributor tokens <p className="text-blue-400 font-bold text-base my-2">
</p> Contributor tokens
<p className="text-white text-opacity-70"> </p>
5% will be distributed to the team and early contributors. <p className="text-white text-opacity-70">
These tokens are unlocked. 5% will be distributed to the team and early
</p> contributors. These tokens are unlocked.
</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</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">

141
components/ContentSectionRisks.tsx
View File

@ -3,79 +3,94 @@
const ContentSectionRisks = () => { const ContentSectionRisks = () => {
return ( return (
<> <>
{/* Section 3 */} {/* Section 3 */}
<div className="bg-bkg-2 transform -skew-y-3"> <div className="bg-bkg-2 transform -skew-y-3">
<div className="max-w-7xl mx-auto px-8 py-32 transform skew-y-3"> <div className="max-w-7xl mx-auto px-8 py-32 transform skew-y-3">
<div className="max-w-4xl mx-auto text-center pb-16"> <div className="max-w-4xl mx-auto text-center pb-16">
<h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading"> <h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
Transparency builds trust. Transparency builds trust.
</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">
There are risks in participating in the token sale. It&apos;s There are risks in participating in the token sale. It&apos;s
important you understand them before deciding to commit your important you understand them before deciding to commit your
funds. funds.
</p> </p>
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-7 lg:grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto"> <div className="grid grid-cols-1 md:grid-cols-7 lg:grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
<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 bg-risk-two md:bg-risk-one lg:bg-risk-one bg-contain bg-right-bottom bg-no-repeat"> <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 bg-risk-two md:bg-risk-one lg:bg-risk-one 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">
Unaudited smart contracts Unaudited smart contracts
</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
<br /> smart contracts. We make their source code publicly accessible
<br /> in order to get peer reviewed by as many experts possible.
Still we cannot guarantee that our products are free of exploits, when we launch. <br />
</p> <br />
</div> Still we cannot guarantee that our products are free of
</div> exploits, when we launch.
<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"> </p>
<h3 className="text-white font-semibold text-xl tracking-wide my-2"> </div>
New token sale mechanism </div>
</h3> <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">
<p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2"> <h3 className="text-white font-semibold text-xl tracking-wide my-2">
The Mango token sale was designed with the goal of being as fair as possible to all participants. New token sale mechanism
However, there is a mechanism by which one or more participants with large amounts of capital could </h3>
discourage others from participating in the token sale. <p className="text-white text-opacity-70 text-base w-full md:w-1/2 lg:w-1/2">
<br /> The Mango token sale was designed with the goal of being as fair
<br /> as possible to all participants. However, there is a mechanism
During the deposit phase, these participants by which one or more participants with large amounts of capital
could deposit very large amounts of USDC. This would drive up the average price of the token and could discourage others from participating in the token sale.
potentially discourage others from participating in the sale. <br />
<br /> <br />
<br />Then, during the last minute During the deposit phase, these participants could deposit very
of the withdrawal phase, these large participants could withdraw much of their USDC, thus large amounts of USDC. This would drive up the average price of
receiving a much lower average price, depending on how successful they were at discouraging others. the token and potentially discourage others from participating
<br /> in the sale.
<br /> <br />
Therefore, all participants should be aware of this potential behaviour during the sale and <br />
make their best decisions accordingly. Then, during the last minute of the withdrawal phase, these
</p> large participants could withdraw much of their USDC, thus
</div> receiving a much lower average price, depending on how
<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"> successful they were at discouraging others.
<h3 className="text-white font-semibold text-xl tracking-wide my-2"> <br />
Inlationary Tokenomics <br />
</h3> Therefore, all participants should be aware of this potential
<p className="text-white text-opacity-70 text-base"> behaviour during the sale and make their best decisions
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. accordingly.
<br /> </p>
<br /> </div>
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. <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">
<br /> <h3 className="text-white font-semibold text-xl tracking-wide my-2">
<br /> Inlationary Tokenomics
{/* </h3>
<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.
<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.
<br />
<br />
{/*
<a rel="noreferrer" target="_blank" href="https://docs.mango.markets/mango-v3/liquidity-incentives"> <a rel="noreferrer" target="_blank" href="https://docs.mango.markets/mango-v3/liquidity-incentives">
<LinkLeft>Learn about it in the docs</LinkLeft> <LinkLeft>Learn about it in the docs</LinkLeft>
</a> </a>
*/} */}
</p> </p>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
</> </>
) )
} }

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">

6
components/StatsModal.tsx
View File

@ -67,9 +67,9 @@ const StatsModal = () => {
<div className="font-bold text-fgd-1 text-xl"> <div className="font-bold text-fgd-1 text-xl">
{vaults.mangoBalance} {vaults.mangoBalance}
</div> </div>
</div> </div>
{/* <p> {/* <p>
Start: {startIdo?.fromNow()} ({startIdo?.format()}) Start: {startIdo?.fromNow()} ({startIdo?.format()})
</p> </p>
<p> <p>
@ -80,7 +80,7 @@ const StatsModal = () => {
</p> </p>
<p>Current USDC in Pool: {vaults.usdc?.balance || 'N/A'}</p> <p>Current USDC in Pool: {vaults.usdc?.balance || 'N/A'}</p>
<p>Locked MNGO in Pool: {vaults.mango?.balance || 'N/A'}</p> */} <p>Locked MNGO in Pool: {vaults.mango?.balance || 'N/A'}</p> */}
</div> </div>
</div> </div>
</> </>
) )

2
pages/_app.tsx
View File

@ -11,7 +11,7 @@ function App({ Component, pageProps }) {
'Claim your stake in the Mango DAO. Join us in building Mango, the protocol for permissionless leverage trading & lending.' '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://deploy-preview-6--mango-token-sale.netlify.app' const baseUrl = 'https://mango-token-sale.netlify.app'
return ( return (
<> <>

4
stores/useWalletStore.tsx
View File

@ -38,9 +38,9 @@ export const ENDPOINTS: EndpointInfo[] = [
programId: 'CRU6hX2GgtdabESgkoMswMrUdRFxHhCVYmS292VN1Nnn', // owned by governance programId: 'CRU6hX2GgtdabESgkoMswMrUdRFxHhCVYmS292VN1Nnn', // owned by governance
//poolKey: 'GvSyVjGwLBeWdURMLDmSffQPqA8g547A6TURbbBnDpa4', // governance test //poolKey: 'GvSyVjGwLBeWdURMLDmSffQPqA8g547A6TURbbBnDpa4', // governance test
// poolKey: '82ndgp58GXpwuLrEc9svHFdhiEsPaZoNUEWwgc79WHqk', // already over // poolKey: '82ndgp58GXpwuLrEc9svHFdhiEsPaZoNUEWwgc79WHqk', // already over
poolKey: '5heMyYtJK1Us9Hx2w6s5rLDNj8RufeyCR1ZUJAVFLQL7', // long deposits poolKey: '5heMyYtJK1Us9Hx2w6s5rLDNj8RufeyCR1ZUJAVFLQL7', // long deposits
// poolKey: '7Dr2Ksnz5evoT9mEUgvvkmirH8KDC99b5oVPHbqSpx4K', // short deposit // poolKey: '7Dr2Ksnz5evoT9mEUgvvkmirH8KDC99b5oVPHbqSpx4K', // short deposit
//poolKey: 'CdKyD4Qazo72Bm6SsPBWrT1AnH1NEuoUzvQg7b67EBac', // not started yet //poolKey: 'CdKyD4Qazo72Bm6SsPBWrT1AnH1NEuoUzvQg7b67EBac', // not started yet
}, },
{ {
name: 'localnet', name: 'localnet',

2
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: {
550: '550px', 550: '550px',
650: '650px', 650: '650px',
750: '750px', 750: '750px',
}, },
cursor: { cursor: {
help: 'help', help: 'help',