-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
445 lines (417 loc) · 23 KB
/
index.html
File metadata and controls
445 lines (417 loc) · 23 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
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CTF Map Builder Guide</title>
<style>
:root {
--primary-color: #1e3a8a;
--bg-light: #ffffff;
--text-light: #000000;
--bg-dark: #1a1a1a;
--text-dark: #f5f5f5;
--padding: 15px;
--margin-top: 1px;
}
body {
font-family: Arial, sans-serif;
background-color: var(--bg-dark);
color: var(--text-dark);
margin: 0;
padding: 0;
transition: background 0.3s, color 0.3s;
}
.light-mode {
background-color: var(--bg-light);
color: var(--text-light);
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
background: var(--primary-color);
padding: 15px;
color: white;
text-decoration: none;
}
.tabs button,
.toggle-mode {
background: none;
border: none;
color: white;
font-size: 18px;
margin: 0 10px;
cursor: pointer;
text-decoration: none;
}
.tabs button:hover,
.toggle-mode:hover {
text-decoration: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background: white;
min-width: 200px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dropdown-content button {
color: black;
padding: 10px;
text-align: left;
width: 100%;
border: none;
background: none;
cursor: pointer;
}
.dropdown-content button:hover {
background: #f1f1f1;
}
.dropdown:hover .dropdown-content {
display: block;
}
.toggle-mode {
font-size: 18px;
padding: 5px 10px;
border-radius: 5px;
}
.container {
padding: var(--padding);
display: flex;
flex-wrap: wrap;
margin-right: 50px;
}
.content {
display: none;
width: 100%;
padding: var(--padding);
margin-top: var(--margin-top);
margin-right: 50px;
}
.content.active {
display: block;
}
.home-content {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.text-content {
width: 100%;
/* Ajuste la largeur du texte */
padding: var(--padding);
}
.image-content {
width: 35%;
/* Ajuste la largeur de l'image */
text-align: right;
padding: 10px;
margin-right: 50px;
}
.image-content img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
.image-content2 {
width: 45%;
text-align: right;
padding: 20px;
}
.image-content2 img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
.link {
text-decoration: none;
color: blue;
}
</style>
</head>
<body>
<nav class="navbar">
<div class="tabs">
<button onclick="showTab('home')">Home</button>
<button onclick="showTab('about')">Capture The Flag</button>
<button onclick="showTab('map')">Map making</button>
<button onclick="showTab('advice')">Advice</button>
<div class="dropdown">
<button>Mods ▼</button>
<div class="dropdown-content">
<button onclick="showTab('service1')">Worldedit</button>
<button onclick="showTab('service2')">Worldedit Undo</button>
<button onclick="showTab('service3')">Worldedit Additions</button>
<button onclick="showTab('service4')">Worldedit HUD Helper</button>
<button onclick="showTab('service5')">Terraform</button>
</div>
</div>
</div>
<button class="toggle-mode" onclick="toggleMode()">☀️ Mode Clair</button>
</nav>
<div id="home" class="content">
<div class="home-content">
<div class="text-content">
<h1>CTF (Capture The Flag) game 🏴☠️</h1>
<p>CTF is a competitive and strategic game mode 🧠🎯 where two teams compete to capture the opposing
flag 🚩 <br>While defending their own. It requires thought, cooperation and speed 🏃♂️💨.</p>
<h2>Why create a CTF map? 🏗️🎨</h2>
<p>🔹 🛠️ Balance & Strategy - A good map should offer varied paths, strong defensive zones <br>🏰 and
strategic locations to prevent the game becoming too unbalanced ⚖️.</p>
<p>🔹 🔥 Unique experience - By designing an original map, you can offer new game dynamics <br>💡 and
surprise players with innovative mechanics 🔄.</p>
<p>🔹 🎭 Immersion & Fun - A well-designed map with a captivating theme 🏜️🏙️ <br>and a
well-thought-out design makes the game experience even more engaging and fun 😃.</p>
<p>🔹 💎 Customisation & Creativity - Creating a map is also about expressing your vision <br>🎨 by
adding decorative elements, obstacles and fine-tuning every detail for a positive✨ experience.</p>
<p>🔹 🏆 A challenge for players! - A well-designed map offers moments of intensity and competition
<br>🔥, pushing players to give their best 💪to combat the opposing team.</p>
<p>🔹 👉 In short, creating a CTF map means shaping a unique playing field for a competitive <br>and
immersive experience 🎮.</p>
</div>
<div class="image-content">
<img src="image.png" alt="CTF Map Example">
</div>
</div>
</div>
<div id="about" class="content">
<div class="text-content">
<h1>Capture The Flag</h1>
<h2>You can download capture the flag from minetest:</h2>
<p>Go to ‘Content’ then ‘Browse online content’ then search for ‘Capture The Flag’. Click on ‘Capture The
Flag by rubenwardy’ and Install</p>
</div>
<div class="image-content2">
<img src="download.png" alt="CTF Map dowload">
</div>
<div class="text-content">
<h2>You can also visit the Capture The Flag github: <a href="https://github.com/MT-CTF/capturetheflag"
target="_blank" class="link">Clic here</a></h2>
<p>Go to the URL above and click on ‘code’ then download ZIP. Go to your downloads, right click on the
folder click on unzip then put the folder in minetest or luanti/games, <br>you also need to install 4
other dependencies: <br>
<br>🔹mhud - <a href=https://github.com/LoneWolfHT/mhud/tree/056dbfbe71e232927410c1b4d5d3cdfbdc8a74a3
target="_blank" class="link">Github mhud</a>
<br>🔹rawf - <a href=https://github.com/LoneWolfHT/rawf/tree/4f2d7f3507be3e7c7465f9a05b76fb8c06682bd9
target="_blank" class="link">Github rawf</a>
<br>🔹ChatCmdBuilder - <a
href=https://github.com/rubenwardy/ChatCmdBuilder/tree/be3906e1fbd21f5c3149309c831b1a92769d3f93
target="_blank" class="link">Github ChatCmdBuilder</a>
<br>🔹skybox - <a href=https://github.com/MT-CTF/skybox/tree/ab87534a3f333214ef484767f30c0b0f34759f41
target="_blank" class="link">Github skybox</a>
<br>🔹maps - <a href=https://github.com/MT-CTF/maps target="_blank" class="link">Github maps</a>
<br><br>Once downloaded like Capture the Flag, you need to unzip them and put them in: <br>
<br><code>🔹minetest or luanti/games/capturetheflag/mods/other </code>for the ChatCmdBuilder and skybox
folder.
<br><code>🔹minetest or luanti/games/capturetheflag/mods/apis </code>for rawf and mhud folder.
<br><code>🔹minetest or luanti/games/capturetheflag/mods/ctf/ctf_map/maps </code>for maps.
</p>
<div class="image-content2">
<img src="github.png" alt="github">
</div>
</div>
<div class="text-content">
<h2>And finally via ContentDB online: <a
href="https://content.luanti.org/packages/rubenwardy/capturetheflag/" target="_blank"
class="link">Clic here</a></h2>
<p>Click on Download then unzip and put the downloaded folder in <code>minetest or luanti/games</code>.</p>
<div class="image-content2">
<img src="contentdb.png" alt="cdb">
</div>
</div>
</div>
<div id="map" class="content">
<h1>Making a map</h1>
<p>Conseils pour la création de maps.</p>
</div>
<div id="advice" class="content">
<h1>Advice</h1>
<p>Conseils pour la création de maps.</p>
</div>
<div id="service1" class="content">
<h1>Worldedit</h1>
There are 3 ways to download Worldedit undo:<br><br>
🔹From minetest: ‘Content’ then ‘Browse online content’, then search for ‘worldedit undo’. Click on ‘Worldedit
by sfan5’ and Install.<br>
<div class="image-content2">
<img src="dowloadminetestwe.png" alt="minetestwe">
</div>
🔹From the CDB: <a href="https://content.luanti.org/packages/sfan5/worldedit/ target=" _blank"
class="link">ContentDB Worldedit</a>, click on download then unzip the folder and put it in
<code>minetest or luanti/mods</code><br>
<div class="image-content2">
<img src="contentdbwe.png" alt="cdbminetestwe">
</div>
🔹Or from Github: <a href="https://github.com/Uberi/Minetest-WorldEdit target=" _blank" class="link">Github
Worldedit undo</a>, click on "code" and "download zip" then download zip then unzip the folder and put it in
<code>minetest or luanti/mods</code>
<p>
<div class="image-content2">
<img src="githubwe.png" alt="githubwe">
</div>
<h1>There are a lot of commands with Worldedit, here is a list of the most useful ones</h1>
<p>🔹<code>//help [all/<cmd>]</code> Get help for WorldEdit commands. all shows all WorldEdit commands, <cmd>
the help text for the given command.<br>
🔹<code>//pos1</code> or <code>//1</code> Set WorldEdit region position 1 to the player's location.
<code>//pos2</code> or <code>//2</code> Set WorldEdit region position 2 to the player's location.<br>
🔹<code>//volume</code>Display the volume of the current WorldEdit region.<br>
🔹<code>//set ‹node› </code>Set the current WorldEdit region to ‹node›.<br>
🔹<code>//mix ‹node1› [count1] ‹node2› [count2] ...</code>Fill the current WorldEdit
region with a random mix of ‹node1›, ‹node2›, <br>  ... Weightings can be
optionally specified via the [count1], [count2], ... parameters after a node name.<br>
🔹<code>//replace ‹search node› ‹ replace node›</code> Replace all instances of
‹search node› with ‹replace node› in the current WorldEdit region.<br>
🔹<code>//replaceinverse ‹search node› ‹ replace node›</code> Replace all nodes
other than ‹search node› with ‹replace node› in the current WorldEdit region.<br>
🔹<code>//replace ‹search node› ‹ replace node›</code> Replace all instances of
‹search node› with ‹replace node› in the current WorldEdit region.<br>
🔹<code>//hollowcube ‹width› ‹height› ‹length› ‹node›</code>
Adds a hollow cube with its ground level centered at WorldEdit position 1 with dimensions
‹width› x ‹height› x ‹length›, composed of ‹node›. <br>
🔹<code>//cube ‹width› ‹height› ‹length› ‹node›</code> Adds a
cube with its ground level centered at WorldEdit position 1 with dimensions ‹width› x
‹height› x ‹length›, composed of ‹node›. <br>
🔹<code>//hollowsphere ‹radius› ‹node›</code> Add hollow sphere centered at
WorldEdit position 1 with radius ‹radius›, composed of ‹node›. <br>
🔹<code>//sphere ‹radius› ‹node›</code> Add sphere centered at WorldEdit position 1
with radius ‹radius›, composed of ‹node›. <br>
🔹<code>//hollowdome ‹radius› ‹node›</code> Add hollow dome centered at WorldEdit
position 1 with radius ‹radius›, composed of ‹node›. <br>
🔹<code>//dome ‹radius› ‹node›</code> Add dome centered at WorldEdit position 1 with
radius ‹radius›, composed of ‹node›. <br>
🔹<code>//hollowcylinder ‹x/y/z/?› ‹length› ‹radius1› [radius2] ‹node›</code>
Add hollow cylinder at WorldEdit position 1 along the given axis with length ‹length›, base
radius ‹radius1› <br>  (and top radius [radius2]), composed of
‹node›. <br>
🔹<code>//cylinder ‹x/y/z/?› ‹length› ‹radius1› [radius2] ‹node›</code>
Add cylinder at WorldEdit position 1 along the given axis with length ‹length›, base radius
‹radius1› <br>  (and top radius [radius2]), composed of ‹node›.
<br>
🔹<code>//hollowpyramid ‹x/y/z/?› ‹height› ‹node›</code> Add hollow
pyramid centered at WorldEdit position 1 along the given axis with height ‹height› composed of
‹node›. <br>
🔹<code>//pyramid ‹x/y/z/?› ‹height› ‹node›</code> Add pyramid centered at
WorldEdit position 1 along the given axis with height ‹height› composed of ‹node›.
<br>
🔹<code>//spiral ‹length› ‹height› ‹spacer› ‹node›</code> Add
spiral centered at WorldEdit position 1 with side length ‹length›, height ‹height›,
space between walls ‹spacer›, composed of ‹node›. <br>
🔹<code>//copy ‹x/y/z/?› ‹amount›</code> Copy the current WorldEdit region along the
given axis by ‹amount› nodes. <br>
🔹<code>//move ‹x/y/z/?› ‹amount›</code> Move the current WorldEdit positions and
region along the given axis by ‹amount› nodes. <br>
🔹<code>//stack ‹x/y/z/?› ‹count›</code> Stack the current WorldEdit region along
the given axis ‹count› times. <br>
🔹<code>//transpose ‹x/y/z/?› ‹x/y/z/?›</code> Transpose the current WorldEdit
positions and region along given axes. <br>
🔹<code>//flip ‹x/y/z/?›</code> Flip the current WorldEdit region along the given axis. <br>
🔹<code>//rotate ‹x/y/z/?› ‹angle›</code> Rotate the current WorldEdit positions and
region along the given axis by angle ‹angle› (90 degree increment). <br>
🔹<code>//orient ‹angle›</code> Rotate oriented nodes in the current WorldEdit region around
the Y axis by angle ‹angle› (90 degree increment). <br>
🔹<code>//fixlight</code> Fixes the lighting in the current WorldEdit region. <br>
🔹<code>//drain</code> Removes any fluid node within the current WorldEdit region. <br>
🔹<code>//clearcut</code> Removes any plant, tree or foliage-like nodes in the selected region. <br>
🔹<code>//save ‹file›</code> Save the current WorldEdit region to "(world
folder)/schems/‹file›.we". <br>
🔹<code>//load ‹file›</code> Load nodes from "(world folder)/schems/‹file›.we" with
position 1 of the current WorldEdit region as the origin. <br>
🔹<code>//mtschemcreate ‹file›</code> Save the current WorldEdit region using the Minetest
Schematic format to "(world folder)/schems/‹file›.mts". <br>
🔹<code>//mtschemplace ‹file› [rotation]</code> Load nodes from "(world
folder)/schems/‹file›.mts" with position 1 of the current WorldEdit region as the origin.
<br>   Valid values for [rotation] are 0, 90, 180, and 270. <br></p>
</div>
<div id="service2" class="content">
<h1>Worldedit Undo</h1>
<h2>Worldedit undo lets you go back on a command you've just done. </h2><br>
<p><strong>It's essential with Worldedit if you do something you don't want to, you can delete
it.</strong><br><br>
There are 3 ways to download Worldedit undo:<br><br>
🔹From minetest: ‘Content’ then ‘Browse online content’, then search for ‘worldedit undo’. Click on
‘Worldedit undo by Hybrid Dog’ and Install.<br>
<div class="image-content2">
<img src="dowloadminetestweundo.png" alt="cdbweundo">
</div>
🔹From the CDB: <a href="https://content.luanti.org/packages/Hybrid%20Dog/we_undo/ target=" _blank"
class="link">ContentDB Worldedit undo</a>, click on download then unzip the folder and put it in
<code>minetest or luanti/mods</code><br>
<div class="image-content2">
<img src="contentdbweundo.png" alt="cdbminetestweundo">
</div>
🔹Or from codeberg: <a href="https://codeberg.org/HybridDog/we_undo target=" _blank" class="link">Codeberg
Worldedit undo</a>, click on <code>...</code> then download zip then unzip the folder and put it in
<code>minetest or luanti/mods</code>
<p>
<div class="image-content2">
<img src="codeberg.png" alt="codebergweundo">
</div>
<h2>The different commands:</h2>
<p>🔹<code>//undo</code> Allows you to go back an action, which can be executed several times in a row.<br>
🔹<code>//redo</code> Redo what was removed with <code>//undo</code>.<br>
🔹<code>//show_journal</code> Enables you to see what can be undone or redone </p>
</div>
<div id="service3" class="content">
<h1>Worldedit Additions</h1>
<p>Fonctionnalités supplémentaires de Worldedit.</p>
</div>
<div id="service4" class="content">
<h1>Worldedit HUD Helpler</h1>
<h2>Worldedit HUD Helper helps you with Worldedit commands by showing you the full name of the blocks and the
axis you're looking at.</h2><br>
There are 3 ways to download Worldedit HUD Helper:<br><br>
🔹From minetest: ‘Content’ then ‘Browse online content’, then search for ‘worldedit hud helper’. Click on
‘worldedit HUD Helper by Starbeamrainbowlabs’ and Install.<br>
<div class="image-content2">
<img src="dowloadminetestwehud.png" alt="cdbweundo">
</div>
🔹From the CDB: <a href="https://content.luanti.org/packages/Starbeamrainbowlabs/worldedit_hud_helper/ target="
_blank" class="link">ContentDB Worldedit HUD Helper</a>, click on download then unzip the folder and put it
in <code>minetest or luanti/mods</code><br>
<div class="image-content2">
<img src="contentdbwehud.png" alt="cdbminetestweundo">
</div>
🔹Or from Gitlab: <a href="https://gitlab.com/sbrl/worldedit_hud_helper target=" _blank" class="link">Gitlab
Worldedit undo</a>, click on 'code' then download zip then unzip the folder and put it in
<code>minetest or luanti/mods</code>
<p>
<div class="image-content2">
<img src="gitlabwehud.png" alt="codebergweundo">
</div>
<h2>The different commands:</h2>
<p>🔹<code>//hud</code> Toggles whether the HUD is shown or not.<br>
🔹<code>//hudoffset ‹offset_in_pixels›</code> Redo what was removed with <code>//undo</code>.<br>
</div>
<div id="service5" class="content">
<h1>Terraform</h1>
<p>Outils de terraformation.</p>
</div>
<script>
function toggleMode() {
document.body.classList.toggle('light-mode');
let btn = document.querySelector('.toggle-mode');
if (document.body.classList.contains('light-mode')) {
btn.textContent = '🌙 Mode Sombre';
} else {
btn.textContent = '☀️ Mode Clair';
}
}
function showTab(tabId) {
document.querySelectorAll('.content').forEach(tab => {
tab.classList.remove('active');
});
document.getElementById(tabId).classList.add('active');
}
window.onload = function () {
showTab('home');
};
</script>
</body>
</html>