Update registration form to redirect to a new Rickroll page and add the page with video

This commit is contained in:
Dominik 2025-02-18 14:10:30 +01:00
parent d934cb9a63
commit d74cffab3b
2 changed files with 73 additions and 15 deletions

View file

@ -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
View 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>