-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
535 lines (507 loc) · 26.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
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
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fiesta Online</title>
<link href="css/main.css?ver=1.0.8" rel="stylesheet">
<link rel="stylesheet" href="css/simple-line-icons.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/jquery.lightbox.css">
</head>
<body onload="initialize()">
<div class="container-fluid block_one">
<div class="container">
<div class="row">
<div class="col-xs-12 logo">
<a href="#" class="option animated fadeInDownBig">
<img src="img/logo.png" alt=""/>
</a>
</div>
<div class="col-xs-12 one_block_cont">
<h1 class="option animated fadeInLeft">A MYSTIC WORLD OF ADVENTURES
<span></span>
</h1>
<span class="option animated fadeInRight">Explore the vibrant world of Isya, complete quests and conquer extraordinary foes. </span>
</div>
</div>
</div>
</div>
<div class="container-fluid block_features">
<div class="container">
<div class="row">
<h2 class="lightbg fadeInRight">Choose Your Class<span></span></h2>
<div class="class-container">
<div class="class-icon" data-class="archer">
<img src="img/class-icon-archer-static.png" alt="Archer Icon" style="width: 50px; height: 50px;">
<h3>Archer</h3>
</div>
<div class="class-icon" data-class="crusader">
<img src="img/class-icon-crusader-static.png" alt="Crusader Icon" style="width: 50px; height: 50px;">
<h3>Crusader</h3>
</div>
<div class="class-icon" data-class="cleric">
<img src="img/class-icon-cleric-static.png" alt="Cleric Icon" style="width: 50px; height: 50px;">
<h3>Cleric</h3>
</div>
<div class="class-icon" data-class="fighter">
<img src="img/class-icon-fighter-static.png" alt="Fighter Icon" style="width: 50px; height: 50px;">
<h3>Fighter</h3>
</div>
<div class="class-icon" data-class="mage">
<img src="img/class-icon-mage-static.png" alt="Mage Icon" style="width: 50px; height: 50px;">
<h3>Mage</h3>
</div>
<div class="class-icon" data-class="joker">
<img src="img/class-icon-joker-static.png" alt="Joker Icon" style="width: 50px; height: 50px;">
<h3>Trickster</h3>
</div>
</div>
<div id="class-description">
<p class="description-text"></p>
<img id="class-main-image" src="" alt="Class Image">
</div>
</div>
</div>
</div>
<div class="container-fluid block_two">
<div class="container">
<div class="row">
<div class="col-xs-12 text wow bounceInRight">
<h2>Ready to Dive In?</h2>
<span>
Discover a world of adventure with our comprehensive guides designed for both newcomers and seasoned players. Uncover exciting new features, battle fierce monsters, and explore uncharted realms. Whether you’re starting your journey or revisiting old favorites, there’s always something new to experience!
</span>
</div>
</div>
</div>
</div>
<div class="container-fluid block_links"></div>
<div class="container">
<div class="row">
<h2 class="lightbg fadeInRight">History of Fiesta<span></span></h2>
<div class="links-container">
<div class="links-icon" data-class="chp1">
<img src="img/class-icon-story-static.png" alt="Chapter Icon" style="width: 50px; height: 50px;">
<h3>Chapter 1</h5>
</div>
<div class="links-icon" data-class="chp2">
<img src="img/class-icon-story-static.png" alt="Chapter Icon" style="width: 50px; height: 50px;">
<h3>Chapter 2</h5>
</div>
<div class="links-icon" data-class="chp3">
<img src="img/class-icon-story-static.png" alt="Chapter Icon" style="width: 50px; height: 50px;">
<h3>Chapter 3</h5>
</div>
<div class="links-icon" data-class="chp4">
<img src="img/class-icon-story-static.png" alt="Chapter Icon" style="width: 50px; height: 50px;">
<h3>Chapter 4</h5>
</div>
<div class="links-icon" data-class="chp5">
<img src="img/class-icon-story-static.png" alt="Chapter Icon" style="width: 50px; height: 50px;">
<h3>Chapter 5</h5>
</div>
<div class="links-icon" data-class="chp6">
<img src="img/class-icon-story-static.png" alt="Chapter Icon" style="width: 50px; height: 50px;">
<h3>Chapter 6</h5>
</div>
<div class="links-icon" data-class="chp7">
<img src="img/class-icon-story-static.png" alt="Chapter Icon" style="width: 50px; height: 50px;">
<h3>Chapter 7</h5>
</div>
<div class="links-icon" data-class="chp8">
<img src="img/class-icon-story-static.png" alt="Chapter Icon" style="width: 50px; height: 50px;">
<h3>Chapter 8</h5>
</div>
</div>
<div id="links-description">
<p class="linksdescription-text"></p>
<img id="links-main-image" src="" alt="">
</div>
</div>
</div>
</div>
<div class="container-fluid subs" id="register">
<div class="container">
<div class="row">
<h2 class="darktbgheadlines wow fadeInUp">Come Join the Fun.<span></span></h2>
<span class="formdescr wow fadeInRight">Register Below</span>
<form id="registerForm">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<label for="rpassword">Repeat Password:</label>
<input type="password" id="rpassword" name="rpassword" required>
<button type="submit">Register</button>
</form>
<div id="statusMessage"></div>
</div>
</div>
</div>
<div class="container-fluid social wow fadeInLeft">
<div class="container">
<div class="row">
<h2 class="lightbg wow fadeInUp">PC Requirements<span></span></h2>
<table>
<tr>
<th>SYSTEM</th>
<th>Minimum Requirements</th>
<th>Recommended Requirements</th>
</tr>
<tr>
<td>OS</td>
<td>Windows 7</td>
<td>Windows 10 or Windows 11</td>
</tr>
<tr>
<td>CPU</td>
<td>Intel Pentium IV 1.6GHz or equivalent</td>
<td>Intel Core i5 or AMD Ryzen 5</td>
</tr>
<tr>
<td>RAM</td>
<td>4GB</td>
<td>8GB</td>
</tr>
<tr>
<td>HD SPACE</td>
<td>10GB</td>
<td>18GB SSD</td>
</tr>
<tr>
<td>GRAPHIC CARD</td>
<td>NVIDIA Geforce MX or equivalent</td>
<td>NVIDIA GeForce GTX 1050 or AMD Radeon RX 560</td>
</tr>
<tr>
<td>DIRECT X</td>
<td>DirectX 9.0c or higher</td>
<td>DirectX 12</td>
</tr>
<tr>
<td>CONNECTION SPEED</td>
<td>DSL (128kbps) or better</td>
<td>Broadband Internet connection</td>
</tr>
</table>
<span>*Also works with Parrallels Desktop on macOS. (Intel or Apple Silicon)</span>
</div>
</div>
</div>
<div class="container-fluid steps">
<div class="container">
<div class="row">
<h2 class="darktbgheadlines wow fadeInUp">How to play<span></span></h2>
<ul>
<li class="wow fadeInLeft">Register an account. (<a class="scroll-to-register" href="#register">Register</a>)</li>
<li class="wow fadeInRight">Download our client. (<a href="https://drive.google.com/file/d/1cD8lJWcesbHBByJK6A0YRY5paBc4vqZx/view?usp=share_link">Click here!</a>)</li>
<li class="wow fadeInLeft">Extract Fiesta Online and run the Launcher.</li>
<li class="wow fadeInRight">Let the Launcher patch your client.</li>
<li class="wow fadeInLeft">Launch and login to play Fiesta!</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid video">
<div class="container">
<div class="row">
<div class="col-xs-6 video-pr">
<div class="zetindex">
<h2 class="wow bounceInLeft darktbgheadlines">Experience the Adventure<span></span></h2>
<span class="wow fadeInRight">
Catch a glimpse of the epic journey ahead. Watch our gameplay trailer and see what awaits you in the fight to save Isya.
</span>
<div class="btn_group wow fadeInRight">
<a href="https://drive.google.com/file/d/1cD8lJWcesbHBByJK6A0YRY5paBc4vqZx/view?usp=share_link" class="border_btn white_btn option animated fadeInLeft">Download now!</a> <a href="#register" class="red_btn option animated fadeInRight">Register</a>
</div>
</div>
</div>
<div class="col-xs-6 vidos">
<div class="zetindex">
<video width="560" height="315" controls>
<source src="img/Fiesta_Trailer.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<span></span>
</div>
</div>
</div>
<div class="container-fluid subs">
<div class="container">
<div class="row">
<h2 class="darktbgheadlines wow fadeInUp">Check out our other Projects<span></span></h2>
<span class="formdescr wow fadeInRight">Turningpoint is another free to play MMORPG, where the sky is limit. Fly around, make friends, get an adorable pet.</span>
<div class="btn_group wow fadeInRight">
<a href="https://turningpoint.lanteacorp.com" class="border_btn white_btn option animated fadeInLeft">Learn More!</a>
</div>
</div>
</div>
</div>
<script>
document.querySelectorAll('.links-icon').forEach(icon => {
icon.addEventListener('click', function() {
const classType = this.getAttribute('data-class');
const descriptionContainer = document.querySelector('.linksdescription-text');
const classMainImage = document.querySelector('#links-main-image');
// Check if the current icon is already active
const activeIcon = document.querySelector('.links-icon.active');
if (activeIcon && activeIcon !== this) {
// If there's an active icon and it's not the same one, switch content
activeIcon.classList.remove('active');
}
if (this.classList.contains('active')) {
// If the same icon is clicked again, close the content
descriptionContainer.style.display = 'none';
classMainImage.style.display = 'none';
this.classList.remove('active');
} else {
// Activate the clicked icon and show the corresponding description and image
this.classList.add('active');
let descriptionText = '';
let imgSrc = '';
switch(classType) {
case 'chp1':
descriptionText = `
<p><b>The Birth of Bijou</b></p>
<p>Legel, greater than the gods, could create existence from nothing and purify it back to its original form. He created a vast and beautiful continent in the realm of time, shared his powers with the gods, and brought forth life. Watching the creatures live in harmony with nature was Legel’s greatest joy.</p>
<p>But jealousy took root in the gods. They desired Legel's power and pleasure, so they conspired to imprison him in darkness. As he was being sealed, Legel created Bijou, a reflection of himself, holding all his strength. Though the gods sealed Legel, they couldn’t destroy Bijou, who remained in the world.</p>
<p>In their fear, the gods unleashed a powerful force, shattering Bijou and scattering his pieces across the continent. They believed Bijou, now broken, was powerless. But the peace didn’t last. One day, a song of blessing echoed through the elven forests, marking the discovery of one of Bijou’s pieces.</p>
`;
imgSrc = 'img/class-story-1.png';
break;
case 'chp2':
descriptionText = `
<p><b>The Discovery of Bijou</b></p>
<p>The elves considered Bijou a divine gift. His presence blessed the land, making it fertile and prosperous. But the gods, driven by fear, created monsters by mixing their blood with the souls of creatures. These dark forces spread across the continent, ravaging Isya’s once vibrant landscape.</p>
<p>The elves, seeing their homeland destroyed, decided to fight. But their unity faltered when Jenira, leader of another forest, refused to join the battle. He chose to hide, believing resistance was futile.</p>
<p>“Jenira! How long do you think you can hide?” Elderine cried. “The gods are destroying everything! Will you stand by while the woods burn?”</p>
<p>Despite Jenira’s fear, the elves rallied behind Elderine’s call. Their determination turned the tide of the battle. But victory was bittersweet. Endless waves of monsters drained their strength.</p>
<p>The gods, desperate to end the conflict, tainted Elderine's brother Epith with greed. Betraying his kin, Epith fell into darkness, and Elderine, heartbroken, left her homeland.</p>
`;
imgSrc = 'img/class-story-1.png';
break;
case 'chp3':
descriptionText = `
<p><b>Journey with embracing Bijou</b></p>
<p>“My wise elves, remember today’s sorrow! We leave behind our home, but carry with us the spirit of our fallen comrades.” Elderine's journey seemed endless as the devastation across the continent grew worse.</p>
<p>Finally, they reached the Deep South, far from the monsters’ reach. There, the elves encountered humans—a new race unlike any they had seen. These humans ate meat, cut trees, and built homes, living a life foreign to the elves, who harmonized with nature.</p>
<p>“Why do you kill to live? You could survive without eating meat,” Elderine asked. The eldest human replied, “We are not as strong as the elves. We must work together and harvest the land to survive.”</p>
<p>Though their lives were short, Elderine admired the humans’ resilience. She realized their way of life, though different, was no less righteous. “We thought our way was the only way. But your lives are just as true. I, Elderine, wish to live in peace with humans, in harmony with Legel’s blessings.”</p>
`;
imgSrc = 'img/class-story-2.png';
break;
case 'chp4':
descriptionText = `
<p><b>Elderines' Town</b></p>
<p>The humans and elves lived in harmony, and the city of Elderine flourished. However, the monsters, searching for Bijou, marched south. Despite their best efforts, the elves and humans struggled to defend their city. In the chaos, Elderine decided to confront Epith.</p>
<p>“Epith, you once loved life. Now you destroy it. How could you?” she cried.</p>
<p>Epith replied, “The gods can recreate life. What does it matter if we burn it all to ash?”</p>
<p>“You’re wrong! Bijou’s power brings life, not destruction!”</p>
<p>Epith, consumed by darkness, refused to listen and imprisoned Elderine in a dark cell. A human knight named Roumen, glowing with hope, freed her. In the struggle, Roumen’s sword struck Elderine as she shielded Epith. He knelt in silence, overcome with regret.</p>
`;
imgSrc = 'img/class-story-2.png';
break;
case 'chp5':
descriptionText = `
<p><b>Epith’s choice</b></p>
<p>Roumen returned with the wounded Elderine and vowed to fight. Darkness soon covered the land, and the monsters launched an attack. The elves and humans were overwhelmed.</p>
<p>But in an unexpected turn, the fallen elves began attacking the monsters. Epith, in a moment of redemption, led the charge against the monsters, fighting fiercely to atone for his sins. Elderine cast a spell, and the light of her blessing filled the battlefield, restoring hope to the elves and humans.</p>
<p>The fallen elves, now freed from their greed, begged for forgiveness, which Elderine granted. She named them “Dark Elves” and embraced them as eternal allies. A tall stone tower was built in honor of the new harmony, and so that Epith could return one day.</p>
`;
imgSrc = 'img/class-story-3.png';
break;
case 'chp6':
descriptionText = `
<p><b>Oath of Hednis</b></p>
<p>The clans agreed to form a strong state, with Elderine at the center. The bond between humans, elves, and Dark Elves brought prosperity to the land. But the gods, furious, sent curses instead of monsters, casting the continent into chaos with natural disasters.</p>
<p>Despite the catastrophes, the alliance endured. Elderine prayed daily, holding Bijou’s fragment, seeking guidance and strength.</p>
<p>Then, one day, Bijou’s fragment glowed, shooting a pillar of light into the sky. All over the continent, the fragments of Bijou did the same. Sweet rain fell, and life returned to the land. This day, later known as the ‘Purification of Light,’ marked the continent's rebirth.</p>
`;
imgSrc = 'img/class-story-3.png';
break;
case 'chp7':
descriptionText = `
<p><b>Short moment of peace</b></p>
<p>After the purification of light, Isya flourished with new life. Trees grew tall, and peace reigned across the land. The gods, overwhelmed by Legel’s endless vitality, could do nothing but watch as the alliance of humans, elves, and dark elves thrived.</p>
<p>Over time, Elderine, Roumen, and other heroes passed away, leaving their legacy of unity and peace. But as Bijou’s blessing was gradually forgotten, a new threat emerged. Markis, the god of death and destruction, conspired with other dark gods to plunge the world into chaos.</p>
<p>They banished the gods of life, scattering them across the land. Nature became a wild rosebush, Cypian wept with the animals, Enid embarked on a quest for redemption, and Teva, saved by Legel’s love, became the goddess of eternal life. Hope endured as the gods worked to restore balance.</p>
`;
imgSrc = 'img/class-story-4.png';
break;
case 'chp8':
descriptionText = `
<p><b>The Last War</b></p>
<p>Warriors and mages from all corners gathered to combat the new threat. The gods, united once more, led their followers in a final stand against the dark gods. Epic battles ensued across the continent, each side vying for control.</p>
<p>In the midst of the conflict, a final battle took place between Markis and the gods. The clash of divine and demonic forces shook the world. The forces of light, led by the gods, triumphed, restoring balance and peace to the land.</p>
<p>With the dark gods vanquished, a new era began. The alliance of humans, elves, and dark elves continued to thrive. And though the gods of life were freed, they remained vigilant, ensuring that the land would never again fall into darkness.</p>
`;
imgSrc = 'img/class-story-4.png';
break;
}
descriptionContainer.innerHTML = descriptionText;
classMainImage.src = imgSrc;
descriptionContainer.style.display = 'block';
classMainImage.style.display = 'block';
}
});
});
</script>
<script>
document.querySelectorAll('.class-icon').forEach(icon => {
icon.addEventListener('click', function() {
const classType = this.getAttribute('data-class');
const descriptionContainer = document.querySelector('.description-text');
const classMainImage = document.querySelector('#class-main-image');
// Check if the current icon is already active
const activeIcon = document.querySelector('.class-icon.active');
if (activeIcon && activeIcon !== this) {
// If there's an active icon and it's not the same one, switch content
activeIcon.classList.remove('active');
activeIcon.classList.remove('clicked'); // Remove 'clicked' class from the previously active icon
}
if (this.classList.contains('active')) {
// If the same icon is clicked again, close the content
descriptionContainer.style.display = 'none';
classMainImage.style.display = 'none';
this.classList.remove('active');
this.classList.remove('clicked'); // Remove 'clicked' class if content is closed
this.querySelector('img').src = `img/class-icon-${classType}.png`; // Reset image src
} else {
// Activate the clicked icon and show the corresponding description and image
this.classList.add('active');
this.classList.add('clicked'); // Add 'clicked' class to the clicked icon
let descriptionText = '';
let imgSrc = '';
switch (classType) {
case 'archer':
descriptionText = `
<p>Archer are highly qualified experts with a wide range of deadly bows and crossbows. As they gather lots of different poisons on their journey through nature they are quite deadly adversaries.</p>
<p>In a group they can easily combat faraway enemies or use their poisons to defeat large groups of opponents.</p>
`;
imgSrc = 'img/class-archer.png';
break;
case 'crusader':
descriptionText = `
<p>The Crusaders left Isya many years ago to discover the world - but they are back now! As keeper of the old elfin nobility the Crusader uses magical 2-handed blades in combat.</p>
<p>The imps, small tricky monsters, will try to rout everyone that is trying to get close to them.</p>
`;
imgSrc = 'img/class-crusader.png';
break;
case 'cleric':
descriptionText = `
<p>The Cleric is a great supporting class. They use hammers, maces and shields to fight. With the power of faith they can conjure mighty healing spells and also increase the magical skills of their allies.</p>
<p>Reviving other players is also one of their specialties to support their team.</p>
`;
imgSrc = 'img/class-cleric.png';
break;
case 'fighter':
descriptionText = `
<p>The fighter is a very strong melee class. They relentlessly steeled their body to gain force and endurance. They use swords, shields and axes to crush their enemies in combat.</p>
<p>Fighter will lead their team to victory - especially against stronger enemies.</p>
`;
imgSrc = 'img/class-fighter.png';
break;
case 'mage':
descriptionText = `
<p>The Mage is a scary fighter. By using their elemental skills they can conjure fiery, icy or lightning attacks on far away enemies.</p>
<p>In a group Mages can contain large groups of enemies and deal lots of damage to them. Mighty staves or wands are the weapon of their choice.</p>
`;
imgSrc = 'img/class-mage.png';
break;
case 'joker':
descriptionText = `
<p>Tricksters are known to jump into fights like a berserk. With claws or double blades they slash their enemies and jar everyone with their fast and fancy moves.</p>
<p>In a group they usually fight beside the Fighter and deal lots of melee damage. They can also flank their enemies and deal devastating blows which make the Trickster a fast dashing class.</p>
`;
imgSrc = 'img/class-joker.png';
break;
}
descriptionContainer.innerHTML = descriptionText;
classMainImage.src = imgSrc;
descriptionContainer.style.display = 'block';
classMainImage.style.display = 'block';
this.querySelector('img').src = `img/class-icon-${classType}-clicked.png`; // Update image src to clicked state
}
});
icon.addEventListener('mouseover', function() {
if (!this.classList.contains('clicked')) {
// Change image src to hover state
const img = this.querySelector('img');
const dataClass = this.getAttribute('data-class');
img.src = `img/class-icon-${dataClass}-hover.png`;
}
});
icon.addEventListener('mouseout', function() {
if (!this.classList.contains('clicked')) {
// Change image src back to default state
const img = this.querySelector('img');
const dataClass = this.getAttribute('data-class');
img.src = `img/class-icon-${dataClass}.png`;
}
});
});
</script>
<script src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<script src="js/bootstrap.min.html"></script>
<script type="text/javascript">
function setHeiHeight() {
"use strict";
$('.block_one').css({
height: $(window).height() + 'px'
});
}
setHeiHeight();
$(window).resize( setHeiHeight );
</script>
<script src="js/wow.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/jquery.lightbox.min.js"></script>
<script>
document.getElementById('registerForm').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent the form from submitting normally
var formData = new FormData(this);
var statusMessage = document.getElementById('statusMessage');
fetch('https://sql.lanteacorp.com/fiestaregister.php', {
method: 'POST',
body: formData
// Content-Type header removed; FormData sets it automatically
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
if (data.success) {
statusMessage.innerHTML = '<span style="color: green;">' + data.message + '</span>';
} else {
statusMessage.innerHTML = '<span style="color: red;">' + data.message + '</span>';
}
})
.catch(error => {
statusMessage.innerHTML = '<span style="color: red;">An error occurred: ' + error.message + '</span>';
});
});
</script>
<footer class="footer">
<div class="footer-left">
<svg class="w-6 h-6" fill="white" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
</svg>
<a href="https://github.com/Anqui3tas" class="open-source-link">Open Source</a>
</div>
<div class="footer-right">
<img src="img/badge.svg" alt="Badge Image">
</div>
</footer>
</body>
</html>