Make the AQI number gigantic

[obra]

Along the way, add a link to an explanation of what kinds of AQI corrections exist and which one we're using.

Also fixes a bug where we wouldn't clear the previous body class when refreshing the page.

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/skalnik/aqi-wtf/dsuyhy5ms
✅ Preview: https://aqi-wtf-git-fork-obra-calculation-type.skalnik.vercel.app

[obra]

old:

new

[obra]

@skalnik If you're around, what's your take on these two PRs - I've got other work I'm procrastinating and would be happy to keep iterating :)

[skalnik]

@obra I'm checking this one out right now and fixing up some styling! 😅 Sorry for the delay

[obra]

On Fri, Sep 11, 2020, at 7:35 PM, Mike Skalnik wrote:

@obra https://github.com/obra I'm checking this one out right now and fixing up some styling! 😅 Sorry for the delay

Don't sweat it! I hope the dentist wasn't too traumatic.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/skalnik/aqi-wtf/pull/52#issuecomment-691387409, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAALC2EOVG266CHJZUZHNB3SFLM63ANCNFSM4RGOTJGA.

[skalnik]

Overall this is great. I moved the sizing down a tad using em instead of vw so that it doesn't get super-sized when wide, since that lead to the emoji ending up blurry.

Before:

After:

And still remains about the same on iOS:

I also fixed up the AQandU article link which was broken. I think it may change anytime they update the article? I wonder if we can find a stable URL for that.

[obra]

sob I thought we finally lived in the future where color emoji fonts were SVG.

[skalnik]

sob I thought we finally lived in the future where color emoji fonts were SVG.

Same 😞

[obra]

Hm. On my XS, it's now -too- big. Well, the emoji is on its own line. Which is fine for now, really. So yeah. LGTM

[skalnik]

Hm. On my XS, it's now -too- big. Well, the emoji is on its own line. Which is fine for now, really.

Ooh, interesting! I went ahead and made it pick the minimum between the 25vw along with the 10em size. Hopefully that fixes that.

[obra]

Yes. Confirmed fixed on my XS

On Fri, Sep 11, 2020, at 7:55 PM, Mike Skalnik wrote:

Hm. On my XS, it's now -too- big. Well, the emoji is on its own line. Which is fine for now, really.

Ooh, interesting! I went ahead and made it pick the minimum between the 25vw along with the 10em size. Hopefully that fixes that.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/skalnik/aqi-wtf/pull/52#issuecomment-691390767, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAALC2BPFGNA4PJU52N3HKLSFLPLNANCNFSM4RGOTJGA.