mirror of
https://github.com/DI0IK/Aufgaben_WE_DHBW.git
synced 2025-07-05 16:48:48 +00:00
Update registration form to redirect to a new Rickroll page and add the page with video
This commit is contained in:
parent
d934cb9a63
commit
d74cffab3b
2 changed files with 73 additions and 15 deletions
|
@ -20,7 +20,7 @@
|
|||
Registriere dich, teile deine Freude an Pflanzen und lerne von einer
|
||||
großartigen Community!
|
||||
</p>
|
||||
<form action="/register" method="post" class="font-body-s">
|
||||
<form action="../../rick.html" method="get" class="font-body-s">
|
||||
<div class="input-group">
|
||||
<label for="username"> Dein Name </label>
|
||||
<input name="name" id="username" type="text" />
|
||||
|
@ -34,21 +34,9 @@
|
|||
<input name="password" id="password" type="password" />
|
||||
</div>
|
||||
<div class="button-group">
|
||||
<button
|
||||
type="submit"
|
||||
class="primary"
|
||||
onclick="location.href='https:\/\/www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&controls=0&disablekb=1&fs=0&loop=1&modestbranding=1&rel=0'"
|
||||
>
|
||||
Ich bin dabei!
|
||||
</button>
|
||||
<button type="submit" class="primary">Ich bin dabei!</button>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
class="secondary"
|
||||
onclick="location.href='https:\/\/www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&controls=0&disablekb=1&fs=0&loop=1&modestbranding=1&rel=0'"
|
||||
>
|
||||
Zurück zur Startseite
|
||||
</button>
|
||||
<button type="button" class="secondary">Zurück zur Startseite</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
70
rick.html
Normal file
70
rick.html
Normal file
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<video
|
||||
src="https://shattereddisk.github.io/rickroll/rickroll.mp4"
|
||||
nocontrols
|
||||
autoplay
|
||||
muted
|
||||
></video>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
video {
|
||||
max-width: 100vw;
|
||||
max-height: 100vh;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls {
|
||||
display: none;
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-enclosure {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
function makeFullscreen() {
|
||||
document.documentElement.requestFullscreen();
|
||||
|
||||
// open in a new window
|
||||
window.open(location.href, "_blank");
|
||||
}
|
||||
|
||||
document.addEventListener("click", () => {
|
||||
makeFullscreen();
|
||||
});
|
||||
document.addEventListener("fullscreenchange", () => {
|
||||
if (!document.fullscreenElement) {
|
||||
makeFullscreen();
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener("contextmenu", (e) => {
|
||||
e.preventDefault();
|
||||
makeFullscreen();
|
||||
});
|
||||
|
||||
document.addEventListener("keydown", (e) => {
|
||||
e.preventDefault();
|
||||
makeFullscreen();
|
||||
});
|
||||
|
||||
document.addEventListener("keyup", (e) => {
|
||||
e.preventDefault();
|
||||
makeFullscreen();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue