pages/index.html

348 lines
12 KiB
HTML
Raw Normal View History

2024-01-22 13:26:51 +01:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
<style>
a[role="button"] {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
blockquote {
--blockquote-border-color: red;
--spacing: 10px;
}
.grid {
--grid-spacing-vertical: var(--spacing);
}
</style>
<script>
function toggleQuiz(number) {
const iframe = document.querySelector(`#quizizz-iframe-${number}`);
if (iframe.src === 'about:blank') {
const link = document.querySelector(`#quizizz-link-${number}`);
const quizizzId = link.href.match(/https:\/\/quizizz.com\/admin\/quiz\/([a-zA-Z0-9]+)(\?.*$|$)/)[1];
iframe.src = `https://quizizz.com/embed/quiz/${quizizzId}`;
iframe.style.display = 'block';
const button = document.querySelector(`#quizizz-button-${number}`);
button.innerHTML = `
<img src="close.svg" />
Quiz beenden
`;
} else {
iframe.src = 'about:blank';
iframe.style.display = 'none';
const button = document.querySelector(`#quizizz-button-${number}`);
button.innerHTML = `
<img src="play.svg" />
Quiz alleine spielen
`;
}
}
</script>
</head>
<body>
<main class="container">
<h1>Dorian's ITSec-Folien</h1>
<p>
Hier findet ihr meine ITSec-Folien und Quizizz zum Nachspielen.<br>
Für Fragen, Anmerkungen oder Korrekturen, kontaktiere mich gerne unter
<a href="mailto:dorian.zedler@tum.de">dorian.zedler@tum.de</a>
oder <a href="https://zulip.in.tum.de/#narrow/dm/7349-Dorian-Zedler-[ITSec-Tutor]">bei Zulip</a>
</p>
<blockquote>
Die Quizizz sind nur als Ergänzung gedacht und decken in keinster Weise den gesamten Stoff ab!
</blockquote>
<details>
<summary>Woche 1</summary>
<a role="button" href="TU01_2023-10-23.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-1" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(1)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-1" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/6532b1bbb120c76cc078ad3e?searchLocale=" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-1"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 2</summary>
<a role="button" href="TU02_2023-10-30.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-2" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(2)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-2" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/653ee867864dfadba44ba77e?searchLocale=" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-2"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 3</summary>
<a role="button" href="TU03_2023-11-06.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-3" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(3)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-3" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/654614409bd71e643ca04ee6" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-3"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 4</summary>
<a role="button" href="TU04_2023-11-13.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-4" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(4)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-4" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/6551596279a4caa35c27be82?source=quiz_share" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-4"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 6</summary>
<a role="button" href="TU06_2023-11-27.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-6" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(6)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-6" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/6563c91f3f0e123f95e5f84a?searchLocale=" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-6"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 8</summary>
<a role="button" href="TU08_2023-12-11.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-8" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(8)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-8" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/6575ef9fa2acd352d545de9c?searchLocale=" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-8"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 9</summary>
<a role="button" href="TU09_2023-12-18.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-9" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(9)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-9" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/657ff04f3d2e355d7413e525?searchLocale=" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-9"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 10</summary>
<a role="button" href="TU10_2024-01-07.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-10" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(10)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-10" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/659ba2632e44a871bc130d0c?at=659ba61bbea91cb015656c6f" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-10"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 11</summary>
<a role="button" href="TU11_2024-01-14.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-11" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(11)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-11" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/65a4e485364beafadd5dd35d" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-11"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
<details>
<summary>Woche 12</summary>
<a role="button" href="TU12_2024-01-21.pdf" style="margin-bottom: var(--grid-spacing-horizontal);"
target="_blank">
<img src="file.svg" />
Folien
</a>
<div class="grid">
<button id="quizizz-button-12" class="secondary" style="margin-bottom: 0;" onclick="toggleQuiz(12)">
<img src="play.svg" />
Quiz alleine spielen
</button>
<a id="quizizz-link-12" role="button" class="secondary"
href="https://quizizz.com/admin/quiz/65adb488f0926da4a9d8247e" target="_blank">
<img src="external-link.svg" />
Quiz mit mehreren Leuten spielen
</a>
</div>
<iframe id="quizizz-iframe-12"
style="width:100%;min-height:635px;margin-top: var(--grid-spacing-horizontal); display: none;"
src="about:blank" frameBorder="0" allowfullscreen>
</iframe>
</details>
</main>
</body>