1 files changed, 70 insertions, 0 deletions

diff --git a/index.html b/index.html
index 432c5d0..0112e42 100644
--- a/index.html
+++ b/index.html
@@ -30,6 +30,15 @@
         .transaction:hover {
             background-color: rgba(0, 0, 0, .1);
         }
+
+        @keyframes shake {
+            0% {
+                transform: scale(1);
+            }
+            100% {
+                transform: scale(1.5);
+            }
+        }
     </style>
     <link rel="stylesheet" href="./assets/black.css" disabled id="mobile-css">
 </head>
@@ -432,6 +441,67 @@ width:max-content;">
         document.getElementById("confirm-modal-inner").style.borderBottomLeftRadius = "5px";
         document.getElementById("confirm-modal-inner").style.borderBottomRightRadius = "5px";
     }
+
+    f13presses = 0;
+    document.onkeydown = (event) => {
+        if (event.keyCode === 124) {
+            if (require('os').platform() === "win32") {
+                alert("haha you're using an inferior OS! Doing F13 on here is too easy so you might have expected " +
+                    "something but you're not going to get it.")
+            } else {
+                f13presses++;
+
+                switch (f13presses) {
+                    case 1:
+                        Array.from(document.querySelectorAll("*")).forEach((item) => {
+                            item.style.fontFamily = "'Noto Sans Symbols', 'Wingdings', 'Webdings', monospace";
+                        });
+                        break;
+
+                    case 2:
+                        Array.from(document.querySelectorAll("*")).forEach((item) => {
+                            item.style.background = "red";
+                        });
+                        break;
+
+                    case 3:
+                        Array.from(document.querySelectorAll("*")).forEach((item) => {
+                            item.style.color = "blue";
+                        });
+                        break;
+
+                    case 4:
+                        Array.from(document.querySelectorAll("img")).forEach((item) => {
+                            item.src = "";
+                            item.style.color = "yellow";
+                        });
+                        break;
+
+                    case 5:
+                        Array.from(document.querySelectorAll("*")).forEach((item) => {
+                            item.style.transition = "transform 200ms";
+                            item.style.animationName = "shake";
+                            item.style.animationDuration = "200ms";
+                            item.style.animationIterationCount = "infinite";
+                            item.style.animationDirection = "alternate-reverse";
+                        });
+                        break;
+
+                    case 6:
+                        Array.from(document.querySelectorAll("*")).forEach((item) => {
+                            item.style.display = "none";
+                        });
+                        break;
+
+                    default:
+                        Array.from(document.querySelectorAll("*")).forEach((item) => {
+                            window.close();
+                        });
+                        break;
+                }
+            }
+        }
+    }
 </script>
 </body>
 </html>
\ No newline at end of file