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

View File

@ -4,7 +4,6 @@ import GradientText from './GradientText'
const ContentSectionAbout = () => {
return (
<>
<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">
{/* Section 1
@ -144,10 +143,10 @@ const ContentSectionAbout = () => {
Capitalize the Insurance Fund
</h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
The Mango protocol relies on lenders to provide capital for
the others to use for trading and borrowing. The capital in
the Insurance Fund will be used to compensate lenders in the
unlikely event they incur losses.
The Mango protocol relies on lenders to provide capital
for the others to use for trading and borrowing. The
capital in the Insurance Fund will be used to compensate
lenders in the unlikely event they incur losses.
</p>
</div>
<div className="lg:col-span-1">
@ -155,10 +154,10 @@ const ContentSectionAbout = () => {
Govern the Mango DAO
</h2>
<p className="mb-8 text-base text-white text-opacity-70 leading-relaxed">
MNGO tokens represent a direct stake in the Mango DAO. The
future direction of the Mango Protocol will be decided by
voting on proposals using MNGO tokens as the voting
mechanism.
MNGO tokens represent a direct stake in the Mango DAO.
The future direction of the Mango Protocol will be
decided by voting on proposals using MNGO tokens as the
voting mechanism.
</p>
</div>
<div className="lg:col-span-1">
@ -174,7 +173,9 @@ const ContentSectionAbout = () => {
</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>
<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">
@ -226,8 +227,9 @@ const ContentSectionAbout = () => {
Insurance Fund
</p>
<p className="text-white text-opacity-70">
5% of MNGO tokens will be used to capitalize the Insurance
Fund that will protect lenders in the Mango Protocol.
5% of MNGO tokens will be used to capitalize the
Insurance Fund that will protect lenders in the Mango
Protocol.
</p>
</div>
<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
</p>
<p className="text-white text-opacity-70">
5% will be distributed to the team and early contributors.
These tokens are unlocked.
5% will be distributed to the team and early
contributors. These tokens are unlocked.
</p>
</div>
</div>

View File

@ -1,9 +1,7 @@
const ContentSectionLead = () => {
return (
<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">
{/* Section 2 */}
<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">

View File

@ -3,7 +3,7 @@
const ContentSectionRisks = () => {
return (
<>
{/* Section 3 */}
{/* Section 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-4xl mx-auto text-center pb-16">
@ -24,10 +24,13 @@ const ContentSectionRisks = () => {
</h3>
<div>
<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 />
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>
</div>
</div>
@ -36,22 +39,27 @@ const ContentSectionRisks = () => {
New token sale mechanism
</h3>
<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.
However, there is a mechanism by which one or more participants with large amounts of capital could
discourage others from participating in the token sale.
The Mango token sale was designed with the goal of being as fair
as possible to all participants. However, there is a mechanism
by which one or more participants with large amounts of capital
could discourage others from participating in the token sale.
<br />
<br />
During the deposit phase, these participants
could deposit very large amounts of USDC. This would drive up the average price of the token and
potentially discourage others from participating in the sale.
<br />
<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.
During the deposit phase, these participants could deposit very
large amounts of USDC. This would drive up the average price of
the token and potentially discourage others from participating
in the sale.
<br />
<br />
Therefore, all participants should be aware of this potential behaviour during the sale and
make their best decisions accordingly.
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 />
Therefore, all participants should be aware of this potential
behaviour during the sale and make their best decisions
accordingly.
</p>
</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">
@ -59,10 +67,17 @@ const ContentSectionRisks = () => {
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.
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.
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 />
{/*

View File

@ -12,7 +12,8 @@ const HeroSection = () => {
Claim your stake in the <GradientText>Mango DAO</GradientText>.
</h2>
<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>
</div>
<div className="mb-16 flex lg:flex-row md:flex-row lg:justify-center md:justify-center sm:justify-center">

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.'
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'
const baseUrl = 'https://deploy-preview-6--mango-token-sale.netlify.app'
const baseUrl = 'https://mango-token-sale.netlify.app'
return (
<>

View File

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