Skip to content

Commit 8f1d3aa

Browse files
mazlsmazls
authored
Add files via upload
1 parent 25f3658 commit 8f1d3aa

9 files changed

Lines changed: 1916 additions & 0 deletions

File tree

‎comp.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<main class="space-y-6">
2+
<div class="text-center p-8 bg-slate-850 rounded-lg">
3+
<h2 class="text-2xl font-semibold text-blue-450">Willkommen bei den Raid Guides!</h2>
4+
<p class="mt-2 text-gray-400">Wähle oben einen Boss aus oder verwalte hier die Raid-Aufstellung.</p>
5+
</div>
6+
7+
<section class="bg-slate-850 p-6 rounded-lg">
8+
<h3 class="text-xl font-semibold mb-3 text-blue-450">Raid-Helper Import</h3>
9+
<p class="text-gray-400 mb-4">Nur Gildenräte können die Aufstellung importieren und bearbeiten.</p>
10+
<textarea id="json-input" class="w-full h-32 bg-slate-900 text-gray-300 p-3 rounded-md border border-slate-650 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder='{"_id":"...", "raidDrop":[...]}'></textarea>
11+
<div class="flex flex-wrap gap-4 mt-4">
12+
<button id="import-btn" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded-md transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed">
13+
Aufstellung importieren & speichern
14+
</button>
15+
<button id="add-player-btn" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-6 rounded-md transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed">
16+
Spieler hinzufügen
17+
</button>
18+
<button id="clear-roster-btn" class="bg-red-700 hover:bg-red-800 text-white font-bold py-2 px-6 rounded-md transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed">
19+
Roster leeren
20+
</button>
21+
</div>
22+
23+
<div id="roster-display" class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-6">
24+
<div class="bg-slate-750 p-4 rounded-lg"><h4 class="text-lg font-bold mb-3 border-b border-slate-650 pb-2">🛡️ Tanks</h4><div id="tanks-list" class="space-y-2"></div></div>
25+
<div class="bg-slate-750 p-4 rounded-lg"><h4 class="text-lg font-bold mb-3 border-b border-slate-650 pb-2">❤️ Heiler</h4><div id="healers-list" class="space-y-2"></div></div>
26+
<div class="bg-slate-750 p-4 rounded-lg"><h4 class="text-lg font-bold mb-3 border-b border-slate-650 pb-2">⚔️ DDs</h4><div id="dps-list" class="space-y-2"></div></div>
27+
</div>
28+
</section>
29+
</main>

‎history.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<main>
2+
<h1 class="text-3xl font-bold text-center text-blue-450 mb-6">Änderungsverlauf der Einteilungen</h1>
3+
<div class="bg-slate-850 p-6 rounded-lg">
4+
<div class="overflow-x-auto">
5+
<table class="min-w-full text-sm text-left text-gray-300">
6+
<thead class="text-xs text-gray-400 uppercase bg-slate-700">
7+
<tr>
8+
<th scope="col" class="px-6 py-3">Boss</th>
9+
<th scope="col" class="px-6 py-3">Einteilung</th>
10+
<th scope="col" class="px-6 py-3">Zugewiesener Spieler</th>
11+
<th scope="col" class="px-6 py-3">Bearbeiter</th>
12+
<th scope="col" class="px-6 py-3">Datum & Zeit</th>
13+
</tr>
14+
</thead>
15+
<tbody id="history-table-body">
16+
<!-- Einträge werden dynamisch via JS aus index.html gefüllt -->
17+
</tbody>
18+
</table>
19+
</div>
20+
</div>
21+
</main>

‎index.html‎

Lines changed: 875 additions & 0 deletions
Large diffs are not rendered by default.

‎mogushan/elegon.html‎

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
<style>
2+
/* Spezifische Stile für diese Seite. Könnten auch in index.html zentralisiert werden. */
3+
.size-toggle-btn {
4+
transition: background-color 0.3s, color 0.3s;
5+
}
6+
.active-size-btn {
7+
background-color: #16a34a !important; /* Grüner Hintergrund für den aktiven Button */
8+
color: #ffffff !important;
9+
font-weight: 600;
10+
}
11+
.assignment-select {
12+
background-color: #2d3748;
13+
border: 1px solid #4a5568;
14+
border-radius: 4px;
15+
padding: 4px 8px;
16+
width: 100%;
17+
color: white;
18+
}
19+
.assignment-select:disabled {
20+
opacity: 0.5;
21+
}
22+
.editor-info {
23+
font-size: 0.75rem;
24+
color: #a0aec0;
25+
margin-left: 8px;
26+
}
27+
</style>
28+
<main>
29+
<h1 class="text-3xl font-bold text-center text-blue-450 mb-2">Taktik: Elegon</h1>
30+
31+
<div id="size-toggle" class="flex justify-center mb-6 bg-slate-850 p-1 rounded-lg w-max mx-auto">
32+
<button data-size="10" class="size-toggle-btn text-gray-400 py-2 px-6 rounded-md">10-Spieler</button>
33+
<button data-size="25" class="size-toggle-btn text-gray-400 py-2 px-6 rounded-md active-size-btn">25-Spieler</button>
34+
</div>
35+
36+
<section class="bg-slate-850 p-6 rounded-lg mb-6">
37+
<h2 class="text-2xl font-semibold mb-3 border-b border-slate-650 pb-2">Kampfübersicht & Kernmechaniken</h2>
38+
<p class="mb-4">Elegon ist ein komplexer, mehrphasiger Kampf, der sich um einen Zyklus aus drei Phasen dreht. Dieser Zyklus wiederholt sich zweimal. Der Kampfraum ist in einen <strong class="text-cyan-300">Inneren Ring</strong> und einen <strong class="text-gray-400">Äußeren Ring</strong> unterteilt.</p>
39+
<ul class="list-disc list-inside space-y-2 text-gray-300">
40+
<li><strong>Phase 1 (Boss-Phase):</strong> Bekämpft Elegon und seine <strong class="text-white">Himmlischen Beschützer</strong> im Inneren Ring. Hauptaufgabe ist das Management des <strong class="text-red-400">Überladen</strong>-Debuffs durch kurzes Betreten des Äußeren Rings und das korrekte Töten der Adds im Äußeren Ring.</li>
41+
<li><strong>Phase 2 (Add-Wellen):</strong> Elegon wird immun. Der Raid muss so viele Wellen von <strong class="text-yellow-400">Energieladungen</strong> wie möglich töten, um einen permanenten Schadens-Debuff auf dem Boss zu stapeln.</li>
42+
<li><strong>Phase 3 (Säulen-Phase):</strong> Der Boden des Inneren Rings verschwindet. Der Raid teilt sich auf, um 6 <strong class="text-white">Empyreale Foki</strong> im Äußeren Ring zu zerstören, die durch tödliche <strong class="text-red-500">Energieleiter</strong> verbunden sind.</li>
43+
</ul>
44+
</section>
45+
46+
<section class="bg-slate-850 p-6 rounded-lg mb-6">
47+
<h2 class="text-2xl font-semibold mb-3 border-b border-slate-650 pb-2">Heroische Mechaniken</h2>
48+
<ul class="list-disc list-inside space-y-2 text-gray-300">
49+
<li><strong>Sichtlinie:</strong> Es gibt eine Sichtlinien-Blockade zwischen dem Inneren und Äußeren Ring. Man kann nicht von einem Bereich in den anderen heilen oder Schaden machen.</li>
50+
<li><strong class="text-red-500">Totale Vernichtung (neu):</strong> Die Explosion des Beschützers trifft nur Spieler im selben Ring, in dem er stirbt (also im Äußeren Ring). Es muss eine Mindestanzahl an Spielern den Schaden abfangen ("soaken"), sonst explodiert der ganze Raid.
51+
<ul>
52+
<li data-size="10" class="tactic-content ml-4 list-disc">Mindestens <strong>1 Spieler</strong> muss soaken.</li>
53+
<li data-size="25" class="tactic-content ml-4 list-disc" style="display: inline-block;">Mindestens <strong>3 Spieler</strong> müssen soaken.</li>
54+
</ul>
55+
</li>
56+
<li>Spieler, die den Schaden abfangen, erhalten den Debuff <strong class="text-gray-400">Destabilisiert</strong> und können 2 Minuten lang keinen weiteren "Soak" überleben. Dies erfordert eine feste Soak-Rotation.</li>
57+
</ul>
58+
</section>
59+
60+
<section class="bg-slate-850 p-6 rounded-lg mb-6">
61+
<h2 class="text-2xl font-semibold mb-3 border-b border-slate-650 pb-2">Einteilungen & Taktische Hilfen</h2>
62+
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
63+
<div>
64+
<h3 class="text-xl font-semibold text-blue-450 mb-4">Tank-Einteilung</h3>
65+
<div class="space-y-4">
66+
<div>
67+
<label for="elegon-tank1" class="block font-semibold mb-1">Tank 1:</label>
68+
<div class="flex items-center">
69+
<select id="elegon-tank1" class="assignment-select" data-assignment-id="elegon-tank1"></select>
70+
</div>
71+
</div>
72+
<div>
73+
<label for="elegon-tank2" class="block font-semibold mb-1">Tank 2 (für Adds/Säulen):</label>
74+
<div class="flex items-center">
75+
<select id="elegon-tank2" class="assignment-select" data-assignment-id="elegon-tank2"></select>
76+
</div>
77+
</div>
78+
</div>
79+
80+
<h3 class="text-xl font-semibold text-blue-450 mb-4 mt-6">Heiler-Einteilung</h3>
81+
<div class="space-y-4">
82+
<div>
83+
<label for="elegon-healer1" class="block font-semibold mb-1">Heiler 1 (Innener Ring):</label>
84+
<div class="flex items-center">
85+
<select id="elegon-healer1" class="assignment-select" data-assignment-id="elegon-healer1"></select>
86+
</div>
87+
</div>
88+
<div>
89+
<label for="elegon-healer2" class="block font-semibold mb-1">Heiler 2 (Äußerer Ring / Adds):</label>
90+
<div class="flex items-center">
91+
<select id="elegon-healer2" class="assignment-select" data-assignment-id="elegon-healer2"></select>
92+
</div>
93+
</div>
94+
<div data-size="25" class="tactic-content" style="display: block;">
95+
<label for="elegon-healer3" class="block font-semibold mb-1">Heiler 3 (nur 25er):</label>
96+
<div class="flex items-center">
97+
<select id="elegon-healer3" class="assignment-select" data-assignment-id="elegon-healer3"></select>
98+
</div>
99+
</div>
100+
<div data-size="25" class="tactic-content" style="display: block;">
101+
<label for="elegon-healer4" class="block font-semibold mb-1">Heiler 4 (nur 25er):</label>
102+
<div class="flex items-center">
103+
<select id="elegon-healer4" class="assignment-select" data-assignment-id="elegon-healer4"></select>
104+
</div>
105+
</div>
106+
</div>
107+
108+
<h3 class="text-xl font-semibold text-blue-450 mb-4 mt-6">DPS-Einteilungen</h3>
109+
<div class="space-y-4">
110+
<div>
111+
<label for="elegon-chargeGroup1" class="block font-semibold mb-1">Gruppe für Energieladungen (Links):</label>
112+
<div class="flex items-center">
113+
<select id="elegon-chargeGroup1" class="assignment-select" data-assignment-id="elegon-chargeGroup1"></select>
114+
</div>
115+
</div>
116+
<div>
117+
<label for="elegon-chargeGroup2" class="block font-semibold mb-1">Gruppe für Energieladungen (Rechts):</label>
118+
<div class="flex items-center">
119+
<select id="elegon-chargeGroup2" class="assignment-select" data-assignment-id="elegon-chargeGroup2"></select>
120+
</div>
121+
</div>
122+
</div>
123+
124+
<h3 class="text-xl font-semibold text-red-400 mb-4 mt-6">Heroisch: Soak-Rotation</h3>
125+
<div class="space-y-4">
126+
<div>
127+
<label for="elegon-soakGroup1" class="block font-semibold mb-1">Soak-Gruppe 1:</label>
128+
<div class="flex items-center">
129+
<select id="elegon-soakGroup1" class="assignment-select" data-assignment-id="elegon-soakGroup1"></select>
130+
</div>
131+
</div>
132+
<div>
133+
<label for="elegon-soakGroup2" class="block font-semibold mb-1">Soak-Gruppe 2:</label>
134+
<div class="flex items-center">
135+
<select id="elegon-soakGroup2" class="assignment-select" data-assignment-id="elegon-soakGroup2"></select>
136+
</div>
137+
</div>
138+
<div data-size="25" class="tactic-content" style="display: block;">
139+
<label for="elegon-soakGroup3" class="block font-semibold mb-1">Soak-Gruppe 3 (nur 25er):</label>
140+
<div class="flex items-center">
141+
<select id="elegon-soakGroup3" class="assignment-select" data-assignment-id="elegon-soakGroup3"></select>
142+
</div>
143+
</div>
144+
</div>
145+
</div>
146+
147+
<div>
148+
<h3 class="text-xl font-semibold text-blue-450 mb-4">Visuelle Hilfen</h3>
149+
<div class="space-y-6">
150+
<div>
151+
<h4 class="text-lg font-semibold">Positionierung für Energieladungen</h4>
152+
<div class="bg-slate-900 mt-2 rounded-lg h-48 flex items-center justify-center text-gray-500">
153+
</div>
154+
</div>
155+
<div>
156+
<h4 class="text-lg font-semibold">Video Guide</h4>
157+
<div class="bg-slate-900 mt-2 rounded-lg aspect-video w-full flex items-center justify-center text-gray-500">
158+
</div>
159+
</div>
160+
</div>
161+
</div>
162+
</div>
163+
</section>
164+
</main>

0 commit comments

Comments
 (0)