-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
264 lines (252 loc) · 11.3 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
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="assets/logo64.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/fa.all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href='https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;500;700&display=swap' rel='stylesheet'>
<script src="assets/jquery.min.js"></script>
<style>
body, html {
height: 100%;
margin: 0;
background-color: black;
font-family: 'Noto Sans Mono', monospace, Arial, Helvetica, sans-serif;
scroll-behavior:smooth;
}
a { color: white; text-decoration: underline; font-weight:700 ; }
p, li, h5 { font-weight:400 ;}
.hero-image {
height: auto;
min-height: 100%;;
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(200, 200, 200, 0.1)), url("assets/view.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-text {
text-align: center;
position: relative;
left: 50%;
transform: translate(-50%, 0%);
padding-top: 100px;
padding-bottom: 100px;
color: whitesmoke;
font-family: 'Noto Sans Mono', monospace;
font-weight: 500;
font-style: normal;
width: 70%;
}
.m-home {
height: 600px;
left: 50%;
transform: translate(-50%);
}
.hero-text button {
border: none;
outline: 0;
display: inline-block;
padding: 10px 25px;
color: black;
background-color: #ddd;
text-align: center;
cursor: pointer;
}
.hero-text button:hover {
background-color: #555;
color: white;
}
.topnav {
overflow: hidden;
background-color: #111;
position: fixed; /* Set the navbar to fixed position */
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
height: 50px;
z-index:2;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 12px 16px;
text-decoration: none;
font-size: 18px;
}
.topnav a:first-child { padding: 0px; }
.topnav a:hover {
background-color: #fff;
color: black;
}
.topnav a.active {
background-color: white;/* #04AA6D; */
color: black;
}
.topnav .icon {
display: none;
}
.ta-left { text-align: initial; }
.icon-bar a {
color: white;
font-size: xxx-large;
margin: 10px;
}
.logo { width: 50px; }
.warning { background-color: yellow; color: black; }
.info { background-color: #ffb97b; color: black; }
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: fixed; height: auto;}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive a:hover {
background-color: #fff;
color: black;
}
}
</style>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
$(document).ready(function(){
$(function() {
$(".topnav a:not(.icon)").click(function() {
$(".topnav a").removeClass("active");
$(this).addClass("active");
$(".topnav.responsive").toggleClass("responsive");
});
});
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LMVXPND7LG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LMVXPND7LG');
</script>
<title>Stake With [WILDR]</title>
</head>
<body>
<div class="topnav" id="myTopnav">
<a href="#home" class="active"><img class="logo" src="assets/logo64.png" alt="Home"></a>
<a href="#who">Who</a>
<a href="#what">What</a>
<a href="#when">When</a>
<a href="#how">hoW</a>
<a href="#help">Help</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"><i class="fa fa-bars" style="font-size:24px"></i></a>
</div>
<div class="hero-image">
<div class="hero-text m-home" id="home">
<h1 style="font-size:50px">GET WILD AGAIN</h1>
<p>Stake ADA With</p>
<h1>[<a href="https://cardanoscan.io/pool/57a5c4cfe6b567abe4f5049270845b340b094c1fbf3f3e0a167f30f7" target="_blank">WILDR</a>]</h1>
</div>
<div class="hero-text ta-left" id="who">
<h1 style="font-size:50px">WILDR & I</h1>
<p>In a few words :</p>
<ul>
<li>First. I was curious.</li>
<li>Second. I got surprised.</li>
<li>Then. I liked what I saw.</li>
<li>Eventually. I was seduced.</li>
<li>In the end. I had to be a part of it.</li>
<li><b>WILDR</b> was born.</li>
</ul>
</div>
<div class="hero-text ta-left" id="what">
<h1 style="font-size:50px">What's The Plan ?</h1>
<div>
<p>I do not consider myself as a nerd, but I do like very much computers and stuff of these kinds I have to admit.</p>
<p>When crypto came up, I tested my trading skills. I quickly realized it wasn't my "thing".</p>
<p>But the underlying concepts got my attention. Particularly the proof of staking which cardano is based on.</p>
<p>So here I am, operating a <a href="https://cardano.org/stake-pool-delegation/" target="_blank">stake pool</a> now, looking after a 1x relay + 1x producer in MAINNET, as well as 1x monitoring system.</p>
<p>But <b>it's not only about staking</b> cardano. Every staking pool owner knows that. <b>It can't be.</b></p>
<p>So I've been asking myself this : <strong>What could it be then ?</strong> <strong>And why should I decide this alone ?</strong></p>
<p>What if <strong>you</strong> were the one deciding what it could be ?</p>
<p>Here is the idea !</p>
<p>I provide you with a <strong>safe and reliable infrastructure</strong> to stake your cardano.</p>
<p>Then you, <strong>all of you, dear delegators</strong> could then decide which organizations (#environment #animals #green #sustainable #recycling) you'd like to support.</p>
<p>For the <i>how</i>, well I have some ideas but again, I want to do it with you, so let's discuss it together first.</p>
<p>Eventually when we get rewarded, I will transfer a part (defined according to pool productivity) of my 1% margin awarded to the elected org.</p>
<p>What do you think ?</p>
</div>
</div>
<div class="hero-text" id="when">
<h1 style="font-size:50px">Time is NOW !</h1>
</div>
<div class="hero-text ta-left" id="how">
<h1 style="font-size:50px">How to join ?</h1>
<div>
<p>Buy some cardano on one exchange platform. <a href="https://kraken.com" target="_blank">kraken.com</a> for instance.</p>
<p>Create a wallet. With <a href="https://yoroi-wallet.com/#/" target="_blank">Yoroi</a> on your smartphone, or <a href="https://ccvault.io" target="_blank">ccvault.io</a> on your laptop with your favourite web browser.</p>
<p><span class="warning"><b><u>Make/Backup multiple copies of the mnemonic sentence</u></b></span> you were given. These words are the unique keys of your wallet.</p>
<p>At this point, you should find a bundle of adresses in your "receive" tab. Copy the first one.</p>
<p>Go to the exchange to perform a <b>withdraw</b>, fill in the amount of cardano (don't be shy :-)) you're willing to transfer plus the address. Confirm.</p>
<p>After a while you should witness the increase of your wallet balance (of precisely the amount you moved minus the transaction fee ~1 ADA)</p>
<p>Once you did this, you go to the delegate Tab, and delegate your wallet to this stake pool (aka <b>[WILDR]</b> like the page title here)</p>
<p>In order to do this you will need to deposit 2 ADA, 2 ADA you will get back if you ever decide to retire from stacking.</p>
<p>And because registering to a stake pool is a transaction, you will need to pay a transaction fee, ~ 1 ADA.</p>
<p>You might wonder what I'm going to do with you wallet ? Nothing. You still are the owner of your wallet and your money Chief !</p>
<p>Stacking is rather like telling the system that you are not into trading but more into supporting the concept, and willing to be a part of it. It's all about being a team</p>
<p>Once the pool is designated to validate blocks, and indeed does so, you and I will get rewarded for the job done.</p>
<p>You might wonder why do I need you ? Because the more we are the merrier. And, last but not the least, the more we pledge, the more we get to produce blocks and get rewarded for it.</p>
</div>
<div>
<p>You might have a thousand questions yet. Have a look at these.</p>
<ul>
<li><a href="https://docs.cardano.org/introduction/" target="_blank">cardano.org</a></li>
<li><a href="https://static.adapools.org/docs/newbie-ultimate-guide.pdf" target="_blank">adapools.org newbie guide</a></li>
<li><a href="https://www.kraken.com/learn/what-is-cardano-ada" target="_blank">kraken.com about cardano</a></li>
<li><a href="https://support.kraken.com/hc/en-us" target="_blank">kraken.com support in english</a></li>
<li><a href="https://support.kraken.com/hc/fr" target="_blank">kraken.com support for my french friends</a></li>
<li><a href="https://www.cointribune.com/blockchain/gouvernance/cardano-ada-le-principe-du-staking/" target="_blank">staking explained for my french friends</a></li>
<li><a href="https://grayscale.com/learn/an-introduction-to-cardano/" target="_blank">great report from Grayscale</a></li>
<li><a href="https://cardano.org/governance/" target="_blank">what's cardano governance ?</a></li>
<li><a href="https://gov.tools/" target="_blank">get an overview on the current governance topics</a></li>
</ul>
</div>
</div>
<div class="hero-text" id="help">
<h2 style="font-size:30px">Get In Touch</h1>
<div class="fa icon-bar">
<a href="https://t.me/getwildr" target="_blank"><i class="fab fa-telegram"></i></a>
<a href="https://t.me/joinchat/3sWau73-5UlkNTc0" target="_blank"><i class="fab fa-telegram"></i></a>
<a href="https://twitter.com/wildr_pool" target="_blank"><i class="fab fa-twitter"></i></a>
</div>
<p class="info">Note: If you ever decide to stake with <b>WILDR</b>, you must create a Telegram account and join <a href="https://t.me/joinchat/3sWau73-5UlkNTc0" target="_blank">our channel</a>, as it is the only way for us to reach you and eventually inform you of the updates and the next steps of the WILDR project.</p>
<p class="warning">For privacy matters, I'd recommend you to create an anonymous account. Don't mention your real name.</span></p>
</div>
</div>
</body>
</html>