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
pxhc
2 months ago
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)
pxhc
2 months ago
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
pxhc
2 months ago
a bunch of silly little secrets and easteregg hunts hehe, I really liked your "techno horror glitch aesthetic" description!
pxhc
2 months ago
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.
pxhc
2 months ago
:D (it's not just on the code though, I just added a button to help finding them on the page)
pxhc
2 months ago
I just cut all the content that would be too troublesome to adapt and inserted a note that the site is incomplete on mobile :P (but as I was going to add the dyslexia assist mode to mobile, I decided to also add the three main color switches)
tevito
2 months ago
is it the same thing that triggers the 'you are the first here' etc. messages? (it's very cool btw!!) it doesn't affect readability at all for me
pxhc
2 months ago
thanks for the feedback! After I made this post I had already reduced the effect a lot, I was feeling a bit drunk looking at it, but I guess it's fine now :)
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)