futile/futile.eu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make konami code toggle invert colours

Browse Source
This commit is contained in:
futile
2026-01-20 04:23:54 +00:00
parent 7dc36b1953
commit 0ecad3d53d
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -3
View File
@@ -10,8 +10,8 @@
<link rel="stylesheet" href="generated.css"> <link rel="stylesheet" href="generated.css">
</head> </head>
<body class="m-0 bg-black overflow-hidden flex justify-center items-center h-screen"> <body id="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" <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> onclick="window.location.href='mailto:me@futile.eu'">futile</h1>
</body> </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> </script>
</html> </html>
style.css
+3
View File
@@ -1,5 +1,8 @@
@import "tailwindcss"; @import "tailwindcss";
@source inline("bg-white");
@source inline("text-black");
@font-face { @font-face {
font-family: "Bokor"; font-family: "Bokor";
src: url("static/fonts/Bokor-Regular.woff2") format("woff2"); src: url("static/fonts/Bokor-Regular.woff2") format("woff2");