Key fixes: Annoyed by trying to sync body bg color and reading bg color, so removed data binding altogether! And it works I didnt need it in first place 🤦♂️ Added setTimeout delay of 800 to setting initial pm2.5 bg color so that even if I toggle fast between browsers it still works. F**k wasted so much time on this today 😡
Added function to auto-change fill color of the i svg icon on central pm2.5 page based on background color - now I need another function for footer i icon to change based on pm2.5 and psi page colors!
Tried using svgs from svgrepo.com to eliminate the need for fontawesome, but ended up needing more work to tweak the colors of the svgs dynamically due to the reading level.. much work! Gotta think if it's worth it
Got accessibility to 100 at least from adding alt text to all img tags. Not critical to page speed but I like doing my part for web accessibility and it's a social good project after all, so..
Tried various ways to improve lighthouse score (60!) like add async/defer, preload font, self host fonts, use diff cdn etc but somehow all didn't work. Only thing that worked slightly was adding async to vue-touch to reduce chain critical requests 🫠
