-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
251 lines (249 loc) · 20 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
<!DOCTYPE html>
<html class="with-effects">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<link rel="icon" type="image/png" href="/img/favicon.webp" />
<meta name="theme-color" content="black">
<title>The Long Journey | FOnline Roleplay</title>
<meta name="description" content="FOnline Roleplaying Community Project">
<meta name="keywords" content="fonline,roleplay,rpg,online,heavy rp,heavy roleplay,immersion,mod">
<link rel="stylesheet" href="/assets/app.css" type="text/css">
</head>
<body>
<section class="tool">
<div id="features" class="splide">
<div class='splide__before-pagination'>
<div class='splide__logo'></div>
<div class='splide__header'>Features</div>
</div>
<div class='splide__after-pagination'>
<div class='splide__header'>Links</div>
<div class='splide__button-grid'>
<a href="https://google.com" class='btn btn--with-dot' target='_blank'>
<div class='btn--transparent'>
<div class='btn__header'>
<div class="title">Join us at Discord</div> </div>
</div>
</a>
<a href="https://google.com" class='btn btn--with-dot' target='_blank'>
<div class='btn--transparent'>
<div class='btn__header'>
<div class="title">Support at Patreon</div> </div>
</div>
</a>
</div>
</div>
<div class="splide__track fo-display">
<ul class="splide__list">
<li
class="splide__slide splide__slide--video splide__slide--description"
data-url="https://www.youtube.com/embed/8Tmsou4ByZ8?controls=0&autoplay=1" data-title="The Long Journey"
data-icon=""
style="background: url()"
>
<div class="splide__screen">
<div class="splide__screen__description"><p style='text-align:center'><img src='/assets/ui/full-logo.png'></p>
<p><u>FOnline: The Long Journey</u> is a Fаllоut 1/2 based online RPG, set in Fallout atmosphere, following the original parts canon and ideas.</p>
<p>The game focuses on roleplay and survival, replicating the absolute ruthlessness of the Wastelands and the anarchic post nuclear world.</p>
<p>Forget about being a "Chosen One" or some kind of superhuman being able to change the world around. Here you are nothing and nobody with the price of broken penny for the head of yours.</p>
<p>Your character is fragile, your aim is to survive and thrive, your dream is to find your place in the unforgiving world.</p>
<p>The place you have to fight for and the biggest enemy won't be the mutated fauna or the desert, but the very people around you.</p>
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Everchanging world"
data-icon="/assets/icons/journal.png"
style="background: url(/assets/backgrounds/background.jpg)"
>
<div class="splide__screen">
<div class="splide__screen__title">Everchanging world</div>
<div class="splide__screen__description">Player choices define the landscape. GMs offer a plot but how to play it is up to you.
Request non-player faction help? Overthrow the mayor and declare war to NCR?
Ban the carrying of weapons and turn the city into a utopia?
It's all up to you, but don't forget: wasteland is harsh and every choice or inaction taken might fire back twice as hard.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Custom locations"
data-icon="/assets/icons/highwayman.png"
style="background: url(/assets/backgrounds/encounter.jpg)"
>
<div class="splide__screen">
<div class="splide__screen__title">Custom locations</div>
<div class="splide__screen__description">The game is long-term session-based, each one takes place in a certain place of the post nuclear North American
continent. Unlike in classic original, there ain't no global map, instead a set of numerous locations are tied up
side by side -- yet still you can visit most well known original universe cities but -- as part of GM-curated event.
Mapping team works hard to make the locations look good and to keep it up to ongoing story -- after all, anything at
the game map can be build and demolished -- the whole landscape might change due to actions of players.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Custom assets"
data-icon="/assets/icons/bag.png"
style="background: url(/assets/backgrounds/dump.jpg)"
>
<div class="splide__screen">
<div class="splide__screen__title">Custom assets</div>
<div class="splide__screen__description">Except for skins, items and objects of the original F1/2 games we've acquired permission to use a huge load of game
assets from other FOnline projects and F1/2 modifications, as well as added a lot of own creations including items,
game world objects, sounds, music and much more.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--video splide__slide--description"
data-url="https://www.youtube.com/embed/9ADfldugKls?controls=0&autoplay=1" data-title="Real time combat"
data-icon="/assets/icons/shells.png"
style="background: url(img/2.png)"
>
<div class="splide__screen">
<div class="splide__screen__title">Real time combat</div>
<div class="splide__screen__description">Since it is nearly impossible to provide fluid simultaneous combat-and-peaceful activities experience on large
multiplayer maps, combat is realtime-based. However, we tweaked it as much as possible to be both fun for those
who seeks the thrill of fight and not too bothersome for peace-seekers. Yet, beware, once you die, the game is over.
And nothing kills better than self-confidence. The combat differs from the original game and other FOnline projects.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Interactivity"
data-icon="/assets/icons/pipboy.png"
style="background: url(/assets/backgrounds/port.jpg)"
>
<div class="splide__screen">
<div class="splide__screen__title">Interactivity</div>
<div class="splide__screen__description">Aside ability to change the game world with our mapping team support, there are a lot of things you can do on yourself.
Buy and craft furniture, move it around your home, plant stuff, burn stuff and just listen to some old world music on
newly acquired jukebox while integrating walkie-talkie into your combat armor at grandpa workbench. May items like the
vote boxes, vending machines, light and power controls are interactive -- try to figure them all out on your own.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Crafting"
data-icon="/assets/icons/plans.png"
style="background: url(img/17.png)"
>
<div class="splide__screen">
<div class="splide__screen__title">Crafting</div>
<div class="splide__screen__description">We have a broad crafting system incorporating both classic "fixboy" mechanics and new specialized furniture craft
systems like workbenches, tables for growing mushrooms, melting machines and moonshine stills. Pay players for bringing
up resources, pay fellow crafters for providing you specialized components and craft your food, armor, weapons, furniture,
ammo and consumables the way you want. Beside, since it is a roleplaying project, we highly adore you going further and
actually roleplaying the crafting process -- the more realistic the more chances you have GM issue you a result that's not
even in the craftlists. Though. With high reward comes the great risk and who knows what's going to happen in a case of failure.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--video splide__slide--description"
data-url="https://www.youtube.com/embed/n5-Go-eHsGg?controls=0&autoplay=1" data-title="Mining"
data-icon="/assets/icons/pickaxe.png"
style="background: url(/assets/backgrounds/mining.jpg)"
>
<div class="splide__screen">
<div class="splide__screen__title">Mining</div>
<div class="splide__screen__description">[TODO] Most game world trees can be chopped for wood. Given you have the necessary equipment you can visit the local cave system to see
if you can mine some rare materials or just old good iron ore for further melting. Or, in the end just stroll around the ruins to
find some God forgotten junk pile to try digging out something useful with your multitool.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--video splide__slide--description"
data-url="https://www.youtube.com/embed/7kKd3bvaN78?controls=0&autoplay=1" data-title="Scavenging"
data-icon=""
style="background: url()"
>
<div class="splide__screen">
<div class="splide__screen__title">Scavenging</div>
<div class="splide__screen__description">[TODO] Most game world trees can be chopped for wood. Given you have the necessary equipment you can visit the local cave system to see
if you can mine some rare materials or just old good iron ore for further melting. Or, in the end just stroll around the ruins to
find some God forgotten junk pile to try digging out something useful with your multitool.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Logging"
data-icon=""
style="background: url()"
>
<div class="splide__screen">
<div class="splide__screen__title">Logging</div>
<div class="splide__screen__description">[TODO] Most game world trees can be chopped for wood. Given you have the necessary equipment you can visit the local cave system to see
if you can mine some rare materials or just old good iron ore for further melting. Or, in the end just stroll around the ruins to
find some God forgotten junk pile to try digging out something useful with your multitool.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Farming and fishing"
data-icon="/assets/icons/radcvet.png"
style="background: url()"
>
<div class="splide__screen">
<div class="splide__screen__title">Farming and fishing</div>
<div class="splide__screen__description">Given you have fertile land and the seeds, you might try to become a successful farmer and grow up you food and fortune. Or, if
you don't want to bother with hiring guards or hunt for <del>slaves</del> to work on your plantations, just buy or make a fishing
rod and chill out on the nearest shore. Just beware, don't step into water and be ready to run if a mirelurk comes to visit.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Hunting and skinning"
data-icon="/assets/icons/capcan.png"
style="background: url(/assets/backgrounds/hunt.jpg)"
>
<div class="splide__screen">
<div class="splide__screen__title">Hunting and skinning</div>
<div class="splide__screen__description">If nether farming or fishing is your vocation, you can always resort to the old ways and go hunt some unlucky animal to feed on.
Though, beware, hunting is second to none business when it comes to dying miserably because of your own neglectance. Only junkies
hunt with the bare hands - use hunting nets, traps and throwers to outsmart your pray and cheat your own death.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
<li
class="splide__slide splide__slide--description"
data-title="Hunger, thirst and more"
data-icon="/assets/icons/meat.png"
style="background: url(/assets/backgrounds/campfire.jpg)"
>
<div class="splide__screen">
<div class="splide__screen__title">Hunger, thirst and more</div>
<div class="splide__screen__description">Whether you are a passing savage or mayor of the city, you are still a mere human. We have non-obtrusive hunger and thirst mechanics
to ensure your character is not feeding on a thin air. You can get drunk, irradiated or forever injured, run into some serious
really incident and GMs will make it sure to make you remember it for long.
</div>
</div>
<iframe style="visibility:hidden" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</li>
</ul>
</div>
</div>
</section>
<script src="/assets/bundle.js"></script>
</body>
</html>