348 lines
12 KiB
HTML
348 lines
12 KiB
HTML
|
|
||
|
<!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>
|