diff --git a/assets/js/page.js b/assets/js/page.js
index 6f7ba5e..103d3fb 100644
--- a/assets/js/page.js
+++ b/assets/js/page.js
@@ -1,5 +1,6 @@
 import '/assets/scss/page.scss';
 
+let eastereggsurl = '/assets/js/eastereggstrings.json'
 document.addEventListener("readystatechange", event => {
     if(event.target.readyState === 'complete') {
         initExternalLinks();
@@ -17,30 +18,20 @@ function initExternalLinks() {
 }
 
 function initEasterEgg() {
-    document.body.addEventListener('click', function(event) {
-        // Check if the clicked element is an interactive element or triggers an event
-        if (!isInteractiveElement(event.target)) {
-            let randomhue = Math.floor(Math.random() * 360)
+    document.body.addEventListener('click', evt => {
+        fetch(eastereggsurl)
+        .then((response) => {
+            if (!response.ok) {
+                return;
+            }
+            return response.json();
+        }).then((eastereggstrings) => {
             let randomstring = Math.floor(Math.random() * eastereggstrings.length);
-            // Apply the color shift filter to the body
-            document.body.style.filter = 'hue-rotate(' + randomhue + 'deg)';
             document.querySelector('.easter-egg').innerHTML = eastereggstrings[randomstring];
-        }
+        })
     });
 }
 
-let eastereggstrings = [
-    "No",
-    "Stop it",
-    "It not funny anymore",
-    "Odette does not like this",
-    "Garry has asked to stop scaring the birds",
-    "Seriously?",
-    "I'm out of here",
-    "Stop poking me. I' thinking",
-    "Oh boy"
-]
-
 function isInteractiveElement(element) {
     // Check if the element is an interactive element or triggers an event
     return (