-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
262 lines (234 loc) · 12.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>FranzKafka Validator</title>
<meta content="FranzKafka node web page" name="description">
<meta content="Oraichain, ORAI, AIRI, AI, Validator, Node" name="keywords">
<!-- Favicons -->
<link href="assets/img/logo_bgless.png" rel="icon">
<link href="assets/img/logo_bgless.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=IBM Plex Sans Condensed" rel="stylesheet">
<!-- CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top ">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo">
<a href="index.html">
<img src="assets/img/logo_bgless_white.png" alt="FranzKafka validator logo" class="img-fluid" style="max-height: 35px; margin-right: 15px;">
FranzKafka
</a>
</h1>
<nav id="navbar" class="navbar">
<ul>
<li class="dropdown active"><a href="index.html"><span>Home</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="index.html#features">About</a></li>
</ul>
</li>
<li><a class="nav-link scrollto" href="utilities.html">Utilities</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Main screen Section ======= -->
<section id="hero">
<div class="hero-container" data-aos="fade-up" data-aos-delay="150">
<h1>Welcome to FranzKafka Validator</h1>
<h2>Oraichain validator community site</h2>
<div class="row justify-content-end col-lg-6" id="hero-statistics">
<div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
<div class="count-box">
<i class="bi bi-emoji-smile"></i>
<span data-purecounter-start="0" data-purecounter-end="22" data-purecounter-duration="1" class="purecounter"></span>
<p>Delegators</p>
</div>
</div>
<div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
<div class="count-box">
<i class="bi bi-hdd"></i>
<span data-purecounter-start="0" data-purecounter-end="1" data-purecounter-duration="1" class="purecounter"></span>
<p>Nodes</p>
</div>
</div>
<div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
<div class="count-box">
<i class="bi bi-clock-history"></i>
<span data-purecounter-start="0" data-purecounter-end="35" data-purecounter-duration="1" class="purecounter" id="daysSince"></span>
<p>Days since inception</p>
</div>
</div>
<div class="col-lg-3 col-md-5 col-6 d-md-flex align-items-md-stretch">
<div class="count-box">
<i class="bi bi-clock"></i>
<span data-purecounter-start="0.00" data-purecounter-end="99.90" data-purecounter-decimals="2" data-purecounter-currency="%" data-purecounter-duration="1" class="purecounter"></span>
<p>Uptime</p>
</div>
</div>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= Features Section ======= -->
<section id="features" class="features">
<div class="container" data-aos="fade-up">
<ul class="nav nav-tabs row d-flex">
<li class="nav-item col-3">
<a class="nav-link active show" data-bs-toggle="tab" href="#tab-1">
<i class="bi bi-lightbulb"></i>
<h4 class="d-none d-lg-block">What is Oraichain?</h4>
</a>
</li>
<li class="nav-item col-3">
<a class="nav-link" data-bs-toggle="tab" href="#tab-2">
<i class="bi bi-globe"></i>
<h4 class="d-none d-lg-block">Why web page for validator node?</h4>
</a>
</li>
<li class="nav-item col-3">
<a class="nav-link" data-bs-toggle="tab" href="#tab-3">
<i class="bi bi-person-circle"></i>
<h4 class="d-none d-lg-block">Who is Czech_Stan?</h4>
</a>
</li>
<li class="nav-item col-3">
<a class="nav-link" data-bs-toggle="tab" href="#tab-4">
<i class="bi bi-person-circle"></i>
<h4 class="d-none d-lg-block">Who is Franz Kafka?</h4>
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active show" id="tab-1">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<h3>What is Oraichain?</h3>
<p>
Oraichain is the world's first intelligent and secure solution for emerging Web3, scalable Dapps, and decentralized AI.
</p>
<ul>
<li><i class="ri-check-double-line"></i> A secure and fast CosmosSDK-based blockchain with DPoS consensus and optimized sub-networks for AI.</li>
<li><i class="ri-check-double-line"></i> Verifiable and trustless AI execution via proof-of-correctness and proof-of-execution.</li>
<li><i class="ri-check-double-line"></i> High transaction throughput with optimistic rollups and zk-rollups.</li>
</ul>
<p>
All the necessary information about Oraichain can be found on the website of the project. Go ahead and check it out <a href="https://orai.io/">here</a>. Or ask additional questions on the official telegram channel <a href="https://t.me/oraichain">here</a>. Also, say hi to Duckie, he is the MVP of Oraichain community mods.
</p>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/logo-full-v-light.png" alt="Oraichain logo" class="img-fluid m-t-15">
</div>
</div>
</div>
<div class="tab-pane" id="tab-2">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<h3>Why web page for validator node?</h3>
<p>
There is a plethora of online resources on how to build on Ethereum. I would love to do the same for Oraichain. My plan is to learn and create dapps in the Oraichain ecosystem and share my way with others, so that they can learn from my mistakes and help Oraichain grow.
</p>
<ul>
<li>My advantages are:</li>
<li><i class="ri-check-double-line"></i> Tech background</li>
<li><i class="ri-check-double-line"></i> Fast learner</li>
<li><i class="ri-check-double-line"></i> History of creating tech courses</li>
<li><i class="ri-check-double-line"></i> Will to spend money to make free things</li>
<li><i class="ri-check-double-line"></i> Relatively high level of creativity for a tech guy</li>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/dev.png" alt="" class="img-fluid m-t-10">
</div>
</div>
</div>
<div class="tab-pane" id="tab-3">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<h3>Who is Czech_Stan?</h3>
<p>
I wanted to be psychologist, studied economics to end up working as network and server administrator. Regarding crypto I discovered Bitcoin in 2010 in high school and successfully lost my private keys. I got back when Ethereum came out, but during college my priorities were different and income was just high enough to cover my expenses. Fast forward to 2019, I have a wife, a house and a solid income. Decided to invest some of it in crypto again. Then, at the end of 2020, I found Oraichain and decided to be a proactive member of the community.
</p>
<ul>
<li><i class="ri-check-double-line"></i> Genesis delegator</li>
<li><i class="ri-check-double-line"></i> Orai wallet tester</li>
<li><i class="ri-check-double-line"></i> VRF tester</li>
<li><i class="ri-check-double-line"></i> AI execution tester</li>
<li><i class="ri-check-double-line"></i> ORAIdex tester</li>
<li><i class="ri-check-double-line"></i> Oraichain validator</li>
</ul>
<p class="fst-italic">
"Avoiding telegram is good for your mental health in crypro space." -Czech_Stan
</p>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/profile_pic2.jpg" alt="Czech_Stan" class="img-fluid m-t-10">
</div>
</div>
</div>
<div class="tab-pane" id="tab-4">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0">
<h3>Who is Franz Kafka?</h3>
<p>
He was bohemian novelist, one of the major figures of 20th-century literature. His work fuses elements of realism and the fantastic. It typically features isolated protagonists facing bizarre or surrealistic predicaments and incomprehensible socio-bureaucratic powers. -Wikipedia
</p>
<p class="fst-italic">
Logo of our validator is based on his work "The Metamorphosis".
</p>
</div>
<div class="col-lg-6 order-1 order-lg-2 text-center">
<img src="assets/img/kafka.jpg" alt="Franz Kafka" style="max-width: 30%;" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</section><!-- End Features Section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright <strong><span>Dewi</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/dewi-free-multi-purpose-html-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<!-- JS Files -->
<script type="text/javascript" src="assets/js/daysSince.js"></script>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>