Sparks-War/gallery.html at main · AnLoMinus/Sparks-War · GitHub

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
<!DOCTYPE html>
<html lang="he" dir="rtl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>גלריה | מלחמת הניצוצות</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>
    </header>

    <div class="container">
        <!-- עונה 1: התעוררות -->
        <section class="gallery-section">
            <h2>🌅 עונה 1: התעוררות האפלה</h2>
            <div class="gallery-grid">
                <div class="gallery-item">
                    <img src="images/season1/awakening.jpg" alt="התעוררות הניצוצות">
                    <h3>התעוררות הניצוצות</h3>
                    <p>ליאון עומד במרכז חדר עתיק מואר באור זהוב עדין. ידיו מורמות וניצוצות אור מרחפים סביבו. עיניו
                        זוהרות
                        בזהב והילה של אור מקיפה את גופו. על הקירות סביבו כתובות עתיקות מוארות, והאוויר מלא בחלקיקי אור
                        מרצדים.</p>
                </div>
                <div class="gallery-item">
                    <img src="images/season1/first-battle.jpg" alt="הקרב הראשון">
                    <h3>הקרב הראשון</h3>
                    <p>שדה קרב דרמטי בשקיעה. מצד אחד לוחמי אור בשריון לבן-זהוב מבריק, מקיפים אותם הילות אור. מהצד השני
                        דמויות אפלות בגלימות שחורות עם עיניים אדומות זוהרות. באוויר מתנגשים קרני אור וצללים, יוצרים מופע
                        מרהיב של ניצוצות וברקים.</p>
                </div>
                <div class="gallery-item">
                    <img src="images/season1/temple.jpg" alt="מקדש האור">
                    <h3>הקמת מקדש האור</h3>
                    <p>מבנה מפואר בסגנון קלאסי-עתידני, עשוי שיש לבן וזהב. עמודים גבוהים מעוטרים בסמלי אור, וקשתות
                        מוארות באור פנימי. במרכז המקדש מזרקת אור קסומה, וסביבה מדרגות ספירליות מרחפות. הבניין כולו מוקף
                        בהילה זוהרת ומשדר אנרגיה טהורה.</p>
                </div>
            </div>
        </section>

        <!-- עונה 2: התגבשות הכוחות -->
        <section class="gallery-section">
            <h2>⚔️ עונה 2: התגבשות הכוחות</h2>
            <div class="gallery-grid">
                <div class="gallery-item">
                    <img src="images/season2/chen-arrival.jpg" alt="הגעת חן">
                    <h3>הצטרפות חן</h3>
                    <p>חן מומדת בגן פורח מלא באור ירחי. שמלת הקרב הלבנה-זהובה שלה מתנופפת ברוח קלה, שיערה הארוך בגוון
                        כסוף-סגול זורם באוויר. בידה שרביט האור המרפא זוהר, וסביבה מרחפים פרחי אור קסומים. עיניה הסגולות
                        מאירות בחוכמה ואמפתיה, והילת אור עדינה עוטפת אותה.</p>
                </div>
                <div class="gallery-item">
                    <img src="images/season2/training.jpg" alt="אימוני לוחמים">
                    <h3>אימוני הלוחמים</h3>
                    <p>חצר אימונים מרשימה במקדש האור. קבוצת לוחמים בלבוש קרב מתאמנת בתנועות מתואמות, כשניצוצות אור
                        נעים סביבם במעגלים. ליאון וחן מדריכים את הקבוצה, מדגימים טכניקות קרב משולבות באור קסום. באוויר
                        נראים סמלים מוארים וצורות אנרגיה מורכבות.</p>
                </div>
                <div class="gallery-item">
                    <img src="images/season2/alliance.jpg" alt="ברית האור">
                    <h3>ברית האור</h3>
                    <p>כקס מרשים באולם הגדול של מקדש האור. נציגי כל חילות האור עומדים במעגל, כל אחד בלבוש הייחודי שלו.
                        במרכז שולחן עגול עשוי קריסטל זוהר, ומעליו מרחף סמל הברית - כוכב אור רב-קודקודי. קרני אור מחברות
                        בין כל המשתתפים, יוצרות רשת אור מורכבת.</p>
                </div>
            </div>
        </section>

        <!-- עונה 3: המאבק מתעצם -->
        <section class="gallery-section">
            <h2>💫 עונה 3: המאבק מתעצם</h2>
            <div class="gallery-grid">
                <div class="gallery-item">
                    <img src="images/season3/dark-tech.jpg" alt="טכנולוגיה אפלה">
                    <h3>איום הטכנולוגיה</h3>
                    <p>מעבדה אפלה מלאה במסכים הולוגרפיים ומכונות מאיימות. כוחות האופל, בשריון שחור-אדום מתכתי, עובדים
                        על מכשירים המפיצים ערפל שחור דיגיטלי. צינורות אנרגיה אפלה מתפתלים בחלל, וממשקי מחשב זדוניים
                        מציגים קודים מרצדים באדום.</p>
                </div>
                <div class="gallery-item">
                    <img src="images/season3/light-forces.jpg" alt="צבא האור">
                    <h3>צבא האור</h3>
                    <p>מסדר מרשים של צבא האור. שורות-שורות של לוחמים בשריון מבריק, כל חיל בצבעיו הייחודיים. דגלי אור
                        מתנופפים ברוח, כלי נשק קסומים זוהרים, וטכנולוגיית אור מתקדמת משולבת בציוד. ליאון וחן עומדים
                        בראש המסדר, מוקפים בהילת אור חזקה.</p>
                </div>
                <div class="gallery-item">
                    <img src="images/season3/battle-valley.jpg" alt="קרב העמק">
                    <h3>קרב עמק הניצוצות</h3>
                    <p>עמק רחב ידיים בשעת דמדומים דרמטית. במרכזו מעיין ניצוצות ענק פורץ לשמיים. שני הצבאות נפגשים
                        בקרב אפי - גלי אור מתנגשים בגלי חושך, יוצרים פיצוצי אנרגיה מרהיבים. באוויר מרחפים סמלים קדושים
                        וחותמות קסומות.</p>
                </div>
            </div>
        </section>

        <!-- הקרב הסופי -->
        <section class="gallery-section">
            <h2>✨ הקרב הסופי</h2>
            <div class="gallery-grid">
                <div class="gallery-item">
                    <img src="images/final/leon-chen.jpg" alt="ליאון וחן">
                    <h3>איחוד הכוחות</h3>
                    <p>ליאון וחן מומדים גב אל גב במרכז סערת אנרגיה אדירה. ליאון בשריון האור שלו, חן בשמלת הקרב
                        הזוהרת. ידיהם מושטות, יוצרות מעגל אור טהור סביבם. ארבע החיות המיסטיות של ליאון מופיעות כצלליות
                        אור, בעוד פרחי האור של חן מרחפים במעגלים קסומים.</p>
                </div>
                <div class="gallery-item">
                    <img src="images/final/final-battle.jpg" alt="הקרב האחרון">
                    <h3>הקרב האחרון</h3>
                    <p>שדה הקרב האחרון - שמיים סוערים מלאי ברקים של אור וחושך. במרכז התמונה, מגדל האופל השחור מתנגש
                        במקדש האור המוזהב. גלי אנרגיה אדירים מתפרצים מכל עבר, כוחות האור והחושך נאבקים בקרב הסופי.
                        באוויר מרחפים סמלים קדושים וחותמות קסומות.</p>
                </div>
                <div class="gallery-item">
                    <img src="images/final/victory.jpg" alt="ניצחון האור">
                    <h3>ניצחון האור</h3>
                    <p>רגע השיא - פיצוץ אדיר של אור טהור מתפשט בגל ענק על פני העולם כולו. ליאון וחן במרכז, מוקפים
                        בהילת אור מסנוורת. הצללים נמוגים, והעולם מתמלא בניצוצות אור זוהרים. בשמיים מופיע סמל חדש של
                        תקווה - שילוב של כל סמלי האור לצורה אחת מושלמת.</p>
                </div>
            </div>
        </section>
    </div>

    <footer>
        <p>כל הזכויות שמורות © 2024 🌟</p>
    </footer>

    <style>
        .gallery-section {
            margin-bottom: 4rem;
        }

        .gallery-section h2 {
            color: #ffd700;
            border-bottom: 2px solid #ffd700;
            padding-bottom: 0.5rem;
            margin-bottom: 2rem;
        }

        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            padding: 1rem;
        }

        .gallery-item {
            background: linear-gradient(145deg, #1a1a1a, #2c2c2c);
            border-radius: 15px;
            padding: 1rem;
            transition: transform 0.3s ease;
        }

        .gallery-item:hover {
            transform: translateY(-5px);
        }

        .gallery-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 10px;
            margin-bottom: 1rem;
        }

        .gallery-item h3 {
            color: #ffd700;
            margin: 1rem 0;
        }

        .gallery-item p {
            color: #fff;
            line-height: 1.6;
        }
    </style>
</body>

</html>