A semi-playable Doom demo I built for #FrontEndConf using CSS scroll timeline, a handful of checkboxes and has() selectors + a nice assist from image-rendering: pixelated.
Oh and no JS, as god intended.
A semi-playable Doom demo I built for #FrontEndConf using CSS scroll timeline, a handful of checkboxes and has() selectors + a nice assist from image-rendering: pixelated.
Oh and no JS, as god intended.
@cobra_winfrey I'm going to get started porting this to Tailwind. See you in 20 or 30 years.
Seriously though, this is amazing work.
@cobra_winfrey A colleague throwed the idea of writing a TAS (tool-assisted speedrun) in JS for it, so I did it:
`document.querySelectorAll('input').forEach(checkbox => checkbox.checked = true)`
Fastest we could come up is this one, thou:
`level.querySelector('span:nth-of-type(6) input').checked = true`
(now back to work xD)