Skip to content

Commit c72f356

Browse files
mazlsmazls
authored
Add files via upload
1 parent 0f79d7e commit c72f356

4 files changed

Lines changed: 74 additions & 14 deletions

File tree

‎index.html‎

Lines changed: 38 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -231,6 +231,26 @@
231231
border-bottom: none;
232232
}
233233
}
234+
.border-gold-faded {
235+
border-color: var(--color-gold-border);
236+
}
237+
/* Stile für responsive YouTube-Videos */
238+
.video-container {
239+
position: relative;
240+
overflow: hidden;
241+
width: 100%;
242+
padding-top: 56.25%; /* 16:9 Seitenverhältnis */
243+
border: 1px solid var(--color-gold-border);
244+
border-radius: 0.5rem;
245+
}
246+
247+
.video-container iframe {
248+
position: absolute;
249+
top: 0;
250+
left: 0;
251+
width: 100%;
252+
height: 100%;
253+
}
234254
</style>
235255
</head>
236256
<body>
@@ -264,7 +284,13 @@ <h2 class="text-2xl font-semibold text-center text-blue-450 mb-4">Navigation</h2
264284

265285
<main id="content-container">
266286
</main>
287+
267288
</div>
289+
290+
<footer class="text-center text-sm text-gray-400 py-4 font-sans">
291+
292+
</footer>
293+
268294

269295
<div id="login-modal-overlay" class="login-modal-overlay hidden">
270296
<div class="login-modal-content">
@@ -652,11 +678,18 @@ <h3>Nachricht</h3>
652678
};
653679

654680
// ============== SEITEN-INITIALISIERUNG ==============
655-
function initializePage(pageId) {
656-
if (pageId === 'comp') initCompPage();
657-
else if (pageId === 'history') initHistoryPage();
658-
else initBossPage(pageId);
659-
}
681+
function initializePage(pageId) {
682+
if (pageId === 'comp') {
683+
initCompPage();
684+
} else if (pageId === 'history') {
685+
initHistoryPage();
686+
} else if (pageId === 'impressum' || pageId === 'datenschutz') {
687+
// Für diese einfachen Text-Seiten ist keine weitere Javascript-Aktion nötig.
688+
// Der Inhalt wurde bereits geladen, wir sind hier fertig.
689+
} else {
690+
initBossPage(pageId);
691+
}
692+
}
660693

661694
// --- Logik für comp.html ---
662695
function initCompPage() {

‎mogushan/feng.html‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -177,9 +177,18 @@ <h4 class="text-lg font-semibold">Positionierung für "Arkane Resonanz"</h4>
177177
</div>
178178
</div>
179179
<div>
180-
<h4 class="text-lg font-semibold">Video Guide</h4>
181-
<div class="bg-slate-900 mt-2 rounded-lg aspect-video w-full flex items-center justify-center text-gray-500">
182-
</div>
180+
<h4 class="text-xl font-bold text-gold mt-4 mb-2">Video-Guide</h4>
181+
<div class="video-container my-4 rounded-lg shadow-lg">
182+
<iframe
183+
width="560"
184+
height="315"
185+
src="https://www.youtube-nocookie.com/embed/8Y35vdHBkPg?hl=en"
186+
title="YouTube video player"
187+
frameborder="0"
188+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
189+
allowfullscreen>
190+
</iframe>
191+
</div>
183192
</div>
184193
</div>
185194
</div>

‎mogushan/garajal.html‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -135,9 +135,18 @@ <h4 class="text-lg font-semibold">Positionierung für "Voodoopuppe"</h4>
135135
</div>
136136
</div>
137137
<div>
138-
<h4 class="text-lg font-semibold">Video Guide</h4>
139-
<div class="bg-slate-900 mt-2 rounded-lg aspect-video w-full flex items-center justify-center text-gray-500">
140-
</div>
138+
<h4 class="text-xl font-bold text-gold mt-4 mb-2">Video-Guide</h4>
139+
<div class="video-container my-4 rounded-lg shadow-lg">
140+
<iframe
141+
width="560"
142+
height="315"
143+
src="https://www.youtube-nocookie.com/embed/jV5tNFOgA3U?hl=en"
144+
title="YouTube video player"
145+
frameborder="0"
146+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
147+
allowfullscreen>
148+
</iframe>
149+
</div>
141150
</div>
142151
</div>
143152
</div>

‎mogushan/steinwache.html‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -105,9 +105,18 @@ <h4 class="text-lg font-semibold">Positionierung für "Überladen"</h4>
105105
</div>
106106
</div>
107107
<div>
108-
<h4 class="text-lg font-semibold">Video Guide</h4>
109-
<div class="bg-slate-900 mt-2 rounded-lg aspect-video w-full flex items-center justify-center text-gray-500">
110-
[Image of YouTube/Twitch Video Placeholder]
108+
<h4 class="text-xl font-bold text-gold mt-4 mb-2">Video-Guide</h4>
109+
<div class="video-container my-4 rounded-lg shadow-lg">
110+
<iframe
111+
width="560"
112+
height="315"
113+
src="https://www.youtube-nocookie.com/embed/G2LUbK7Zd_w?hl=en"
114+
title="YouTube video player"
115+
frameborder="0"
116+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
117+
allowfullscreen>
118+
</iframe>
119+
</div>
111120
</div>
112121
</div>
113122
</div>

0 commit comments

Comments
 (0)