nevermind, I decided to do something more complicated

you can pull the js from my index next time you need it

I wanted to see the original script to get the timing right to manipulate it without a script (just making an image appear on the screen throught css) but then I realized the screenshot is taken at 1280x960 so I just had to add to style @media (width: 1280px) and (height: 960px) { } to control it, no one is ever going to have that viewport anyway unless they are on fullscreen on that resolution

the "more complicated" thing was an animated ASCII splash screen hehe (but it didn't look good in the 4:3 screenshot, so I used that other solution I mentioned)

iframes are hell in general. i wish you luck soldier (would setting the iframe's tabindex to -1 also get all the content inside of the iframe out of the tabindex? it would disable the chat accessibility wise but it might clear up the tabindex)

You wrote you're still learning CSS but it looks like you've done a lot with CSS selectors and filters, so I wondered why you chose to use hidden radio buttons for navigation links instead, unless you're just continuing the techno horror glitch aesthetic... well, it's working in that sense... but it makes it really difficult to navigate

Hi, thank you for your message! I wanted to make a page just to practice/learn better CSS. I read about checkbox and radio inputs and decided to make it a single page instead of using iframes (just because it's more complicated to do it, and it sounded cool to have the whole site in a single file), but I don't really have much to put on it (I didn't want to repeat my other sites)

so navigation is really just Notes, Links and the optional color switches (my original design), the rest is stuff I added later to play around and I consider more as "exploration", like click around you may find more color options, reveal hidden text, or display other ASCII art, I wanted them hidden, like someone got curious about the flashing text or blinking stars and clicked on it and discovered what it reveals

a bunch of silly little secrets and easteregg hunts hehe, I really liked your "techno horror glitch aesthetic" description!

ah, about how it works, the stuff on the main section and the sidebar are all there but with display none, the radio buttons change it to display flex, and the stars have opacity 0 and the radio buttons play an animation that changes their opacity for a few secs, so all the elements are there on the page the whole time, they are just not visible

Thanks for explaining! I didn't even think to check the URL bar, so yeah I can see now it's all on one page.

that ascii art in the source code rules

:D (it's not just on the code though, I just added a button to help finding them on the page)

thanks :)