Remix.run Logo
Cider9986 a day ago

It is not beautiful for me on Mobile

Leftium a day ago | parent [-]

Can you clarify? Is the rendering broken on mobile?

I just checked, and the responsive layout seems to render correctly on Android Firefox/Chrome and iOS Safari.

You can even save WeatherSense to your home screen as a simple progressive web app.

Cider9986 a day ago | parent [-]

I don't like the color scheme with the gradients; nothing functionally wrong, just my reaction.

Leftium a day ago | parent [-]

The gradients actually serve a purpose:

- You can see the weekly high/low temperature trends by scanning down vertically along the left.

- Redder color means warmer; bluer means cooler.

- The gradient is constant for all data plots, so you can visually compare the temperature across days and hours.

- The gradient block for each day goes from the high to the low temp for that day.

- Even the hourly temperature plot line is calibrated to the same gradient.

---

The sky background gradient is slightly superfluous, but it's very subtle and meant to emulate (a more vibrant) version of the actual sky.

For anyone who wants more gradients: there's a setting here: https://weather-sense.leftium.com/wmo-codes

I disabled those by default because they were distracting and didn't serve a purpose.