learning on the go just for fun, my CSS has about 30k characters and I don't think there's much more I can simplify

6 months ago by PiraHxCx to c/css

tons of pseudo elements and classes, states, animations... I'm not trying to be professional, it's just a personal microblog that I've been experimenting with everything I've been learning hehe
the site doesn't look like it has a lot of content but there's quite a few hidden stuff (although none so cryptic)
After I finish updating my friends' links I'm going to make a loop (not marquee) changing the display of divs... anyway, been having quite some fun writing CSS rules https://pxhc.neocities.org/

sin_free_for_00_days 1 point 6 months ago

Links don't work for me.

OS          Debian GNU/Linux forky/sid x86_64                            
Browser     Firefox 152.0a1
Kernel      6.19.14+deb14-amd64                                                                        
Resolution  2560x1080                                                    
WM          i3                                                           
CPU         AMD Ryzen 7 7840HS w/ Radeon 780M Graphics (16) @ 5.137GHz   
GPU         AMD ATI 66                                                   00.0 Phoenix1 
Memory      4423MiB / 25839MiB

save

path: 0 23460089, hotness: undefined, score: 1, children: 3

PiraHxCx 1 point 6 months ago

You mean when you click the Links label it doesn't change the content displayed (it's just a radio input, working here on Firefox 148 and Brave 1.89), or that clicking outgoing links are not working? (there is only one on the Links section so far)

save

path: 0 23460089 23461035, hotness: undefined, score: 1, children: 2

sin_free_for_00_days 2 points 6 months ago

I think I'm just blocking too much. At one point I got a message something like "if you're seeing this, your browser is blocking chatbox". Before that the links did nothing. The color changer buttons worked.

save

path: 0 23460089 23461035 23461159, hotness: undefined, score: 2, children: 1

PiraHxCx 2 points 6 months ago

Oh yeah, I forgot about that. This issue has been going on for quite awhile. Cbox collects some statistics, and Firefox has been flagging it as tracking/fingerprinting because it's a CORS iframe. Cbox claims it's a false positive and that they just collect IPs that interact with the chat to show stuff like a visitor counter, the amount of unique visitors, and countries of origin as a feature for users, and also to let the user block IPs if someone is trolling/spamming the chat, and that there is no cross-user/cbox tracking and they have requested to be whitelisted, but to this day Firefox hasn't gotten back to them.
Cbox is whitelisted by uBlock Origin, AdGuard, by Brave's tracking protection and most importantly it's not on any of HaGeZi's list, so yeah I believe Firefox is tripping, so I just added an Enhanced Tracking Protection exception on my browser to be able to interact with cboxes on the wild (I surf a lot indieweb)

save

path: 0 23460089 23461035 23461159 23467861, hotness: undefined, score: 2, children: 0

PiraHxCx 1 point 5 months ago

CSS now at 70.9k characters lol

35k of it was caused by animating 152 buttons that cycle in groups of 38 on different times... I could have grouped a few that repeat patterns but it would make it harder for maintainability

save

path: 0 23639787, hotness: undefined, score: 1, children: 0