adding risk content to content section

This commit is contained in:
steven 2021-07-25 15:42:57 -07:00
parent 13e907320b
commit ff2f26b1e1
7 changed files with 194 additions and 24 deletions

View File

@ -29,9 +29,8 @@ const ContentSection = () => {
</h2>
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
Mango is a decentralized autonomous organization. Its
purpose is to contribute maximum value for the defi
ecosystem and its developer community to create
commercially viable decentralized trading and lending
purpose is to improve the Mango protocol for the greater defi
ecosystem. We aim to create commercially viable decentralized trading and lending
products for traders.
</p>
@ -39,12 +38,15 @@ const ContentSection = () => {
Why the <GradientText>Insurance fund</GradientText>?
</h2>
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
Mango protocol is powered by lenders providing their
At its core the Mango protocol is powered by lenders providing their
capital for the community to use for trading and borrowing
purposes. The insurance fund is the last line of defense
for protecting our mango lenders.
for protecting our mango lenders in case the system fails.
</p>
</div>
</div>
<div className="mt-6 lg:mt-0">
<h2 className="text-2xl mb-6 leading-tight font-semibold font-heading">
@ -59,15 +61,15 @@ const ContentSection = () => {
Why the token?
</h2>
<p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
We believe that substantial rewards to a strong developer
community and liquidity incentives are the essential
drivers for growth and therefore the foundation of the
Mango DAO.
The introduction of the token gives contributing members of the DAO a chance to mold the future of the protocol. The token also helps bootstrap liquidity to the platform buy offering incentives to market makers and participants in the system.
<br />
<br />
The token is the foundation of the Mango DAO and will be a pivital building block in the future of the protocol.
</p>
{/*
{/*
<div className="flex flex-col">
<div className="flex-1 flex-row">
<div className="my-2">
<div className="flex-1 flex-row mt-4">
<div className="mt-4">
<svg
width="24"
height="26"
@ -87,11 +89,12 @@ const ContentSection = () => {
<h3>
Insurance Fund
</h3>
<p> The insurance fund protects lenders funds from over zealous traders and borrowers.
<p className="text-md text-white text-opacity-50">
The insurance fund protects lenders funds from over zealous traders and borrowers.
</p>
</div>
<div className="flex-1 flex-row ">
<div className="my-2">
<div className="flex-1 flex-row mt-4">
<div className="mt-4">
<svg
width="24"
height="21"
@ -135,12 +138,12 @@ const ContentSection = () => {
<h3 className="my-2">
Governance
</h3>
<p>
<p className="text-md text-white text-opacity-50">
The Mango DAO is a decetralized organization, protocol changes are contributor driven and DAO governed.
</p>
</div>
<div className="flex-1 flex-row">
<div className="my-2">
<div className="flex-1 flex-row mt-4">
<div className="mt-4">
<svg
width="24"
height="20"
@ -159,7 +162,7 @@ const ContentSection = () => {
<h3 className="my-2">
Liquidity Incentives
</h3>
<p>
<p className="text-md text-white text-opacity-50">
In order to bootstrap liquidity for our markets we have designed a system well aligned with liquidity providers needs
</p>
</div>
@ -176,6 +179,132 @@ const ContentSection = () => {
</p>
</div>
</div>
<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">
Current risks to DAO contributors.
</h2>
<p className="mb-8 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
We feel it important to detail the current risks to the system in order to give full transparency for participants in the insurance funds inception.
</p>
</div>
<div className="flex flex-row">
<div className="flex-1 flex-row mt-4">
<div className="mt-4">
<svg
width="24"
height="20"
viewBox="0 0 20 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path fillRule="evenodd" clipRule="evenodd" d="M3.70711 0.292893C3.31658 -0.0976311 2.68342 -0.0976311 2.29289 0.292893C1.90237 0.683418 1.90237 1.31658 2.29289 1.70711L16.2929 15.7071C16.6834 16.0976 17.3166 16.0976 17.7071 15.7071C18.0976 15.3166 18.0976 14.6834 17.7071 14.2929L16.2339 12.8197C17.7715 11.5924 18.939 9.9211 19.5424 7.99996C18.2681 3.94288 14.4778 1 10.0002 1C8.37665 1 6.84344 1.38692 5.48779 2.07358L3.70711 0.292893ZM7.96813 4.55391L9.48201 6.0678C9.6473 6.02358 9.82102 6 10.0003 6C11.1048 6 12.0003 6.89543 12.0003 8C12.0003 8.17923 11.9767 8.35296 11.9325 8.51824L13.4463 10.0321C13.7983 9.43658 14.0003 8.74187 14.0003 8C14.0003 5.79086 12.2094 4 10.0003 4C9.25838 4 8.56367 4.20197 7.96813 4.55391Z" fill="url(#paint0_linear)"/>
<path d="M12.4541 14.6967L9.74965 11.9923C7.74013 11.8681 6.1322 10.2601 6.00798 8.2506L2.33492 4.57754C1.50063 5.57223 0.856368 6.73169 0.458008 8.00004C1.73228 12.0571 5.52257 15 10.0002 15C10.8469 15 11.6689 14.8948 12.4541 14.6967Z" fill="url(#paint1_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-14" y1="-21" x2="34.5" y2="34" gradientUnits="userSpaceOnUse">
<stop stopColor="#FECA1A"/>
<stop offset="1" stopColor="#AFD803"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="-14" y1="-21" x2="34.5" y2="34" gradientUnits="userSpaceOnUse">
<stop stopColor="#FECA1A"/>
<stop offset="1" stopColor="#AFD803"/>
</linearGradient>
</defs>
</svg>
</div>
<h3>
Not currently audited.
</h3>
<p className="text-md text-white text-opacity-50">
The protocol and governance are currently unaudited. While we take great caution and forethought in the way we build our smart contracts we cannot offer that gauratee that an audited contract can give.
</p>
</div>
<div className="flex-1 flex-row mt-4">
<div className="mt-4">
<svg
width="21"
height="22"
viewBox="0 0 14 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path fillRule="evenodd" clipRule="evenodd" d="M0 3C0 1.34315 1.34315 0 3 0H13C13.3788 0 13.725 0.214002 13.8944 0.552786C14.0638 0.89157 14.0273 1.29698 13.8 1.6L11.25 5L13.8 8.4C14.0273 8.70302 14.0638 9.10843 13.8944 9.44721C13.725 9.786 13.3788 10 13 10H3C2.44772 10 2 10.4477 2 11V14C2 14.5523 1.55228 15 1 15C0.447715 15 0 14.5523 0 14V3Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-11.5" y1="-24.5" x2="40" y2="46" gradientUnits="userSpaceOnUse">
<stop stopColor="#FECA1A"/>
<stop offset="1" stopColor="#AFD803"/>
</linearGradient>
</defs>
</svg>
</div>
<h3 className="my-2">
New fund raise mechanism.
</h3>
<p className="text-md text-white text-opacity-50">
While we focused on making our fund raising tool as fair as possible, our mechanism is not free of gaming mechanics.
</p>
</div>
<div className="flex-1 flex-row mt-4">
<div className="mt-4">
<svg
width="22"
height="22"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path fillRule="evenodd" clipRule="evenodd" d="M2.08296 7H4.02863C4.11783 5.45361 4.41228 4.02907 4.86644 2.88228C3.41752 3.77135 2.37513 5.25848 2.08296 7ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM8 2C7.92395 2 7.76787 2.03173 7.5347 2.26184C7.29723 2.4962 7.03751 2.8849 6.79782 3.44417C6.40914 4.3511 6.12491 5.58559 6.03237 7H9.96763C9.87509 5.58559 9.59086 4.3511 9.20218 3.44417C8.96249 2.8849 8.70277 2.4962 8.4653 2.26184C8.23213 2.03173 8.07605 2 8 2ZM11.9714 7C11.8822 5.45361 11.5877 4.02907 11.1336 2.88228C12.5825 3.77135 13.6249 5.25848 13.917 7H11.9714ZM9.96763 9H6.03237C6.12491 10.4144 6.40914 11.6489 6.79782 12.5558C7.03751 13.1151 7.29723 13.5038 7.5347 13.7382C7.76787 13.9683 7.92395 14 8 14C8.07605 14 8.23213 13.9683 8.4653 13.7382C8.70277 13.5038 8.96249 13.1151 9.20218 12.5558C9.59086 11.6489 9.87509 10.4144 9.96763 9ZM11.1336 13.1177C11.5877 11.9709 11.8822 10.5464 11.9714 9H13.917C13.6249 10.7415 12.5825 12.2287 11.1336 13.1177ZM4.86644 13.1177C4.41228 11.9709 4.11783 10.5464 4.02863 9H2.08296C2.37513 10.7415 3.41752 12.2287 4.86644 13.1177Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-13.1429" y1="-26.1333" x2="40.5356" y2="52.5975" gradientUnits="userSpaceOnUse">
<stop stopColor="#FECA1A"/>
<stop offset="1" stopColor="#AFD803"/>
</linearGradient>
</defs>
</svg>
</div>
<h3 className="my-2">
Not decentralzed; yet.
</h3>
<p className="text-md text-white text-opacity-50">
It is very difficult for a DAO to have complete autonomy off inception, Mango plans to fulled decentralize as tools and ecosystem mature.
</p>
</div>
<div className="flex-1 flex-row mt-4">
<div className="mt-4">
<svg
width="20"
height="22"
viewBox="0 0 14 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M7 0C4.23858 0 2 2.23858 2 5V7C0.895431 7 0 7.89543 0 9V14C0 15.1046 0.89543 16 2 16H12C13.1046 16 14 15.1046 14 14V9C14 7.89543 13.1046 7 12 7H4V5C4 3.34315 5.34315 2 7 2C8.39651 2 9.57246 2.95512 9.90555 4.24926C10.0432 4.78411 10.5884 5.1061 11.1232 4.96844C11.6581 4.83078 11.9801 4.28559 11.8424 3.75074C11.2874 1.59442 9.33117 0 7 0Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-11.5" y1="-26.1333" x2="44.415" y2="45.6265" gradientUnits="userSpaceOnUse">
<stop stopColor="#FECA1A"/>
<stop offset="1" stopColor="#AFD803"/>
</linearGradient>
</defs>
</svg>
</div>
<h3 className="my-2">
Initial contributor tokens are unlocked.
</h3>
<p className="text-md text-white text-opacity-50">
Tokens given to early builders and contributors of the protocol are unlocked. We are open source contributors so building and adding to the protocol took presedence over building token mechanism for locking funds.
</p>
</div>
</div>
</div>
</div>
</div>

View File

@ -12,8 +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-50">
The Mango Dao is a self-governance protocol building a
decentralized financial ecosystem. By contributing you will have a
The Mango Dao is a self-governed protocol building a
decentralized financial ecosystem; by contributing to the DAO you will receive a
stake in the future of the ecosystem and its products.
</p>
</div>

9
public/Icon-decent.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.08296 7H4.02863C4.11783 5.45361 4.41228 4.02907 4.86644 2.88228C3.41752 3.77135 2.37513 5.25848 2.08296 7ZM8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM8 2C7.92395 2 7.76787 2.03173 7.5347 2.26184C7.29723 2.4962 7.03751 2.8849 6.79782 3.44417C6.40914 4.3511 6.12491 5.58559 6.03237 7H9.96763C9.87509 5.58559 9.59086 4.3511 9.20218 3.44417C8.96249 2.8849 8.70277 2.4962 8.4653 2.26184C8.23213 2.03173 8.07605 2 8 2ZM11.9714 7C11.8822 5.45361 11.5877 4.02907 11.1336 2.88228C12.5825 3.77135 13.6249 5.25848 13.917 7H11.9714ZM9.96763 9H6.03237C6.12491 10.4144 6.40914 11.6489 6.79782 12.5558C7.03751 13.1151 7.29723 13.5038 7.5347 13.7382C7.76787 13.9683 7.92395 14 8 14C8.07605 14 8.23213 13.9683 8.4653 13.7382C8.70277 13.5038 8.96249 13.1151 9.20218 12.5558C9.59086 11.6489 9.87509 10.4144 9.96763 9ZM11.1336 13.1177C11.5877 11.9709 11.8822 10.5464 11.9714 9H13.917C13.6249 10.7415 12.5825 12.2287 11.1336 13.1177ZM4.86644 13.1177C4.41228 11.9709 4.11783 10.5464 4.02863 9H2.08296C2.37513 10.7415 3.41752 12.2287 4.86644 13.1177Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-13.1429" y1="-26.1333" x2="40.5356" y2="52.5975" gradientUnits="userSpaceOnUse">
<stop stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

14
public/Icon-eye.svg Normal file
View File

@ -0,0 +1,14 @@
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.70711 0.292893C3.31658 -0.0976311 2.68342 -0.0976311 2.29289 0.292893C1.90237 0.683418 1.90237 1.31658 2.29289 1.70711L16.2929 15.7071C16.6834 16.0976 17.3166 16.0976 17.7071 15.7071C18.0976 15.3166 18.0976 14.6834 17.7071 14.2929L16.2339 12.8197C17.7715 11.5924 18.939 9.9211 19.5424 7.99996C18.2681 3.94288 14.4778 1 10.0002 1C8.37665 1 6.84344 1.38692 5.48779 2.07358L3.70711 0.292893ZM7.96813 4.55391L9.48201 6.0678C9.6473 6.02358 9.82102 6 10.0003 6C11.1048 6 12.0003 6.89543 12.0003 8C12.0003 8.17923 11.9767 8.35296 11.9325 8.51824L13.4463 10.0321C13.7983 9.43658 14.0003 8.74187 14.0003 8C14.0003 5.79086 12.2094 4 10.0003 4C9.25838 4 8.56367 4.20197 7.96813 4.55391Z" fill="url(#paint0_linear)"/>
<path d="M12.4541 14.6967L9.74965 11.9923C7.74013 11.8681 6.1322 10.2601 6.00798 8.2506L2.33492 4.57754C1.50063 5.57223 0.856368 6.73169 0.458008 8.00004C1.73228 12.0571 5.52257 15 10.0002 15C10.8469 15 11.6689 14.8948 12.4541 14.6967Z" fill="url(#paint1_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-14" y1="-21" x2="34.5" y2="34" gradientUnits="userSpaceOnUse">
<stop stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="-14" y1="-21" x2="34.5" y2="34" gradientUnits="userSpaceOnUse">
<stop stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

9
public/Icon-flag.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 3C0 1.34315 1.34315 0 3 0H13C13.3788 0 13.725 0.214002 13.8944 0.552786C14.0638 0.89157 14.0273 1.29698 13.8 1.6L11.25 5L13.8 8.4C14.0273 8.70302 14.0638 9.10843 13.8944 9.44721C13.725 9.786 13.3788 10 13 10H3C2.44772 10 2 10.4477 2 11V14C2 14.5523 1.55228 15 1 15C0.447715 15 0 14.5523 0 14V3Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-11.5" y1="-24.5" x2="40" y2="46" gradientUnits="userSpaceOnUse">
<stop stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 687 B

9
public/Icon-unlocked.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 0C4.23858 0 2 2.23858 2 5V7C0.895431 7 0 7.89543 0 9V14C0 15.1046 0.89543 16 2 16H12C13.1046 16 14 15.1046 14 14V9C14 7.89543 13.1046 7 12 7H4V5C4 3.34315 5.34315 2 7 2C8.39651 2 9.57246 2.95512 9.90555 4.24926C10.0432 4.78411 10.5884 5.1061 11.1232 4.96844C11.6581 4.83078 11.9801 4.28559 11.8424 3.75074C11.2874 1.59442 9.33117 0 7 0Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="-11.5" y1="-26.1333" x2="44.415" y2="45.6265" gradientUnits="userSpaceOnUse">
<stop stop-color="#FECA1A"/>
<stop offset="1" stop-color="#AFD803"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 701 B

View File

@ -36,9 +36,9 @@ export const ENDPOINTS: EndpointInfo[] = [
websocket: 'https://cache.devnet.rpcpool.com',
// programId: '2oBtRS2AAQfsMxXQfg41fKFY9zjvHwSSD7G5idrCFziV', // owned by devnet key
programId: 'CRU6hX2GgtdabESgkoMswMrUdRFxHhCVYmS292VN1Nnn', // owned by governance
poolKey: 'GvSyVjGwLBeWdURMLDmSffQPqA8g547A6TURbbBnDpa4', // governance test
//poolKey: 'GvSyVjGwLBeWdURMLDmSffQPqA8g547A6TURbbBnDpa4', // governance test
// poolKey: '82ndgp58GXpwuLrEc9svHFdhiEsPaZoNUEWwgc79WHqk', // already over
// poolKey: '5heMyYtJK1Us9Hx2w6s5rLDNj8RufeyCR1ZUJAVFLQL7', // long deposits
poolKey: '5heMyYtJK1Us9Hx2w6s5rLDNj8RufeyCR1ZUJAVFLQL7', // long deposits
// poolKey: '7Dr2Ksnz5evoT9mEUgvvkmirH8KDC99b5oVPHbqSpx4K', // short deposit
//poolKey: 'CdKyD4Qazo72Bm6SsPBWrT1AnH1NEuoUzvQg7b67EBac', // not started yet
},