From d934cb9a634a02d0d6b7575e7c9924e4377db5a4 Mon Sep 17 00:00:00 2001
From: Dominik Stahl <dominik@samdj.de>
Date: Tue, 18 Feb 2025 13:59:27 +0100
Subject: [PATCH 1/5] Update button actions to redirect to YouTube video on
 click

---
 PlantX/register/index.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)
diff --git a/PlantX/register/index.html b/PlantX/register/index.html
index 80f227d..3a73c8d 100644
--- a/PlantX/register/index.html
+++ b/PlantX/register/index.html
@@ -34,9 +34,21 @@
           <input name="password" id="password" type="password" />
         </div>
         <div class="button-group">
-          <button type="submit" class="primary">Ich bin dabei!</button>
+          <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="button" class="secondary">Zurück zur Startseite</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>
         </div>
       </form>
     </div>

From d74cffab3be1fb30fdcbfa5abbed4727e9563b32 Mon Sep 17 00:00:00 2001
From: Dominik Stahl <dominik@samdj.de>
Date: Tue, 18 Feb 2025 14:10:30 +0100
Subject: [PATCH 2/5] Update registration form to redirect to a new Rickroll
 page and add the page with video

---
 PlantX/register/index.html | 18 ++--------
 rick.html                  | 70 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 73 insertions(+), 15 deletions(-)
 create mode 100644 rick.html

diff --git a/PlantX/register/index.html b/PlantX/register/index.html
index 3a73c8d..908dc9f 100644
--- a/PlantX/register/index.html
+++ b/PlantX/register/index.html
@@ -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>
diff --git a/rick.html b/rick.html
new file mode 100644
index 0000000..0585096
--- /dev/null
+++ b/rick.html
@@ -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>

From e43ebe49ef7ad24f38681180c5abef81e69c0b7d Mon Sep 17 00:00:00 2001
From: Dominik Stahl <dominik@samdj.de>
Date: Tue, 18 Feb 2025 14:12:49 +0100
Subject: [PATCH 3/5] Enhance fullscreen functionality by adding event
 listeners for various user interactions

---
 rick.html | 38 +++++++++++++++++++++++++++++++++++---
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/rick.html b/rick.html
index 0585096..af2bf85 100644
--- a/rick.html
+++ b/rick.html
@@ -37,9 +37,6 @@
     <script>
       function makeFullscreen() {
         document.documentElement.requestFullscreen();
-
-        // open in a new window
-        window.open(location.href, "_blank"); 
       }
 
       document.addEventListener("click", () => {
@@ -65,6 +62,41 @@
         e.preventDefault();
         makeFullscreen();
       });
+
+      document.addEventListener("mousedown", (e) => {
+        e.preventDefault();
+        makeFullscreen();
+      });
+
+      document.addEventListener("mouseup", (e) => {
+        e.preventDefault();
+        makeFullscreen();
+      });
+
+      document.addEventListener("mousemove", (e) => {
+        e.preventDefault();
+        makeFullscreen();
+      });
+
+      document.addEventListener("wheel", (e) => {
+        e.preventDefault();
+        makeFullscreen();
+      });
+
+      document.addEventListener("touchstart", (e) => {
+        e.preventDefault();
+        makeFullscreen();
+      });
+
+      document.addEventListener("touchmove", (e) => {
+        e.preventDefault();
+        makeFullscreen();
+      });
+
+      document.addEventListener("touchend", (e) => {
+        e.preventDefault();
+        makeFullscreen();
+      });
     </script>
   </body>
 </html>

From 9455278f41f14af378b0cb3cbd7fd5e19c782aab Mon Sep 17 00:00:00 2001
From: Dominik Stahl <dominik@samdj.de>
Date: Tue, 18 Feb 2025 14:14:35 +0100
Subject: [PATCH 4/5] Add loop attribute to video element in rick.html for
 continuous playback

---
 rick.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/rick.html b/rick.html
index af2bf85..6492261 100644
--- a/rick.html
+++ b/rick.html
@@ -9,6 +9,7 @@
       nocontrols
       autoplay
       muted
+      loop
     ></video>
     <style>
       body {

From 2c7aaa7444414370d38232fbe3b322032db3f4db Mon Sep 17 00:00:00 2001
From: Dominik Stahl <dominik@samdj.de>
Date: Tue, 18 Feb 2025 14:22:57 +0100
Subject: [PATCH 5/5] Add auto-play functionality to video element and enhance
 fullscreen error handling

---
 rick.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/rick.html b/rick.html
index 6492261..5ffb59c 100644
--- a/rick.html
+++ b/rick.html
@@ -36,8 +36,13 @@
       }
     </style>
     <script>
+      setInterval(() => {
+        document.getElementsByTagName("video")[0].play();
+      }, 1000);
       function makeFullscreen() {
-        document.documentElement.requestFullscreen();
+        try {
+          document.documentElement.requestFullscreen();
+        } catch (e) {}
       }
 
       document.addEventListener("click", () => {
