saahildcom/src/scripts/oneko_easteregg.ts
2024-06-20 00:08:44 -04:00

26 lines
726 B
TypeScript

import "./easteregg.css"
export function startEasterEgg() {
const el = document.createElement('div')
el.innerHTML = ""
el.className = `easter-egg hidden`
document.body.append(el)
return {
destroy: () => {
el.remove()
},
toggle: () => el.classList.toggle('hidden')
}
}
export function listenForEasterEgg() {
const oneko2 = startEasterEgg()
window.addEventListener('keydown', (k) => {
if((k.ctrlKey || k.metaKey) && k.shiftKey && k.altKey) oneko2.toggle()
})
window.addEventListener('keyup', (k) => {
if((k.ctrlKey || k.metaKey) && k.shiftKey && k.altKey) oneko2.toggle()
})
}
// expose to window
// LATER: there is a way to type this im just lazy atm
//@ts-ignore
window.easter_egg = startEasterEgg