diff --git a/css/app.css b/css/app.css
index dfd28e8..8bee10e 100644
--- a/css/app.css
+++ b/css/app.css
@@ -201,4 +201,21 @@ nav, .card {
 
 .bg-timebox input {
     color: black;
-}
\ No newline at end of file
+}
+
+/*Hidden Boxes*/
+#hidden-one {
+    width: 1em;
+    height: 1em;
+    position: fixed;
+    top: 0;
+    left: 0;
+}
+
+#hidden-two {
+    width: 1em;
+    height: 1em;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+}
diff --git a/index.html b/index.html
index 5b04995..78034d3 100644
--- a/index.html
+++ b/index.html
@@ -821,6 +821,11 @@
             </div>
         </div>
     </div>
+
+    <template v-if="fun">
+        <div id="hidden-one" @click="tellJoke('pun', 'de')"></div>
+        <div id="hidden-two" @click="tellJoke('programming,coding,development')"></div>
+    </template>
 </div>
 
 <script src="js/codemirror.js"></script>
diff --git a/js/app.js b/js/app.js
index 852398d..216585d 100644
--- a/js/app.js
+++ b/js/app.js
@@ -606,6 +606,10 @@ const TimeTrack = {
         },
         validateBooleans(value) {
             return value === 'true' || value === true;
+        },
+        tellJoke(category, language = 'en') {
+            let jokeService = new JokeService(category ?? undefined, language);
+            jokeService.tell();
         }
     },
     watch: {