-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·328 lines (328 loc) · 21.8 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
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
<!DOCTYPE html><!-- Last Published: Wed Dec 29 2021 17:47:26 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5e1a6fe3db4d526672f634cb" data-wf-site="5e1a6fe3db4d520b4bf634c4">
<head>
<meta charset="utf-8">
<title>Ethernal</title>
<meta content="Multiplayer dungeon generated and owned by the players" name="description">
<meta content="Ethernal" property="og:title">
<meta content="Multiplayer dungeon generated and owned by the players" property="og:description">
<meta content="images/meta.png" property="og:image">
<meta content="Ethernal" property="twitter:title">
<meta content="Multiplayer dungeon generated and owned by the players" property="twitter:description">
<meta content="images/meta.png" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<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/ethernal.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: ["Space Mono:regular,italic,700","Work Sans:regular"] }});</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.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body class="body">
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<div class="header-items header-logo">
<div class="div-block-12">
<div class="label logo-label">alpha </div><img src="images/skull-key_l.png" width="18" height="100" alt="" class="logo-image">
</div>
</div>
<div class="header-alert-area">
<a href="https://opensea.io/assets/ethernal" target="_blank" class="header-img-area cc-contact-us w-inline-block"><img src="images/.png" width="20" alt="" class="header-img"></a>
<p class="header-img-text">
<a href="https://opensea.io/assets/ethernal" target="_blank" class="link-4">Ethernal x Hermippe Heroes</a>Live on OpenSea
</p>
</div>
<div class="header-items">
<a href="https://twitter.com/EthernalWorld" target="_blank" class="button-3 cc-contact-us w-inline-block"><img src="images/twitter_s.png" width="20" alt="" class="image-10"></a>
<a href="https://ethernal.substack.com/" target="_blank" class="button-3 cc-contact-us w-inline-block"><img src="images/substack_s.png" width="20" alt="" class="image-10"></a>
<a href="https://github.com/0xgen0" target="_blank" class="button-3 cc-contact-us w-inline-block"><img src="images/github.png" width="20" alt="" class="image-11"></a>
<a href="https://discord.gg/ygtFHU2" target="_blank" class="button-3-hidden cc-contact-us w-inline-block"><img src="images/discord_s.png" width="20" alt="" class="image-11"></a>
</div>
</div>
<div class="columns-4 w-row">
<div class="w-col w-col-3"></div>
<div class="w-col w-col-6"></div>
<div class="w-col w-col-3"></div>
</div>
<div class="splash-area">
<div class="intro-header">
<div class="intro-content cc-homepage">
<div class="intro-text">
<div class="heading-jumbo">ethernaL</div>
<div class="paragraph-bigger cc-bigger-white-light">Multiplayer dungeon generated & owned by the players<br></div>
</div>
</div>
</div>
<div class="update-container w-container">
<div class="div-block-11"><img src="images/border_corner.png" alt="" class="corner-left"><img src="images/border_corner.png" width="58" height="58" alt="" class="image-9"></div>
<div class="w-row">
<div class="w-col w-col-4">
<div class="div-block-4">
<div class="text-block-3">updates</div>
<div class="text-block-5">02.14.2020 Alpha 1.0 release</div>
</div>
</div>
<div class="column-6 w-col w-col-8">
<div class="div-block-3">
<p class="paragraph">Check out our <a href="https://medium.com/@EthernalWorld/ethernal-alpha-1-0-update-a2b7dcade4e3" target="_blank" class="text-link">alpha 1.0 update</a> for gameplay screenshots, takeaways, and upcoming features. <br><br>Tweet “<em>Open Sesame</em>” to <a href="https://twitter.com/EthernalWorld" target="_blank" class="link text-link">@EthernalWorld</a> to be <br>on the waitlist.</p>
</div>
</div>
</div>
<div class="div-block-11"><img src="images/border_corner.png" alt="" class="corner-bot-left"><img src="images/border_corner.png" width="58" height="58" alt="" class="corner-bot-right"></div>
</div>
<div class="splash-sign-up-container w-container">
<div class="label cc-light-copy">get our updates</div>
<p class="paragraph-center">Be the first to know about game updates and releases.</p>
<a href="https://ethernal.substack.com/subscribe?utm_source=menu&simple=true&next=https%3A%2F%2Fethernal.substack.com%2F" target="_blank" class="long-btn w-button">sign up</a>
<div class="sign-up-form w-form">
<form name="wf-form-signup-form" data-name="Signup Form" id="email-form" method="get" class="form w-clearfix"><input type="email" class="field w-input" maxlength="256" name="email" data-name="Email" placeholder="Enter your email" id="field" required=""><input type="submit" value="sign up" data-wait="Please wait..." class="button splash-btn w-button"></form>
<div class="success-message w-form-done">
<p class="paragraph-13">Thanks! You'll be the first to know about our game updates.</p>
</div>
<div class="error-message w-form-fail">
<p class="paragraph-12">Oops! Something went wrong while submitting your email. :( <br>Let us know on Twitter or via email. </p>
</div>
</div>
<p class="login-text">Alpha 2.0 tester? <a href="http://alpha.ethernal.world/" target="_blank" class="link-blue">Sign in</a>
</p>
</div>
</div>
<div class="special-section">
<div class="label cc-light">PLAYERS GENERATED NFTS</div>
<div class="columns-5-copy w-row">
<div class="column-8 w-col w-col-6">
<h2 class="special-heading-history"><strong>History of Ethernal Alpha II </strong></h2>
<h2 class="special-subheader-history">Ethernal Alpha 2.0 ran on Matic TestnetV3 from June 11, 2020 to July 21, 2020. This NFT was generated with the blockchain data and rewarded to the top 30 players.</h2>
<a href="https://opensea.io/assets/0x9b1aa69fe9fca10aa41250bba054aabd92aba5b6/94" target="_blank" class="special-btn w-button">view </a>
</div>
<div class="column-13 w-col w-col-6">
<div class="special-img-div"><img src="images/alpha2history-1024.gif" width="128" alt="" class="image-5"></div>
</div>
</div>
<div class="columns-5 w-row">
<div class="column-8 w-col w-col-6">
<h2 class="special-heading-history"><strong>History of Ethernal Alpha Mumbai</strong></h2>
<h2 class="special-subheader-history">Ethernal Mumbai ran on Matic Mumbai Testnet from August 7, 2020 to November 22, 2020. This NFT was generated with the blockchain data and rewarded to the top 20 players.</h2>
<a href="https://opensea.io/assets/0x9b1aa69fe9fca10aa41250bba054aabd92aba5b6/168" target="_blank" class="special-btn w-button">view</a>
</div>
<div class="column-13 w-col w-col-6">
<div class="special-img-div"><img src="images/alphaMumbaiHistory-20-1024.gif" width="128" alt="" class="image-5"></div>
</div>
</div>
</div>
<div class="special-section">
<div class="label cc-light">limited edition art</div>
<div class="columns-5 w-row">
<div class="column-8 w-col w-col-6">
<h2 class="special-heading"><strong>Ethernal x Hermippe Heroes </strong></h2>
<h2 class="special-subheader">Limited edition art NFT <br></h2>
<div class="attribution">By <a href="https://twitter.com/komiya_ma" target="_blank" class="special-link">Komiyama Takashi</a> <br></div>
<div class="sold-out">SOLD OUT<br></div>
<p class="special-paragraph">Includes art token, sketch and large scale wallpaper.</p>
<div class="buy-form w-form">
<form name="wf-form-signup-form" data-name="Signup Form" id="email-form" method="get" class="w-clearfix"><input type="submit" value="buy on opensea" data-wait="Please wait..." class="button buy-btn w-button"></form>
<div class="success-message w-form-done">
<p class="paragraph-13">Thanks! You'll be the first to know about our game updates.</p>
</div>
<div class="error-message w-form-fail">
<p class="paragraph-12">Oops! Something went wrong while submitting your email. :( <br>Let us know on Twitter or via email. </p>
</div>
</div>
<a href="https://opensea.io/accounts/hermippe" target="_blank" class="special-btn w-button">view on opensea</a>
<a href="https://ethernal.substack.com/" target="_blank" class="special-btn-disabled w-button">Coming soon to opensea</a>
</div>
<div class="column-13 w-col w-col-6">
<div class="special-img-div"><img src="images/all-512x512.gif" width="128" alt="" class="image-5"></div>
</div>
</div>
</div>
<div class="special-section">
<div class="label cc-light">special event</div>
<div class="columns-5 w-row">
<div class="column-8 w-col w-col-6">
<h2 class="special-heading">Skulls & crests</h2>
<h2 class="special-subheader">Pixel Art Contest </h2>
<div class="text-block-10">Winning art have been added to the dungeon as rare collectibles. 1 more remains in the dungeon! In collaboration with <a href="https://pixelchain.art/" target="_blank" class="special-link">PixelChain</a>.<br></div>
<p class="special-paragraph">Includes art token, sketch and large scale wallpaper.</p>
<div class="buy-form w-form">
<form name="wf-form-signup-form" data-name="Signup Form" id="email-form" method="get" class="w-clearfix"><input type="submit" value="buy on opensea" data-wait="Please wait..." class="button buy-btn w-button"></form>
<div class="success-message w-form-done">
<p class="paragraph-13">Thanks! You'll be the first to know about our game updates.</p>
</div>
<div class="error-message w-form-fail">
<p class="paragraph-12">Oops! Something went wrong while submitting your email. :( <br>Let us know on Twitter or via email. </p>
</div>
</div>
<a href="https://pollunit.com/polls/eojup5qj9cflahduyyf9cg" target="_blank" class="special-btn w-button">See all the winners</a>
<a href="https://ethernal.substack.com/" target="_blank" class="special-btn-disabled w-button">Coming soon to opensea</a>
</div>
<div class="column-13 w-col w-col-6">
<div class="special-img-div"><img src="images/contest-image-square.png" width="128" alt="" class="image-5"></div>
</div>
</div>
</div>
<div class="game-section">
<div class="container-8">
<div class="char-img-row"><img src="images/explorer_1.png" alt="" class="char-img"><img src="images/warrior.png" alt="" class="char-img"><img src="images/mage_2.png" alt="" class="char-img"><img src="images/barbarian.png" alt="" class="char-img"></div>
<div class="blog-heading">
<div class="label cc-light">About the game</div>
<h2 class="work-heading">Explore the dungeon to discover new rooms and loot. Collaborate with others to defeat monsters, or race against them to be the first to find rare items.</h2>
<h2 class="work-heading">Trade and sell your loot in and out of the dungeon.</h2>
</div>
<div class="div-block-14"><img src="images/map_screenshot.png" sizes="100vw" srcset="images/map_screenshot-p-500.png 500w, images/map_screenshot.png 1400w" alt="" class="image-19"></div>
<h2 class="work-heading">But remember, if you die you will lose everything you carry for others to scavenge X</h2><img src="images/character_select.gif" alt="" class="image-15">
</div>
<div data-delay="4000" data-animation="slide" class="slider w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true">
<div class="mask w-slider-mask">
<div class="slide-2 w-slide">
<div class="w-row">
<div class="column-5 w-col w-col-6">
<div class="div-block-5"><img src="images/explorer.png" sizes="100vw" srcset="images/explorer-p-500.png 500w, images/explorer.png 800w" alt="" class="image-5"></div>
</div>
<div class="w-col w-col-6">
<div class="div-block-6">
<div class="div-block-10"><img src="images/map_4x.png" width="24" height="24" alt="" class="image-7">
<div class="text-block-6">Explorer</div>
</div>
<p class="paragraph-2">Discover (generate) new rooms and collect elements, items and gear, But if you die, you will lose everything you carry and others can scavenge your remains.</p>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div class="w-row">
<div class="column-4 w-col w-col-6">
<div class="div-block-5"><img src="images/strategize.png" sizes="100vw" srcset="images/strategize-p-500.png 500w, images/strategize.png 800w" alt="" class="image-5"></div>
</div>
<div class="column-4 w-col w-col-6">
<div class="div-block-6">
<div class="div-block-10"><img src="images/skull_4x.png" width="24" height="24" alt="" class="image-7">
<div class="text-block-6">Strategize</div>
</div>
<p class="paragraph-2">Manage your inventory to combat monsters, level up your character, and reach the deepest level of the dungeon.</p>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div class="w-row">
<div class="column-4 w-col w-col-6">
<div class="div-block-5"><img src="images/collect.png" sizes="100vw" srcset="images/collect-p-500.png 500w, images/collect.png 800w" alt="" class="image-5"></div>
</div>
<div class="column-4 w-col w-col-6">
<div class="div-block-6">
<div class="div-block-10"><img src="images/diamond_4x.png" width="24" alt="" class="image-7">
<div class="text-block-6">Collect & trade</div>
</div>
<p class="paragraph-2">And collect elements, items and gear, But if you die, you will lose everything you carry and others can scavenge your remains.</p>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div class="w-row">
<div class="column-4 w-col w-col-6">
<div class="div-block-5"><img src="images/collaborate.png" alt="" class="image-5"></div>
</div>
<div class="column-4 w-col w-col-6">
<div class="div-block-6">
<div class="div-block-10"><img src="images/player_4x.png" width="24" height="24" alt="" class="image-7">
<div class="text-block-6">Collaborate or race</div>
</div>
<p class="paragraph-2">Work with other players to defeat monsters. Or race against them to be the first to discover new rooms, collect elements and rare items.</p>
</div>
</div>
</div>
</div>
</div>
<div class="w-slider-arrow-left">
<a href="#" class="slider-button cc-contact-us w-inline-block"><img src="images/point_left_4x.png" width="28" alt="" class="image-6"></a>
</div>
<div class="w-slider-arrow-right">
<a href="#" class="slider-button cc-contact-us w-inline-block"><img src="images/point_right_4x.png" width="28" alt="" class="image-6"></a>
</div>
<div class="slide-nav w-slider-nav"></div>
</div>
</div>
<div class="tech-section wf-section">
<div class="blog-heading">
<div class="label cc-light">about the technology</div>
<h2 class="work-heading">Built entirely on the blockchain</h2>
</div>
<p class="paragraph-19">The dungeon is procedurally generated from the blockchain by you, the player, as you take actions. What this means is that the more active players there are, the more rooms, items, gears, monsters, and NPCs will be created in the dungeon. Being entired on the blockchain also means that we cannot change the rules or drop rates once a room is generated. Rare items stays rare. You have true ownership of your items and character – you can freely sell or trade them on marketplaces such as OpenSea.<br></p>
<div class="link-block-row w-row">
<div class="column-9 w-col w-col-4">
<a href="https://medium.com/@EthernalWorld/dungeon-crawler-32f693732a24" target="_blank" class="link-block-post w-inline-block">
<h1 class="link-block-label">learn more</h1>
</a>
</div>
<div class="column-14 w-col w-col-4">
<a href="https://ethernal.substack.com/" target="_blank" class="link-block-post w-inline-block">
<h1 class="link-block-label">dev log</h1>
</a>
</div>
<div class="column-10 w-col w-col-4">
<a href="https://www.youtube.com/watch?v=3_WLjLsYUbM" target="_blank" class="link-block-post w-inline-block">
<h1 class="link-block-label">our ethcc talk</h1>
</a>
</div>
</div>
<div class="div-block-15">
<div class="columns-3 w-row">
<div class="column-11 w-col w-col-5"></div>
<div class="column-12 w-col w-col-7">
<div class="div-block-16">
<h1 class="html5-header">HTML5 Web Game</h1>
<h1 class="html5-text">Play on the Web, iOS & Android</h1>
</div>
</div>
</div>
</div>
</div>
<div class="partner-section">
<div class="label cc-light">our partners</div>
<div class="div-block-17"><img src="images/matic.png" sizes="(max-width: 479px) 100vw, (max-width: 767px) 180px, 200px" srcset="images/matic-p-500.png 500w, images/matic.png 561w" alt="" class="image-16"><img src="images/opensea-logo-full-colored-blue.png" alt="" class="image-17"><img src="images/Screen-Shot-2020-05-02-at-9.34.30-PM.png" sizes="(max-width: 479px) 100vw, (max-width: 767px) 180px, 200px" srcset="images/Screen-Shot-2020-05-02-at-9.34.30-PM-p-500.png 500w, images/Screen-Shot-2020-05-02-at-9.34.30-PM-p-800.png 800w, images/Screen-Shot-2020-05-02-at-9.34.30-PM.png 954w" alt="" class="image-18"></div>
</div>
<div class="final-section">
<h2 class="work-heading-copy">Want to be an alpha tester?</h2>
<div class="div-block-18">
<div class="text-block-8">Follow us and tweet "<em>Open Sesame</em>" to <a href="https://twitter.com/EthernalWorld" target="_blank" class="link-5">@EthernalWorld</a>
</div>
</div>
</div>
<footer class="footer wf-section">
<div class="w-container">
<div class="div-block-7">
<div class="div-block-8">
<a href="https://twitter.com/EthernalWorld" target="_blank" class="mono-text-link">twitter</a>
<a href="https://twitter.com/EthernalWorld" target="_blank" class="footer-btn cc-contact-us w-inline-block"><img src="images/twitter_s.png" width="20" alt="" class="image-10"></a>
<a href="https://ethernal.substack.com/" target="_blank" class="footer-btn cc-contact-us w-inline-block"><img src="images/substack_s.png" width="20" alt="" class="image-10"></a>
<a href="https://github.com/0xgen0" target="_blank" class="footer-btn cc-contact-us w-inline-block"><img src="images/github_s.png" width="20" alt="" class="image-10"></a>
<a href="https://discord.gg/ygtFHU2" target="_blank" class="footer-btn-hidden cc-contact-us w-inline-block"><img src="images/discord_s.png" width="20" alt="" class="image-10"></a>
<a href="https://twitter.com/EthernalWorld" target="_blank" class="mono-text-link">substack</a>
<a href="https://twitter.com/EthernalWorld" target="_blank" class="mono-text-link">github</a>
<a href="https://medium.com/@EthernalWorld" target="_blank" class="mono-text-link">medium</a>
<a href="https://discord.gg/ygtFHU2" target="_blank" class="mono-text-link">discord</a>
</div>
<a href="mailto:[email protected]?subject=Hello" class="link-block-3 w-inline-block"><img src="images/email_4x.png" width="20" alt="" class="inline-image">
<div class="heading-2">enter [at] ethernal.world</div>
</a>
</div>
<div class="div-block-19">
<div class="text-block-9">Buidl with </div><img src="images/icon_hp_s.png" width="10" alt="">
</div>
<div class="div-block-9">
<div class="text-block-7">© 2020 Ethernal World</div>
<div class="text-block-7">Terms | Privacy</div>
</div>
</div>
</footer>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5e1a6fe3db4d520b4bf634c4" 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] -->
</body>
</html>