-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathlearn.html
172 lines (172 loc) · 10.9 KB
/
learn.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html><!-- Last Published: Sat Apr 10 2021 01:01:31 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="606a8b0b73e522016af04f52" data-wf-site="6032fc7306a9534f027abdfc">
<head>
<meta charset="utf-8">
<title>Learn</title>
<meta content="Learn" property="og:title">
<meta content="Learn" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/thorchain-home.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Exo:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","DM Sans:regular,500,700","Exo 2:regular,700,800"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-61902615-3"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-61902615-3', {'anonymize_ip': false});</script>
<meta property="og:image" content="<https://uploads-ssl.webflow.com/6032fc7306a9534f027abdfc/60332cbc97754ad39b352466_ThorChain-p-500.png>">
<!-- Primary Meta Tags -->
<title>THORChain Cross-Chain Liquidity Network</title>
<meta name="title" content="THORChain Cross-Chain Liquidity Network">
<meta name="description" content="Native cross-chain swaps are possible.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.thorchain.com/">
<meta property="og:title" content="THORChain Cross-Chain Liquidity Network">
<meta property="og:description" content="Native cross-chain swaps are possible.">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.thorchain.com/">
<meta property="twitter:title" content="THORChain Cross-Chain Liquidity Network">
<meta property="twitter:description" content="Native cross-chain swaps are possible.">
<meta property="twitter:image" content="">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
</head>
<body>
<section id="hero-layout" data-w-id="66793193-6583-900c-b418-3cf883bccd46" style="opacity:0" class="section hero hero-bg-learn">
<div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navbar-learn w-nav">
<div class="container-flex wide w-container">
<a href="old-home.html" class="brand w-inline-block"><img src="images/thorchain-logo.png" loading="lazy" width="200" alt=""></a>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="old-home.html" class="nav-link primary-button-nav button-mobile nav-button-info-learn w-nav-link">HOME</a>
<link rel="prerender" href="/old-home">
</nav>
<div class="menu-button w-nav-button"><img src="images/grid.png" loading="lazy" width="15" height="15" alt=""></div>
</div>
</div>
<div class="w-container">
<h1 class="heading hero"><span class="text-span">Learning Resources</span></h1>
<p class="paragraph hero">Understand how to provide liquidity, how impermanent loss affects users, and more.<br></p>
</div>
</section>
<section class="section-learn">
<div class="w-container">
<div class="div-block-6"><img src="images/thorchain-help-logo.png" loading="lazy" sizes="(max-width: 479px) 46vw, (max-width: 767px) 48vw, (max-width: 991px) 364px, 470px" srcset="images/thorchain-help-logo-p-500.png 500w, images/thorchain-help-logo-p-800.png 800w, images/thorchain-help-logo-p-1080.png 1080w, images/thorchain-help-logo-p-1600.png 1600w, images/thorchain-help-logo-p-2000.png 2000w, images/thorchain-help-logo.png 2750w" alt="" class="image-7"></div>
</div>
<div class="container-7 w-container">
<a href="https://thorchain.help" target="_blank" class="primary-button-learn w-button">VISIT THORCHAIN.HELP</a>
</div>
</section>
<section id="protocol" class="section-learn">
<div class="container-spaced w-container">
<p class="section-title-learn">WHAT IS LIQUIDITY?</p>
<h1 class="heading-learn">Liquidity is the asset depth of a market.</h1>
<p class="paragraph-3">The more liquidity in a pool, the easier it is to exchange large volumes of tokens without impacting the price. Users can pool their assets in the network in order to earn yield.<br><br>Join LP University to learn more.</p>
</div>
<div class="w-container">
<div><img src="images/LP_University_THORChain.png" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 96vw, (max-width: 991px) 728px, 940px" srcset="images/LP_University_THORChain-p-500.png 500w, images/LP_University_THORChain-p-800.png 800w, images/LP_University_THORChain-p-1080.png 1080w, images/LP_University_THORChain-p-1600.png 1600w, images/LP_University_THORChain.png 1765w" alt=""></div>
</div>
<div class="container-8 w-container">
<a href="https://discord.com/invite/c6pdDvSkMX" target="_blank" class="primary-button-learn w-button">Learn How to Add Liquidity with LP University</a>
</div>
</section>
<section id="protocol" class="section-learn">
<div class="container-spaced w-container">
<p class="section-title-learn">THORCHAIN EXPLAINED</p>
<h1 class="heading-learn">Instructional YouTube Series</h1>
<p class="paragraph-3">GrassRoots Crypto video tutorials providing an in-depth explination of THORChain.<br></p>
</div>
<div class="w-container">
<div>
<div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo"><iframe src="https://www.youtube.com/embed/a_c5Z2tsSgc?rel=0&controls=1&autoplay=0&mute=0&start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div>
</div>
</div>
<div class="container-8 w-container">
<a href="https://www.youtube.com/channel/UCuC_PiCEsNIT6HH88r7vCsw/videos" target="_blank" class="primary-button-learn w-button">SUBSCRIBE TO GRASSROOTS CRYPTO</a>
</div>
</section>
<div class="section-info section-gradient-bg-light">
<div class="container-spaced w-container"></div>
<div class="container-5 w-container">
<a href="https://medium.com/thorchain" target="_blank" class="w-inline-block"><img src="images/medium.png" loading="lazy" alt="" class="image-logos"></a>
<a href="https://t.me/thorchain_org" target="_blank" class="w-inline-block"><img src="images/telegram.png" loading="lazy" alt="" class="image-logos"></a>
<a href="https://gitlab.com/thorchain" target="_blank" class="w-inline-block"><img src="images/gitlab.png" loading="lazy" alt="" class="image-logos"></a>
<a href="https://twitter.com/thorchain_org" target="_blank" class="w-inline-block"><img src="images/twitter.png" loading="lazy" alt="" class="image-logos"></a>
</div>
<div class="w-container">
<a href="https://thorchain.org" target="_blank" class="link-block w-inline-block"></a>
</div>
</div>
<div class="w-embed">
<style type="text/css">
.feature-link {
text-underline-position: under;
}
</style>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6032fc7306a9534f027abdfc" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
<script>
const midgardNetworkUrl = 'https://chaosnet-midgard.bepswap.com/v1/network';
const midgardStatsUrl = 'https://chaosnet-midgard.bepswap.com/v1/stats';
const runePriceUrl = 'https://api.coingecko.com/api/v3/simple/price?ids=thorchain&vs_currencies=usd';
var runePrice = 0
fetch(runePriceUrl)
.then((resp) => resp.json())
.then(function(data) {
runePrice = data.thorchain.usd;
document.getElementById("rune-price").textContent="$"+runePrice;
})
.catch(function(error) {
console.log(error);
});
fetch(midgardStatsUrl)
.then((resp) => resp.json())
.then(function(data) {
let totalUsers = data.totalUsers;
let poolCount = data.poolCount;
let monthlyTx = data.monthlyTx;
document.getElementById("stats-total-pools").textContent=poolCount;
document.getElementById("stats-total-users").textContent=totalUsers;
document.getElementById("stats-monthly-tx").textContent=monthlyTx;
})
.catch(function(error) {
console.log(error);
});
fetch(midgardNetworkUrl)
.then((resp) => resp.json())
.then(function(data) {
let totalPooled = +data.totalStaked + +data.totalStaked;
let totalReserve = data.totalReserve;
let totalActiveBond = data.bondMetrics.totalActiveBond;
let totalStandbyBond = data.bondMetrics.totalStandbyBond;
let totalCapital = +totalPooled + +totalReserve + +totalActiveBond + +totalStandbyBond;
let totalBond = +totalActiveBond;
var totalCapitalFormatted = Math.floor(totalCapital / 1e8)*runePrice;
var totalBondFormatted = Math.floor(totalBond / 1e8)*runePrice;
console.log("runePrice", runePrice)
console.log("totalCapital", totalCapitalFormatted)
console.log("totalBond", totalBondFormatted)
document.getElementById("stats-total-capital").textContent=formatter.format(totalCapitalFormatted);
document.getElementById("stats-total-bonded").textContent=formatter.format(totalBondFormatted);
document.getElementById("stats-total-pooled").textContent=formatter.format(Math.floor(totalPooled / 1e8)*runePrice);
document.getElementById("stats-total-reserve").textContent=formatter.format(Math.floor(totalReserve / 1e8)*runePrice);;
document.getElementById("stats-total-active-bond").textContent=totalActiveBond;
document.getElementById("stats-total-standby-bond").textContent=totalStandbyBond;
})
.catch(function(error) {
console.log(error);
});
var formatter = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD',
minimumFractionDigits: 0,
maximumFractionDigits: 0
});
</script>
</body>
</html>