-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
631 lines (583 loc) · 33.2 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
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>מלחמת הניצוצות | War of the Sparks</title>
<link rel="stylesheet" href="styles/styles.css">
<script src="scripts/menu.js" defer></script>
<script src="scripts/footer.js" defer></script>
</head>
<body>
<header class="header">
<h1 class="title">✨ מלחמת הניצוצות ✨</h1>
<p>המאבק על עתיד האנושות מתחיל כאן</p>
<div class="header-description">
<p>במרכז עולם קסום שבו כל אדם נושא ניצוץ ייחודי בתוכו, מתחולל מאבק עז בין כוחות האור לרוחות הרעות. כאשר
הכוחות הרעים מתחילים להחדיר ניצוצות חושך לתוך בני האדם ולגרום לבלבול וסכיזופרניה, עתיד העולם נמצא בסכנה.
הגיבורים שלנו נדרשים לא רק להילחם בקרב פיזי, אלא גם להתמודד עם הכוחות שמנסים לשבור את האמונה הפנימית
והכוחות הפנימיים שלהם.</p>
</div>
</header>
<div class="container">
<section>
<h2>🌟 תקציר הפרויקט</h2>
<p>מלחמת הניצוצות הוא סרט פנטזיה המתאר מאבק בין כוחות האור לכוחות הרשע. במרכז העלילה עומד הרעיון שבכל אדם
קיים ניצוץ ייחודי, והמאבק מתנהל על שליטה בניצוצות אלו ועל עתיד האנושות.</p>
</section>
<section class="forces-grid">
<div class="force-card">
<h3 class="force-title">🌞 כוחות האור</h3>
<ul>
<li>✨ חיל האורות</li>
<li>🧹 חיל מטאטא</li>
</ul>
</div>
<div class="force-card">
<h3 class="force-title">🌑 כוחות הרשע</h3>
<ul>
<li>☠️ חיל טומאה</li>
<li>👿 חיל כפירה</li>
<li>💔 חיל זנות</li>
<li>🤖 חיל טכנולוגיה</li>
</ul>
</div>
</section>
<section class="plot-structure">
<h2>📖 מבנה העלילה</h2>
<p>הסדרה מתוכננת ל-24 פרקים, המתפרשים על פני ארבעה חלקים מרכזיים:</p>
<div class="plot-grid">
<div class="plot-card">
<div class="plot-icon">⚔️</div>
<h3>התפתחות המאבק</h3>
<p>חשיפת המתח המתגבר בין כוחות האור והחושך, והשפעתו על העולם</p>
</div>
<div class="plot-card">
<div class="plot-icon">✨</div>
<h3>גילוי כוחות חדשים</h3>
<p>חשיפת יכולות וניצוצות חדשים שמשנים את מאזן הכוחות</p>
</div>
<div class="plot-card">
<div class="plot-icon">🎭</div>
<h3>פיתויים ואתגרים</h3>
<p>התמודדות הגיבורים עם דילמות מוסריות ופיתויים רוחניים</p>
</div>
<div class="plot-card">
<div class="plot-icon">🔮</div>
<h3>קרבות והתפתחות</h3>
<p>עימותים מכריעים והתפתחות אישית של הדמויות המרכזיות</p>
</div>
</div>
</section>
<section class="forces-details">
<h2>⚔️ חיילות הלוחמים</h2>
<div class="forces-grid">
<!-- כוחות האור -->
<div class="force-card light-forces">
<h3 class="force-title">✨ חיילות האור</h3>
<div class="force-description">
<div class="force-unit">
<h4>🌟 חיל האורות</h4>
<p>מייצג את הטוב הטהור. לוחמים אלה משתמשים בניצוצותיהם כדי להאיר את הדרך, להדוף את החשיכה,
ולרפא את פצעי הנפש והגוף.</p>
</div>
<div class="force-unit">
<h4>🧹 חיל מטאטא</h4>
<p>מתמקד בניקוי והרחקת הרוחות הרעות. משתמשים בכלים קסומים לטיהור אזורים מזוהמים על ידי
הניצוצות השחורים.</p>
</div>
</div>
</div>
<!-- כוחות האופל -->
<div class="force-card dark-forces">
<h3 class="force-title">🌑 חיילות האופל</h3>
<div class="force-description">
<div class="force-unit">
<h4>☠️ חיל טומאה</h4>
<p>מייצג את הזוהמה והכוחות השליליים שמנסים להאפיל על האור. לוחמים אלה מסוגלים להרעיל את
הנשמה ולהפוך ניצוצות טהורים לרעים.</p>
</div>
<div class="force-unit">
<h4>👿 חיל כפירה</h4>
<p>מכוון להרס האמונה והתקווה, מנסה להפריד בין אנשים לניצוצות שלהם, ליצור ספקות ולהחליש את
הכוח הפנימי שלהם.</p>
</div>
<div class="force-unit">
<h4>💔 חיל זנות</h4>
<p>מפתה אנשים לאבד את ניצוצותיהם דרך תשוקות ושאיפות ריקות, כוחם נמצא ביצירת אשליות והסחות
דעת.</p>
</div>
<div class="force-unit">
<h4>🤖 חיל טכנולוגיה</h4>
<p>חיל שמנסה להשתמש בטכנולוגיה כדי לשלוט בניצוצות, או אפילו לכלוא אותם בתוך מכשירים או
מכונות.</p>
</div>
</div>
</div>
</div>
</section>
<section class="forces-battles">
<h2>⚔️ עימותים בין החיילות</h2>
<div class="battles-grid">
<!-- חיל האורות נגד חיל טומאה -->
<div class="battle-card">
<h3>🌟 חיל האורות נגד ☠️ חיל טומאה</h3>
<div class="battle-sides">
<div class="battle-side light">
<h4>חיל האורות</h4>
<p>משתמשים בניצוצותיהם להאיר את החשכה, לחשוף את האמת ולרפא פצועים. כלי נשק מאירים שמסוגלים
לשבור רוחות רעות ולהפיץ אור טהור.</p>
</div>
<div class="battle-side dark">
<h4>חיל טומאה</h4>
<p>משתמשים בזוהמה וברוע להחשיך את הנשמה ולהרעיל את האור. מסוגלים להפוך ניצוצות טהורים לרעים
ולהחליש לוחמים דרך אשליות.</p>
</div>
</div>
</div>
<!-- חיל מטאטא נגד חיל כפירה -->
<div class="battle-card">
<h3>🧹 חיל מטאטא נגד 👿 חיל כפירה</h3>
<div class="battle-sides">
<div class="battle-side light">
<h4>חיל מטאטא</h4>
<p>מטהרים שטחים מזוהמים ומבצעים גרוש רוחות רעות. משתמשים במטאטאים קסומים לפיזור רוחות
וניטרול
השפעתן.</p>
</div>
<div class="battle-side dark">
<h4>חיל כפירה</h4>
<p>מתמקדים בהפצת ספק וחוסר אמונה. יוצרים בלבול פנימי וערעור באמונה, מה שמחליש את הניצוצות
ומפריד בין האדם לכוחותיו.</p>
</div>
</div>
</div>
<!-- חיל זנות נגד חיל האורות -->
<div class="battle-card">
<h3>💔 חיל זנות נגד 🌟 חיל האורות</h3>
<div class="battle-sides">
<div class="battle-side dark">
<h4>חיל זנות</h4>
<p>משתמשים בפיתוי ותשוקות להוביל לאובדן ניצוצות. מפזרים ניצוצות רעות לבלבול והטעיה, ומובילים
לאשליות והשחתה.</p>
</div>
<div class="battle-side light">
<h4>חיל האורות</h4>
<p>נלחמים בהשפעות השליליות דרך חיזוק האור הפנימי והארת הדרך האמיתית. יוצרים חומות אור להגנה
מפני פיתויים.</p>
</div>
</div>
</div>
<!-- חיל טכנולוגיה נגד חיל מטאטא -->
<div class="battle-card">
<h3>🤖 חיל טכנולוגיה נגד 🧹 חיל מטאטא</h3>
<div class="battle-sides">
<div class="battle-side dark">
<h4>חיל טכנולוגיה</h4>
<p>מנסים ללכוד ניצוצות במכשירים ומערכות טכנולוגיות. מערבבים רוח עם מכונות ליצירת סיכונים
חדשים.</p>
</div>
<div class="battle-side light">
<h4>חיל מטאטא</h4>
<p>נלחמים בטכנולוגיה המשתלטת עם כלים לנטרול מכשירים. משחררים ניצוצות לכודים ומשמידים שליטה
טכנולוגית.</p>
</div>
</div>
</div>
</div>
</section>
<section class="confusion-powers">
<h2>🌀 כוחות הבלבול</h2>
<div class="force-card dark-forces">
<h3 class="force-title">ניצוצות מבלבלות</h3>
<div class="force-description">
<div class="force-unit">
<h4>💫 השפעות הבלבול</h4>
<p>כוחות הרשע משתמשים בניצוצות המבלבלות כדי לחדור לתוך האדם וליצור בלבול פנימי. הניצוצות האלה:
</p>
<ul class="confusion-effects">
<li>🌀 מטעות את האדם ומובילות להחלטות שגויות</li>
<li>🌫️ גורמות לערפול המחשבה</li>
<li>💔 יוצרות תחושת חוסר יציבות רגשית</li>
<li>🎭 מערערות את הביטחון העצמי</li>
</ul>
</div>
</div>
</div>
</section>
<section class="sephirot-powers">
<h2>🔯 שערי הכוח - ספירות הקבלה</h2>
<div class="sephirot-grid">
<!-- כתר -->
<div class="sephirah-card">
<h3>👑 כתר - Crown</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>שלטון עליון וקדושה</h4>
<p>מייצג את הכוח העליון והקדושה הטהורה</p>
</div>
<div class="sephirah-side dark">
<h4>חיל כפירה</h4>
<p>מייצגים את האתגרים והפיתויים שמערערים את שלטון האור והאמונה</p>
</div>
</div>
</div>
<!-- חכמה -->
<div class="sephirah-card">
<h3>📚 חכמה - Wisdom</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>בינה עליונה ותבונה</h4>
<p>מייצג את החוכמה העליונה והתבונה הטהורה</p>
</div>
<div class="sephirah-side dark">
<h4>חיל טומאה</h4>
<p>מייצגים את כוחות הזוהמה והשקר שמנסים לטשטש ולהשמיד את התבונה והחוכמה</p>
</div>
</div>
</div>
<!-- בינה -->
<div class="sephirah-card">
<h3>🔮 בינה - Understanding</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>תובנה וביטוי פנימי</h4>
<p>מייצג את התובנה העמוקה והביטוי הפנימי</p>
</div>
<div class="sephirah-side dark">
<h4>חיל זנות</h4>
<p>מייצגים את הפיתויים והתשוקות שמערערים את התובנה הפנימית והבהירות</p>
</div>
</div>
</div>
<!-- חסד -->
<div class="sephirah-card">
<h3>💝 חסד - Kindness</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>חסד ואהבה</h4>
<p>מייצג את האהבה הטהורה והחסד האמיתי</p>
</div>
<div class="sephirah-side dark">
<h4>חיל טכנולוגיה</h4>
<p>מייצגים את השפעת הטכנולוגיה על היכולת להראות חסד אמיתי ותחושות אנושיות</p>
</div>
</div>
</div>
<!-- גבורה -->
<div class="sephirah-card">
<h3>⚔️ גבורה - Severity</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>כוח ונחישות</h4>
<p>מייצג את הכוח והנחישות הטהורים בעבודת הקודש</p>
</div>
<div class="sephirah-side dark">
<h4>חיל מטאטא</h4>
<p>מייצגים את הנחישות והכוח של לוחמי מטאטא שמסוגלים להתמודד עם הכוחות של חסד בגבורה</p>
</div>
</div>
</div>
<!-- תפארת -->
<div class="sephirah-card">
<h3>🌟 תפארת - Beauty</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>הרמוניה ואיזון</h4>
<p>מייצג את ההרמוניה והאיזון המושלם בין כל הכוחות</p>
</div>
<div class="sephirah-side dark">
<h4>חיל כפירה</h4>
<p>מייצגים את הכאוס והפיצול שמפרים את ההרמוניה והאיזון</p>
</div>
</div>
</div>
<!-- נצח -->
<div class="sephirah-card">
<h3>⚡ נצח - Eternity</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>נצחיות והתמדה</h4>
<p>מייצג את הנצחיות וההתמדה בדרך האמת</p>
</div>
<div class="sephirah-side dark">
<h4>חיל זנות</h4>
<p>מייצגים את הנטיות המובילות לשחיקה ולשכחת נצחיות ואמיתות פנימיות</p>
</div>
</div>
</div>
<!-- הוד -->
<div class="sephirah-card">
<h3>👑 הוד - Glory</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>כבוד ואומץ</h4>
<p>מייצג את הכבוד והאומץ האמיתי בעבודת הקודש</p>
</div>
<div class="sephirah-side dark">
<h4>חיל טומאה</h4>
<p>מייצגים את הניסיון להוריד את כבוד האדם ולפגוע בכבוד ובאומץ הפנימי</p>
</div>
</div>
</div>
<!-- יסוד -->
<div class="sephirah-card">
<h3>🏛️ יסוד - Foundation</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>יסוד ותמיכה</h4>
<p>מייצג את היסודות והתמיכה בעולם הרוחני</p>
</div>
<div class="sephirah-side dark">
<h4>חיל טכנולוגיה</h4>
<p>מייצגים את השפעת הטכנולוגיה על היסודות האנושיים והפנימיים של התמך</p>
</div>
</div>
</div>
<!-- מלכות -->
<div class="sephirah-card">
<h3>👑 מלכות - Kingship</h3>
<div class="sephirah-content">
<div class="sephirah-side light">
<h4>שלטון ויכולת השפעה</h4>
<p>מייצג את השלטון והיכולת להשפיע על העולם</p>
</div>
<div class="sephirah-side dark">
<h4>חיל האורות</h4>
<p>מייצגים את המאבק לשלוט ולתחזק את המלכות בעולם של אור ושלטון</p>
</div>
</div>
</div>
</div>
</section>
<section class="possession-powers">
<h2>🧠 יכולות השתלטות וסכיזופרניה</h2>
<div class="possession-grid">
<!-- כתר -->
<div class="possession-card">
<h3>👑 כתר - השתלטות על המוח העליון</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: שלטון עליון</h4>
<p>שליטה במוח העליון והכוונה רוחנית טהורה</p>
</div>
<div class="possession-side dark">
<h4>חיל כפירה</h4>
<p>יצירת ספקות ובלבול לגבי מהות השלטון האמיתי. גורמים לאדם לערער על כל מה שראה והאמין בו, עד
להתערערות יסודות האמונה.</p>
</div>
</div>
</div>
<!-- חכמה -->
<div class="possession-card">
<h3>📚 חכמה - השתלטות על האינטליגנציה</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: תבונה עליונה</h4>
<p>שליטה בחכמה ותובנה טהורה</p>
</div>
<div class="possession-side dark">
<h4>חיל טומאה</h4>
<p>השתלטות על האינטליגנציה והתובנה, יצירת דיבורים חיצוניים המטילים ספק ביכולת השיפוט. גורמים
לבלבול בין טוב לרע.</p>
</div>
</div>
</div>
<!-- בינה -->
<div class="possession-card">
<h3>🔮 בינה - השתלטות על ההבנה</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: הבנה פנימית</h4>
<p>שליטה בהבנה ותובנה פנימית טהורה</p>
</div>
<div class="possession-side dark">
<h4>חיל זנות</h4>
<p>יצירת פיתויים ותשוקות המנתקים מהמציאות האמיתית. גורמים לתחושת ניתוק מהאמת הפנימית.</p>
</div>
</div>
</div>
<!-- חסד -->
<div class="possession-card">
<h3>💝 חסד - השתלטות על הרגשות</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: חסד ואהבה</h4>
<p>שליטה ביכולת להרגיש ולהביע חסד אמיתי</p>
</div>
<div class="possession-side dark">
<h4>חיל טכנולוגיה</h4>
<p>השתלטות על היכולת להרגיש ולהביע חסד, הפיכת רגשות החסד לאשליות והתרוקנות מתוכן. גורמים
לחוויית חסד שטחית ומנוגדת לאמת.</p>
</div>
</div>
</div>
<!-- גבורה -->
<div class="possession-card">
<h3>⚔️ גבורה - השתלטות על הנחישות</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: כוח ונחישות</h4>
<p>שליטה בכוח הנחישות והעוז הפנימי</p>
</div>
<div class="possession-side dark">
<h4>חיל מטאטא</h4>
<p>השתלטות על יכולת הנחישות והעוז, יצירת חוסר החלטיות ופחד פנימי. גורמים לתחושת חולשה וחוסר
יכולת.</p>
</div>
</div>
</div>
<!-- תפארת -->
<div class="possession-card">
<h3>🌟 תפארת - השתלטות על ההרמוניה</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: הרמוניה ואיזון</h4>
<p>שליטה בהרמוניה והאיזון הפנימי</p>
</div>
<div class="possession-side dark">
<h4>חיל כפירה</h4>
<p>השתלטות על החזות וההרמוניה הפנימית, יצירת כאוס ותחושת פיצול. גורמים לראייה מעוותת
ומבולבלת של המציאות.</p>
</div>
</div>
</div>
<!-- נצח -->
<div class="possession-card">
<h3>⚡ נצח - השתלטות על ההתמדה</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: נצחיות והתמדה</h4>
<p>שליטה בתחושת הנצחיות וכוח ההתמדה</p>
</div>
<div class="possession-side dark">
<h4>חיל זנות</h4>
<p>השתלטות על תחושת הנצחיות, הפיכת תחושת הנצח לחסרת ערך. גורמים לתחושה שכל המאמצים לשווא.
</p>
</div>
</div>
</div>
<!-- הוד -->
<div class="possession-card">
<h3>👑 הוד - השתלטות על הכבוד</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: כבוד ואומץ</h4>
<p>שליטה בכבוד והאומץ הפנימי</p>
</div>
<div class="possession-side dark">
<h4>חיל טומאה</h4>
<p>השתלטות על הכבוד והאומץ, יצירת חוויות של ביזוי עצמי וחוסר ערך. גורמים לבעיות נפשיות
ורגשיות.</p>
</div>
</div>
</div>
<!-- יסוד -->
<div class="possession-card">
<h3>🏛️ יסוד - השתלטות על היסודות</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: יסוד ותמיכה</h4>
<p>שליטה ביסודות הפנימיים והרגשיים</p>
</div>
<div class="possession-side dark">
<h4>חיל טכנולוגיה</h4>
<p>השתלטות על היסודות הפנימיים, הפיכת התמיכה הפנימית לאי-סדר טכנולוגי. גורמים לחוסר יציבות
רגשית.</p>
</div>
</div>
</div>
<!-- מלכות -->
<div class="possession-card">
<h3>👑 מלכות - השתלטות על השלטון</h3>
<div class="possession-content">
<div class="possession-side light">
<h4>כוח קדוש: שלטון ויכולת השפעה</h4>
<p>שליטה בכוח השלטון והיכולת להשפיע</p>
</div>
<div class="possession-side dark">
<h4>חיל האורות</h4>
<p>השתלטות על השלטון הפנימי, יצירת תחושות של חוסר יכולת להנהיג. גורמים לחוסר יכולת לממש
כישורים.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<h2>🔮 טכניקות רוחניות</h2>
<div class="techniques-grid forces-grid">
<div class="force-card">
<ul>
<li>📿 שימוש בתפילות וכתבים קדושים</li>
<li>🕉️ מנטרות להגנה ולחיזוק רוחני</li>
<li>🧘♂️ טכניקות מדיטציה והתמקדות</li>
<li>🛡️ שיטות להתמודדות עם קולות ורוחות רעות</li>
</ul>
</div>
</div>
</section>
<section>
<h2>🌍 עולם הסדרה</h2>
<div class="world-grid forces-grid">
<div class="force-card">
<h3 class="force-title">מערכות יחסים ועימותים</h3>
<ul>
<li>⚔️ מאבקי כוח פנימיים בתוך כל מחנה</li>
<li>💕 קשרים אסורים בין לוחמי אור וחושך</li>
<li>⚖️ דילמות מוסריות וערכיות</li>
<li>🗡️ בגידות ומזימות</li>
</ul>
</div>
</div>
</section>
<section>
<h2>🏰 מקומות מרכזיים</h2>
<div class="location-list">
<div class="location-item">🏛️ מקדש האור</div>
<div class="location-item">🕳️ מערות הצללים</div>
<div class="location-item">⭐ עמק הניצוצות</div>
<div class="location-item">🌆 העיר התחתית</div>
</div>
</section>
<section class="contribution">
<h2>🤝 תרומה לפרויקט</h2>
<ul>
<li>📝 העלאת issues</li>
<li>🔄 שליחת pull requests</li>
<li>💡 הצעות לשיפור העלילה</li>
<li>🛠️ פיתוח כלים טכניים</li>
</ul>
</section>
</div>
<script>
// יצירת ניצוצות בלחיצה
document.addEventListener('click', createSparkle);
function createSparkle(e) {
const sparkle = document.createElement('div');
sparkle.className = 'sparkle';
sparkle.innerHTML = '✨';
sparkle.style.left = e.pageX + 'px';
sparkle.style.top = e.pageY + 'px';
// הגדרת כיוון רנדומלי לתזוזה
const moveX = (Math.random() - 0.5) * 100;
const moveY = (Math.random() - 0.5) * 100;
sparkle.style.setProperty('--moveX', `${moveX}px`);
sparkle.style.setProperty('--moveY', `${moveY}px`);
document.body.appendChild(sparkle);
// הסרת האלמנט לאחר האנימציה
setTimeout(() => sparkle.remove(), 1500);
}
// אנימציה לכרטיסי המיקומים
const locationItems = document.querySelectorAll('.location-item');
locationItems.forEach(item => {
item.addEventListener('mouseover', () => {
item.style.transform = 'scale(1.05)';
});
item.addEventListener('mouseout', () => {
item.style.transform = 'scale(1)';
});
});
</script>
</body>
</html>