Thanks for following. I was having trouble navigating on your site so opened the page source and mostly got pages and pages of ASCII art which was much more horrifying reading in source, it felt like it was coming out of the code at me. So that was an impressive bit of techno horror. But the reason I was looking is I couldn't exactly pinpoint how your navigation bar works. It looks like labels not links (a href) tags
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
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
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