-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
231 lines (220 loc) · 13.5 KB
/
index.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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WPOKT</title>
<script src="main.js"></script>
<link rel="stylesheet" href="style.scss">
</head>
<body>
<header class="header">
<div class="mobile-menu is-hidden">
<div class="menutrigger">
<img src="./d_assets/equis.svg" alt="Menu Trigger">
</div>
<div class="right ">
<ul>
<li><a href="#start" class="link title is-6 has-text-white">START</a></li>
<li><a href="#about" class="link title is-6 has-text-white">01</a></li>
<li><a href="#faq" class="link title is-6 has-text-white">02</a></li>
</ul>
</div>
</div>
<div class="top navbar is-fixed-top">
<div class="container is-widescreen">
<div class="navbar-brand">
<a href="#start"><img src="./d_assets/wpokt-logo.svg" alt="WPOKET"></a>
</div>
<div class="navbar-end is-hidden-touch">
<a href="#start" class="link title is-4 has-text-white has-margin-right-40">Start</a>
<a href="#about" class="link title is-4 has-text-white has-margin-right-40">About</a>
<a href="#faq" class="link title is-4 has-text-white">Faq</a>
</div>
<div class="navbar-end is-hidden-desktop">
<div class="menutrigger">
<img src="./d_assets/menu.svg" alt="Menu Trigger">
</div>
</div>
</div>
</div>
<div class="left is-hidden-touch">
<a href="https://twitter.com/POKTnetwork" target="_blank" class="title is-6 has-text-white">Follow Us <span class="icon"><img src="/d_assets/twitter.svg"
alt=""></span></a>
</div>
<div class="right is-hidden-touch">
<ul>
<li><a href="#start" class="link title is-6 has-text-white">START</a></li>
<li><a href="#about" class="link title is-6 has-text-white">01</a></li>
<li><a href="#faq" class="link title is-6 has-text-white">02</a></li>
</ul>
</div>
</header>
<div id="wpokt-world">
<video class="is-hidden-touch" autoplay loop muted playsinline>
<source src="./d_assets/wpokt-world.mp4" type="video/mp4">
</video>
<video class="is-hidden-desktop" autoplay loop muted playsinline>
<source src="./d_assets/wpokt-world-mobile.mp4" type="video/mp4">
</video>
</div>
<main class="frame is-relative">
<section id="start" class="hero is-fullheight is-relative">
<div class="hero-body is-relative">
<div class="container is-max-desktop">
<h6 class="title is-6"><span class="is-hidden-touch title is-6">---------</span>-- By some Pocket
<br class="is-hidden-desktop"> Network ReGens</h6>
<h1 class="title is-1">
Crowdsource infrastructure for your favorite Dapps
</h1>
<p>Wrapped POKT(wPOKT) creates a regenerative finance opportunity for Pocket Network users. Through
the use of an Ethereum bridge with both staking and liquidity pools you can now provide
infrastructure to your favorite DApps and earn yield from it.
</p>
<h5 class="title is-5 has-margin-top-50">Want to stay up to date on progress?</h5>
<form class="pixel-form has-margin-top-30" method="get">
<input style="width:80%" id="pixel-form-email" name="email" type="text"
placeholder="> ENTER EMAIL...">
<button id="submitter" type="submit"><img src="./d_assets/signup.svg" alt="Sign Up"></button>
</form>
</div>
</div>
</section>
<section id="about" class="hero is-fullheight is-relative">
<div class="is-overlay">
<img class="is-hidden-touch" src="./d_assets/bg.svg" alt="">
<img class="is-hidden-desktop" src="./d_assets/bglarge.svg" alt="">
</div>
<div class="hero-body is-relative">
<div class="container is-max-desktop">
<h1 class="title is-1">
01. About
</h1>
<p class="has-text-centered">Wrapped POKT (wPOKT) is an ERC-20 token backed 1:1 by the native POKT
on Pocket Network’s blockchain and held by a set of POKT Multisig signers for verification.
wPOKT standardizes POKT to the ERC20 format, enabling and leveraging the usage of smart
contracts.</p>
<a href="https://forum.pokt.network/t/introducing-wpokt-a-regenerative-farming-program/378" target="_blank" class="pixel-button-centered"><img src="./d_assets/greenpaper.svg"
alt="Green Paper"></a>
</div>
</div>
</section>
<section id="faq" class="hero is-large is-relative">
<div class="is-overlay">
<img style="width:100%" src="./d_assets/bglarge.svg" alt="">
</div>
<div class="hero-body is-relative">
<div class="container is-max-desktop">
<h1 class="title is-1">
02. FAQ
</h1>
<h4 class="droptrigger title is-4">What is the purpose of wPOKT?</h4>
<div class="drop has-margin-bottom-40">
<p>As opposed to degenerative finance, regenerative finance is an implementation of Data Farming
that creates a virtuous cycle because of its cause and effect relationship to the networks
underlying utility. <br><br> In the case of wPOKT. The more wPOKT staked for developers, the
more access to decentralized
infrastructure they have, the more developer activity on the network, the more POKT rewards
the staking pools receive, and the more liquidity between POKT<>wPOKT<>ETH the more
responsive the ecosystem will be, and the more copyable this method is, the more
decentralized the network will be.
</p>
</div>
<h4 class="droptrigger title is-4">What is ReFi Data Farming?</h4>
<div class="drop has-margin-bottom-40">
<p>As opposed to degenerative finance, regenerative finance is an implementation of Data Farming
that creates a virtuous cycle because of its cause and effect relationship to the networks
underlying utility. <br><br> In the case of wPOKT. The more wPOKT staked for developers, the
more access to decentralized
infrastructure they have, the more developer activity on the network, the more POKT rewards
the staking pools receive, and the more liquidity between POKT<>wPOKT<>ETH the more
responsive the ecosystem will be, and the more copyable this method is, the more
decentralized the network will be.
</p>
</div>
<h4 class="droptrigger title is-4">What is a Data Farmer / ReGen Data Shepherd? </h4>
<div class="drop has-margin-bottom-40">
<p>As opposed to degenerative finance, regenerative finance is an implementation of Data Farming
that creates a virtuous cycle because of its cause and effect relationship to the networks
underlying utility. <br><br> In the case of wPOKT. The more wPOKT staked for developers, the
more access to decentralized
infrastructure they have, the more developer activity on the network, the more POKT rewards
the staking pools receive, and the more liquidity between POKT<>wPOKT<>ETH the more
responsive the ecosystem will be, and the more copyable this method is, the more
decentralized the network will be.
</p>
</div>
<h4 class="droptrigger title is-4">What is Phase 1 of the Release Schedule?</h4>
<div class="drop has-margin-bottom-40">
<p>As opposed to degenerative finance, regenerative finance is an implementation of Data Farming
that creates a virtuous cycle because of its cause and effect relationship to the networks
underlying utility. <br><br> In the case of wPOKT. The more wPOKT staked for developers, the
more access to decentralized
infrastructure they have, the more developer activity on the network, the more POKT rewards
the staking pools receive, and the more liquidity between POKT<>wPOKT<>ETH the more
responsive the ecosystem will be, and the more copyable this method is, the more
decentralized the network will be.
</p>
</div>
<h4 class="droptrigger title is-4">What is Phase 2 of the Release Schedule?</h4>
<div class="drop has-margin-bottom-40">
<p>A Additional Rewards<br><br>
Upon a successful small scale launch, additional wPOKT is minted and deposited by the Pocket
Network Foundation into both the AMM and the Staking Pool for distribution. The amounts will
depend on the traction of the project at the time and the demand for wPOKT.
</p>
</div>
<h4 class="droptrigger title is-4">What is Phase 3 of the Release Schedule?</h4>
<div class="drop has-margin-bottom-40">
<p>As opposed to degenerative finance, regenerative finance is an implementation of Data Farming
that creates a virtuous cycle because of its cause and effect relationship to the networks
underlying utility. <br><br> In the case of wPOKT. The more wPOKT staked for developers, the
more access to decentralized
infrastructure they have, the more developer activity on the network, the more POKT rewards
the staking pools receive, and the more liquidity between POKT<>wPOKT<>ETH the more
responsive the ecosystem will be, and the more copyable this method is, the more
decentralized the network will be.
</p>
</div>
</div>
</div>
</section>
<section id="footer" class="hero is-fullheight is-relative">
<div class="is-overlay is-opaque">
<img class="is-hidden-touch" src="./d_assets/bgblack.svg" alt="">
<img class="is-hidden-desktop" src="./d_assets/mbgblack.svg" alt="">
</div>
<div class="hero-body is-relative">
<div class="container is-max-desktop">
<div class="nav columns level">
<a href="https://pokt.network/" target="_blank" class="title is-5 has-text-white is-footer-link">About Pocket</a>
<a href="https://forum.pokt.network/" target="_blank" class="title is-5 has-text-white is-footer-link">Forum</a>
<a href="https://discord.com/invite/KRrqfd3tAK" target="_blank" class="title is-5 has-text-white is-footer-link">Join Discord</a>
</div>
<div class="logos">
<img width=200 src="./d_assets/wpokt-logo.svg" alt="Wpokt">
<img width=200 src="./d_assets/pocket.svg" alt="Pocket Network">
</div>
<div class="copyright has-text-centered has-margin-top-40">
<h6 class="title is-6 has-text-white"> ©2021 Pocket Network Inc. </h6>
</div>
</div>
</div>
</section>
</main>
<div class="modal">
<div class="modal-background"></div>
<div class="modal-content">
<h4 class="title is-4 has-text-white">
Your e-mail has been signed up successfully.😊😊
</h4>
<a onclick="document.querySelector('.modal').classList.toggle('is-active')">
<img src="/d_assets/ok.svg" alt="">
</a>
<!-- Any other Bulma elements you want -->
</div>
<button onclick="document.querySelector('.modal').classList.toggle('is-active')" class="modal-close is-large" aria-label="close"></button>
</div>
</body>
</html>