feat: make konami code toggle invert colours

2026-01-20 04:23:54 +00:00
parent 7dc36b1953
commit 0ecad3d53d
2 changed files with 13 additions and 3 deletions
@@ -10,8 +10,8 @@
    <link rel="stylesheet" href="generated.css">
 </head>

-<body class="m-0 bg-black overflow-hidden flex justify-center items-center h-screen">
-    <h1 class="futile text-white font-[Bokor] text-[clamp(1em,12em,40vw)] select-none leading-none overflow-hidden"
+<body id="body" class="m-0 bg-black overflow-hidden flex justify-center items-center h-screen">
+    <h1 id="header" class="futile text-white font-[Bokor] text-[clamp(1em,12em,40vw)] select-none leading-none overflow-hidden"
        onclick="window.location.href='mailto:me@futile.eu'">futile</h1>
 </body>

@@ -29,7 +29,14 @@
        });
    }

-    onKonamiCode(() => { alert('ough') })
+    onKonamiCode(() => {
+      let body = document.getElementById("body");
+      body.classList.toggle("bg-black");
+      body.classList.toggle("bg-white");
+      let header = document.getElementById("header");
+      header.classList.toggle("text-white");
+      header.classList.toggle("text-black");
+    })
 </script>

 </html>
@@ -1,5 +1,8 @@
@import "tailwindcss";

+@source inline("bg-white");
+@source inline("text-black");
+
@font-face {
    font-family: "Bokor";
    src: url("static/fonts/Bokor-Regular.woff2") format("woff2");