Thanks so much for taking the time to look at it and provide thoughtful feedback!
Regarding the websockets - when where you testing? Just now? And/or did you have the page open yesterday? Last night I switched MQTT and websockets to use a secure connection because I also enabled https for my site, and it was rejecting the insecure websockets from a secure webpage. it took me a while to get everything configured and working together after I made the switch. Possibly try doing a shift-reload and see if that clears things up? If not, definitely let me know so I can try and fix it.
Regarding the realtime and 10-minute - that’s not actually the difference between the two charts (or at least it’s not the main reason/difference I’m providing both). I tried to explain it in the AQI information section on my About page. The difference is that the one on the left (the “realtime”) is applying the new US EPA conversion factor PurpleAir introduced to get their numbers to more closely match AirNow, especially when woodsmoke is a large part of the pollution. Due to some details about how the conversion is made, PurpleAir can only do it for real-time, not for any of their normal time averages. So what I’m trying to do is provide both a converted/compensated number that is supposed to more closely match the EPA’s AirNow reporting, as well as the normal PurpleAir number with no conversion.
Interesting thought on the realtime image side-by-side with the tides. But if I did that, then I wouldn’t have a reasonable place for the current sea conditions - unless I made the image really small and put all three on the same line. But I’ll play around with the layout and sizes more. Part of the reason I have the large image is because originally I didn’t have the extra “webcams” page - and local people (surfers, fishermen, beachgoers) like the big version of the image to get a good/detailed idea of conditions. But now that I have the webcams page, possibly I could have the large images there and just a small version on the homepage. The other minor thing about combining the image with the tides is the refresh rate. Due to the way the belcherskin provides “hooks” to add your own sections (such as I have done) and provide refresh rates for those sections, if I put the two together they would refresh at the same rate. I’d like the webcam image to update fairly frequently, but the tide-chart doesn’t need to update very frequently at all (and since I’m hitting another site’s server to do that, I also don’t want to be a “bad citizen”). I could certainly code around it with some effort.