-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
393 lines (378 loc) · 22.3 KB
/
index.html
File metadata and controls
393 lines (378 loc) · 22.3 KB
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
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
---
home: true
is_full: true
layout: default
---
<section id="home" class="wrapper-content header">
<div class="container">
<section>
<div class="content floating">
<h1 class="alkhemikal">An enhanced version of Jump King.</h1>
<p>JumpKingPlus was an <strong>enhancement</strong> with plentiful of small tweaks to make your hard climb to the babe even better!</p>
<a class="button" style="opacity: 0.33;pointer-events: none;">
<ion-icon style="vertical-align: baseline;" name="download"></ion-icon> Get it now
</a>
<span id="downloads">
<script>
async function GET(url) {
const response = await fetch(url);
const json = await response.json();
return json;
}
function ParseGithubData(json) {
let dl = 0;
json.forEach(release => {
release.assets.forEach(asset => {
dl = Number(dl) + Number(asset.download_count);
});
});
return dl.toLocaleString(undefined);
}
GET("https://api.github.com/repos/JumpKingPlus/JumpKingPlus/releases")
.then(success => {
document.getElementById('downloads').innerText = ParseGithubData(success) + " total downloads";
})
</script>
</span>
</div>
<div class="images">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><g transform="translate(36 0) scale(-1 1)"><path fill="#FFAC33" d="M34.347 16.893l-8.899-3.294l-3.323-10.891a1 1 0 0 0-1.912 0l-3.322 10.891l-8.9 3.294a1 1 0 0 0 0 1.876l8.895 3.293l3.324 11.223a1 1 0 0 0 1.918-.001l3.324-11.223l8.896-3.293a.998.998 0 0 0-.001-1.875z"/><path fill="#FFCC4D" d="M14.347 27.894l-2.314-.856l-.9-3.3a.998.998 0 0 0-1.929-.001l-.9 3.3l-2.313.856a1 1 0 0 0 0 1.876l2.301.853l.907 3.622a1 1 0 0 0 1.94-.001l.907-3.622l2.301-.853a.997.997 0 0 0 0-1.874zM10.009 6.231l-2.364-.875l-.876-2.365a.999.999 0 0 0-1.876 0l-.875 2.365l-2.365.875a1 1 0 0 0 0 1.876l2.365.875l.875 2.365a1 1 0 0 0 1.876 0l.875-2.365l2.365-.875a1 1 0 0 0 0-1.876z"/></g></svg>
<div class="level-img">
<img id="level-img" class="level" src="https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/workshop/levels/ws3-3.png" alt="level">
<script>
let imgArr = [
{% for level in site.workshop %}
{% assign imgIndex = forloop.index %}
{% for image in level.images %}
{% if forloop.index != 1 %}
"{{ image }}",
{% endif %}
{% endfor %}
{% endfor %}
];
var num = Math.floor(Math.random() * (imgArr.length));
document.getElementById('level-img').src = imgArr[num];
</script>
</div>
<img class="jing" src="https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/jump_up.png" alt="jing">
</div>
</section>
</div>
</section>
<section id="features" class="wrapper-content header">
<div class="container">
<h2>Features (and cool perks)</h2>
<div class="grid">
<div class="long">
<ion-icon name="heart"></ion-icon>
<h3>Development community-oriented</h3>
<p>The JumpKingPlus' team <strong>fully supports</strong> the community around Jump King and has taken notes on the features and tweaks the game was missing and implemented it. Most of the features included in JumpKingPlus were requests from the community!</p>
</div>
<div>
<ion-icon name="stopwatch"></ion-icon>
<h3>Speedrun-friendly</h3>
<p>Hotkey for <img class="icon" title="Snake Ring" src="https://cdn.discordapp.com/app-assets/726077029195448430/735954342825427134.png" height="20" style="vertical-align: sub;"><img title="Giant Boots" class="icon" src="https://cdn.discordapp.com/app-assets/726077029195448430/735947335305265202.png" height="20" style="vertical-align: sub;">. Quick load, quick restart feature, precise timer, all <u>approved</u> for speedruns.</p>
</div>
<div>
<ion-icon name="planet"></ion-icon>
<h3>Multiplayer support <span class="rounded-full level-tag" style="display: inline;">New!</span></h3>
<p>Waiting for Jump King Quest? You can play online with your friends (<i>up to 8 concurrent players!</i>) using <a href="{{ site.baseurl }}/multiplayer-guide"><strong>Discord or Steam</strong></a>.</p>
</div>
<div>
<ion-icon name="layers"></ion-icon>
<h3>Custom level and skins support</h3>
<p>Whenever you feel like you want to play the <a href="{{ site.baseurl }}/workshop/5"><strong>Babe of the Realms</strong></a> custom level or play as <a href="{{ site.baseurl }}/workshop"><strong>Hollow Knight</strong></a>.</p>
</div>
<!-- <div>
<ion-icon name="layers"></ion-icon>
<h3>Custom skins/collections support</h3>
<p>If you are tired of the classic Jump King character, single skins or collections might be for you.</p>
</div> -->
<div>
<ion-icon name="library"></ion-icon>
<h3>Levels and skins documentation</h3>
<p>Creating a level or a custom skin/collection has never been so easy with an <a href="{{ site.baseurl }}/workshop/docs"><strong>in-depth documentation</strong></a>.</p>
</div>
</div>
<div class="grid" id="grid-to-show">
<div class="absolute">
<script>
function DisplayGrid() {
let grid = document.getElementById('grid-to-show');
let array = [...grid.getElementsByTagName("div")];
array.forEach(element => {
if (element.classList.contains('absolute')) {
grid.removeChild(element);
}
element.style.display = 'block';
});
}
</script>
<a onclick="DisplayGrid()" class="button small">Read more <ion-icon name="chevron-down"></ion-icon></a>
</div>
<div>
<ion-icon name="ribbon"></ion-icon>
<h3>Achievements on-the-fly <span class="rounded-full level-tag" style="display: inline;">New!</span></h3>
<p>Not only getting achievements work just like in Jump King, but getting them <strong>right after completion</strong> is now here!</p>
</div>
<div>
<ion-icon name="logo-discord"></ion-icon>
<h3>Full Discord integration</h3>
<p>Let your friends see you fell in the bog for the 1062th time with the Discord's Rich Presence.</p>
</div>
<div>
<ion-icon name="construct"></ion-icon>
<h3>Assistive tools</h3>
<p>Build helper, jump charge percentage or frame counter and screen teleport; features all aiding for your playing or crafting experience.</p>
</div>
<div>
<ion-icon name="menu"></ion-icon>
<h3>Improved menus</h3>
<p>Reorganized menus in-game in better groups to find what you need faster.</p>
</div>
<div>
<ion-icon name="eye"></ion-icon>
<h3>Stay focused on getting the babe</h3>
<p>Added the feature to disable NPC speeches and the location intros.</p>
</div>
<div>
<ion-icon name="egg"></ion-icon>
<h3>Easter eggs</h3>
<p>Collecting items can give you some unexpected results with NPCs.</p>
</div>
</div>
</div>
</section>
<section id="team" class="wrapper-content header">
<div class="container">
<h2>Team and collaborators</h2>
<div class="grid">
<div>
<img src="https://avatars.githubusercontent.com/u/41084138?v=4" alt="Phoenixx19">
<h3>Phoenixx19</h3>
<h4>CEO, developer, website manager</h4>
<div class="links">
<a target="_blank" href="https://github.com/Phoenixx19"><ion-icon name="logo-github"></ion-icon></a>
<a target="_blank" href="https://www.twitter.com/phxx19"><ion-icon name="logo-twitter"></ion-icon></a>
</div>
</div>
<div>
<img src="https://avatars.githubusercontent.com/u/44384404?v=4" alt="MERNY">
<h3>MERNY</h3>
<h4>User-generated-content manager (v1.2+)</h4>
<div class="links">
<a target="_blank" href="https://www.twitter.com/MERNY_50"><ion-icon name="logo-twitter"></ion-icon></a>
<a target="_blank" onclick="alert('MERNY#8542')"><ion-icon name="logo-discord"></ion-icon></a>
</div>
</div>
<div>
<img src="https://avatars.githubusercontent.com/u/37948990?v=4" alt="Ellie">
<h3>Elisiah</h3>
<h4>Developer (v1.7+)</h4>
<div class="links">
<a target="_blank" href="https://github.com/Elisiah"><ion-icon name="logo-github"></ion-icon></a>
<a target="_blank" href="https://www.twitter.com/TailsInABall"><ion-icon name="logo-twitter"></ion-icon></a>
<a target="_blank" href="https://elisiah.github.io"><ion-icon name="globe"></ion-icon></a>
</div>
</div>
<div>
<img src="https://avatars.githubusercontent.com/u/1113944?v=4" alt="Sahand">
<h3>Sahandevs</h3>
<h4>Developer (v1.8)</h4>
<div class="links">
<a target="_blank" href="https://github.com/sahandevs"><ion-icon name="logo-github"></ion-icon></a>
<a target="_blank" href="https://www.twitter.com/sahandevs"><ion-icon name="logo-twitter"></ion-icon></a>
</div>
</div>
</div>
<h3>Supporters of the project</h3>
<ul class="supporters">
<a href="https://www.paypal.me/{{ site.footer-links.paypal }}" class="button">Become a Gigachad <ion-icon name="logo-paypal" style="vertical-align: middle;"></ion-icon></a>
{% for supporter in site.data.supporters.supporters %}
{% include supporter.html name=supporter.name contribution=supporter.amount %}
{% endfor %}
</ul>
<h3>Community contributors <span title="The current contributors' wall is ordered by date of contribution." style="font-size:small;vertical-align:top;cursor:help;">?</span> </h3>
<ul class="contributors">
{% for contributor in site.data.contributors.contributors %}
{% include contributor.html name=contributor.name contribute=contributor.contribute %}
{% endfor %}
</ul>
</div>
</section>
<section id="faq" class="wrapper-content header">
<div class="container">
<h2>Frequently Asked Questions</h2>
<div class="flex">
<ul class="nav-list">
<li class="nav-list-item active">
<a onclick="DisplayAnswer(this, '1')" class="nav-list-link active">Is JumpKingPlus safe?</a>
</li>
<li class="nav-list-item">
<a onclick="DisplayAnswer(this, '2')" class="nav-list-link">Does JumpKingPlus work on GOG?</a>
</li>
<li class="nav-list-item">
<a onclick="DisplayAnswer(this, '3')" class="nav-list-link">How do I install a custom level?</a>
</li>
<li class="nav-list-item">
<a onclick="DisplayAnswer(this, '4')" class="nav-list-link">Why is the restart button not working?</a>
</li>
<li class="nav-list-item">
<a onclick="DisplayAnswer(this, '5')" class="nav-list-link">How do I install a skin/collection?</a>
</li>
<!-- <li class="nav-list-item">
<a onclick="DisplayAnswer(this, '6')" class="nav-list-link">I don't like the binds. Can I change them?</a>
</li> -->
<li class="nav-list-item">
<a onclick="DisplayAnswer(this, '7')" class="nav-list-link">How do I toggle "cheats"?</a>
</li>
<li class="nav-list-item">
<a onclick="DisplayAnswer(this, '8')" class="nav-list-link">Is it fine for speedrunning?</a>
</li>
<!-- <li class="nav-list-item">
<a onclick="DisplayAnswer(this, '9')" class="nav-list-link">JumpKing crashes after pressing a key. Fix?</a>
</li> -->
<li class="nav-list-item">
<a onclick="DisplayAnswer(this, '10')" class="nav-list-link">Can't uninstall JumpKingPlus...</a>
</li>
<!-- <li class="nav-list-item">
<a onclick="DisplayAnswer(this, '11')" class="nav-list-link">Can I customize/recompile JumpKingPlus?</a>
</li> -->
</ul>
<div id="answersList" class="answer">
<div id="answer1">
<p>The JumpKingPlus project is <strong>safe</strong> and <strong>open source</strong>.</p>
<ol>
<li>
It has been <strong>verified</strong> as an optional tool for speedruns on <a target="_blank" href="https://www.speedrun.com/jumpking/resources"><strong>Speedrun.com</strong></a>
</li>
<li>
It has been used in various <strong>verified speedruns</strong>:
<ul>
<li>100% 43:07.070, by Laayuman <a target="_blank" href="https://www.twitch.tv/videos/953858437"><ion-icon name="logo-twitch"></ion-icon></a></li>
<li>100% 47:09.83x, by Tetoloid <a target="_blank" href="https://www.twitch.tv/videos/1025815511/?&tt_content=channel_name&tt_medium=embed"><strong><ion-icon name="logo-twitch"></ion-icon></strong></a></li>
<li>100% 57:09.960, by けんちゃん <a target="_blank" href="https://www.youtube.com/watch?v=mGp-bJN-UFg"><ion-icon name="logo-youtube"></ion-icon></a></li>
<li>All Maps 21:12.920, by Tetoloid <a target="_blank" href="https://www.youtube.com/watch?v=ztkh-5g_N_c"><ion-icon name="logo-youtube"></ion-icon></a></li>
<li>Ghost of the Babe 5:47.973, by Laayuman <a target="_blank" href="https://www.twitch.tv/videos/895408065/?&tt_content=channel_name&tt_medium=embed"><ion-icon name="logo-twitch"></ion-icon></a></li>
</ul>
</li>
<li>It has been <strong>recognized by the official Jump King twitter</strong> account. <a href="https://twitter.com/nexilegames/status/1325429701549027333"><ion-icon name="logo-twitter"></ion-icon></a> <a href="https://twitter.com/nexilegames/status/1419312990705291268"><ion-icon name="logo-twitter"></ion-icon></a></li>
<li>It has been used by by <strong>popular streamers</strong> (such as forsen, xQc, Elajjaz, Mizkif and ludwig) to play custom levels such as <a href="{{ site.baseurl }}/workshop/4"><strong>Immortal Babe</strong></a> or <a href="{{ site.baseurl }}/workshop/3"><strong>Babe of Ascension</strong></a>.</li>
<li>It has over <strong>20 thousand downloads</strong> and counting.</li>
</ol>
<div class="transparency">
<div class="logo">
<ion-icon name="shield"></ion-icon>
</div>
<div class="content">
<h3>JumpKingPlus' Transparency and Safety</h3>
<p>If you have still doubts about JumpKingPlus, read more about JumpKingPlus' transparency and safety on the blogpost <a href="/transparency"><strong>here</strong></a>.</p>
</div>
</div>
</div>
<div id="answer2" style="display: none;">
<p><strong>No</strong>, JumpKingPlus does not work with the GOG version and there is currently <u>no interest in making GOG version of JumpKingPlus</u>, not owning a copy of Jump King on the platform.</p>
<p>Jump King on GOG works in a different way than the Steam version, that means the installer is incompatible with Jump King (GOG version).</p>
</div>
<div id="answer3" style="display: none;">
<h3>Video tutorial</h3>
<iframe src="https://www.youtube-nocookie.com/embed/1encOb7Rs6o?autoplay=0" allowfullscreen="" width="100%" height="600" frameborder="0"></iframe>
<h3 style="margin-top: 1rem;">Text explaination</h3>
<ol>
<li>Find a level you would like to play in the workshop section, download it using the Download button.</li>
<li>Open the .zip file.</li>
<li>Replace the <code class="language-plaintext highlighter-rouge">Jump King/Content/mods</code> folder with the <code class="language-plaintext highlighter-rouge">mods</code> folder inside the .zip file.</li>
<li>(optional) Make sure the level.xnb and mod.xml file exist.</li>
<li>Open Jump King and click on New Game (unless you have a save for it).</li>
<li>Profit.</li>
</ol>
</div>
<div id="answer4" style="display: none;">
<p>The quick restart button has been disabled <strong>by default</strong> from <i>v1.5.2</i>.</p>
<p>In order to enable it:</p>
<ol>
<li>Edit the <code class="language-plaintext highlighter-rouge">JumpKing.exe.config</code> file inside the Jump King folder.</li>
<li>Find the current text in the file: <code class="language-plaintext highlighter-rouge">boomerProofRestart="True"</code>.</li>
<li>Change it to <code class="language-plaintext highlighter-rouge">boomerProofRestart="False"</code>.</li>
</ol>
</div>
<div id="answer5" style="display: none;">
<h3>Video tutorial</h3>
<iframe src="https://www.youtube-nocookie.com/embed/2M03SIBnMcc?autoplay=0" allowfullscreen="" width="100%" height="600" frameborder="0"></iframe>
<h3 style="margin-top: 1rem;">Text explaination</h3>
<ol>
<li>Find a skin/collection you would like to use in the workshop, download it using the Download icon button.</li>
<li>Open the .zip file.</li>
<li>Head to <code class="language-plaintext highlighter-rouge">Jump King/Content/wardrobe</code>.</li>
<li>Drag the files from the .zip file inside the folder.</li>
</ol>
<p>If some skins are in the way once you start the game, consider disabling them in the Inventory > Wardrobe.</p>
</div>
<!-- <div id="answer6" style="display: none;">
<img src="https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/bind.png" alt="Bind">
<p>They are fully bindable on all devices (as long as you plug them in).
The previous binds before installing JumpKingPlus <strong>won’t work</strong> so please politely rebind your preferred controller.</p>
</div> -->
<div id="answer7" style="display: none;">
<p><strong>Warning: with cheats, achievements are disabled!</strong></p>
<h3>Enabling cheats</h3>
<p>Edit the <code class="language-plaintext highlighter-rouge">JumpKing.exe.config</code> file inside the Jump King folder; where it says <code class="language-plaintext highlighter-rouge">cheats="False"</code> change it to <code class="language-plaintext highlighter-rouge">cheats="True"</code>.</p>
<h3>Disabling cheats</h3>
<p>Edit the <code class="language-plaintext highlighter-rouge">JumpKing.exe.config</code> file inside the Jump King folder; where it says <code class="language-plaintext highlighter-rouge">cheats="True"</code> change it to <code class="language-plaintext highlighter-rouge">cheats="False"</code>.</p>
</div>
<div id="answer8" style="display: none;">
<img src="https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/tools.png" alt="tools" />
<p>JumpKingPlus has been <a href="{{ site.baseurl }}/speedrun"><strong>approved</strong></a> on speedrun(dot)com for speedrunning. You will need to disable cheats (if you have them enabled, <strong>cheats enabled runs will be not valid</strong>). More details on the <a href="https://www.speedrun.com/jumpking">speedrun rules</a>.</p>
</div>
<!-- <div id="answer9" style="display: none;">
<p>Delete your controller binds (they are .xml files, look the image below for an example) inside the <code class="language-plaintext highlighter-rouge">ControllerBinds</code> folder inside <code class="language-plaintext highlighter-rouge">Jump King\Content</code>.</p>
<img src="https://raw.githubusercontent.com/JumpKingPlus/JumpKingPlus.github.io/www/images/files.png" alt="binds">
<p>Say goodbye to your binds though.</p>
<p>Should be fixed with release `v1.5.1`.</p>
</div> -->
<div id="answer10" style="display: none;">
<p>Reinstall JumpKing and try uninstall after downloading it again.</p>
<h4>If still not working:</h4>
<p>Send us a message through Jump King's Discord or Github and we'll try to help you through.</p>
</div>
<!-- <div id="answer11" style="display: none;">
<p>Yes. I left the source code on Github and you can easily recompile the <code class="language-plaintext highlighter-rouge">JumpKingPlus.dll</code> file and <code class="language-plaintext highlighter-rouge">JumpKing.exe</code> (check <strong>insider</strong> branch) if you would like.</p>
</div> -->
</div>
<script>
function DisplayAnswer(item, number) {
var oldAnswer = document.querySelector(".nav-list-item.active");
oldAnswer.classList.remove('active');
oldAnswer.children[0].classList.remove('active');
item.classList.add('active');
item.parentNode.classList.add('active');
var newAnswer = document.getElementById('answer'+number);
var answers = document.getElementById('answersList');
[...answers.children].forEach(element => {
element.style.display = 'none';
if (element = newAnswer) {
element.style.display = 'block';
}
});
}
</script>
</div>
</div>
</section>
<section id="contact" class="wrapper-content header">
<div class="container">
<h2>Still not convinced yet?</h2>
<p>If you have a question to ask us, talk about the development or just have a chat.<br>Tweet us a message or join the official Jump King's Discord server!</p>
<div>
<a target="_blank" href="https://twitter.com/compose/tweet?text=Hello%20@JumpKingPlus!%0AI%20was%20wondering%20if..."><ion-icon name="logo-twitter"></ion-icon> Tweet us</a>
<a target="_blank" class="button small" style="margin-left: 1rem;" href="https://discord.gg/{{ site.footer-links.discord }}"><ion-icon name="logo-discord"></ion-icon> Join the Discord server</a>
</div>
</div>
</section>
<!-- <script>
function scrollToBottom() {
window.scrollTo(0, document.body.scrollHeight);
}
history.scrollRestoration = "manual";
window.onload = scrollToBottom;
</script> -->