Writing a webpage for a Davis wx station on a private website

[Jane Herbert]

Weather station / internet gurus: currently (and for last 100 years) our webpage uploading from our computer has looked like this old fashioned beauty……using a Davis Vantage Pro 2 station
To do this I have to write a new version of both .htx and .htm pages (which I detest having to do) if I want to make any changes
Does anyone know of a simple and nicely presented page of data that will upload from our computer (*not* using W’link IP) without me having to brush up on my html every single time?

 

[Dan Robinson]

This is one area that the AI LLMs might be useful, try copying/pasting the code into ChatGPT and asking it for a mobile-friendly version.

Otherwise you could try taking the master table out of the layout and just have all of the individual pieces display inline (meaning they stack on a mobile device and wrap like text on a bigger screen).

If the the graphs in the right-hand column are just images, you could add style="display:inline-block;" to each img tag to make them all stack on mobile and wrap like text on larger screens.

The tables of data on the left hand side can probably stay as they are, just wrap them in divs with the inline-block style:

This would go before the start of each table:

<div style="display:inline-block;">

Then close each one with the closing div tag:

</div>