Table of Contents
The Alternative Website
This has been developed as an alternative to the public website provided with CumulusMX. It has been completely remodeled using the same or newer technology as the alternative interface. HTML tables have been completely removed and scripts rewritten to separate data manipulation from those that control the layout of the site.
The colour schemes have also been redeveloped using only nine variations but based on Pantone colours. There are also fewer schemes available.
I have also taken the opportunity to consolidate the CMX configuration structure so that more of the variables that you may need to edit are in one place.
The latest upgraded alternative to the public website supplied by CumulusMX is now available for download (Updated 11:34 22/04/2025)1)
Please note. I have reset the CMXConfig variable to the default but you may need to make sure it points to your data and NOAA reports.
It has undergone final checks on my local and public web server and can be seen on my public website at https://ai2weather.uk. For comparison, you can also see the current default public website at the default website
This new version has now been released 14th April 2025 15:54. (This version has now been w3c Validated.).
Changed files:
- chartshistoric.html
- chartshistoric.js
Fixed both charts and records not saving last viewed data set in this session.
Installing
The site is provided as a zip file which needs to be extracted - I recommend that you do this to somewhere outside the CumulusMX structure so that you do not loose the default public website supplied with CumulusMX.
As I use rPi’s to host my weather station and run other utilities, I extract to a sub-directory in the /var/www/html/. This enables me to fully view the site before making it public on my main site - https://ai2weather.uk/. In order to view the data generated by my weather station, I also have to configure CumulusMX to upload its data files to an appropriate location on my rPi.
If you have a web server installed on your system, you could upload it to a sub-folder for development. You will also need to copy the CumulusMX data files to the web server as well.
Whe. you are confident that it works locally, you can either upload the supplied .zip file to your public site and configure again, or generate your own .zip file from your local system. Remember, as long as you can access your CumulusMX data on your server, you can copy this alternative site anywhere of your server, Just configure it to find the data and it should work.
Configuration
Unlike previous versions of the Alternative Website, this version needs to be configured to access your data and your NOAA reports. This is done in one place - the page-manager.js file.
If you use the default configuration for uploading data from CumulusMX to your website, the default settings should provide access correctly to your data. If you upload your data, or reports elsewhere, then you will need to edit this file to point to the required locations.
You should view the configure page for full details.
Extra Features
There are a number of extra features embedded into the site that will need you to amend the websitedataT.json file on your CumulusMX installation. The file is located in the CumulusMX/web folder.
Lightning Strikes
If you have a lightning strikes sensor then you can add the following webtags.
- Lightning.json
"LightningStrikesToday":"<#LightningStrikesToday>", "LightningDistance":"<#LightningDistance>", "LightningTime":"<#LightningTime format="ddd MMM yyyy"> <#LightningTime>",
Please note the comma at the end of the last line - it is essential if you insert this code anywhere other than the end. If you do insert it at the end, then you will need to add a comma on the existing last line.
WetBulb readings
Add the following to the websitedataT.json file. The location for either of these additions is not critical.
- wetbulb.json
"wetbulb":"<#wetbulb>",
Again pay attention to commas.
You can click on the tabs in each of these panels to download the contents.
Fonts
To make all the fonts used on the site responsive there sizes are calculated based on the site width from 1200px down to 400px. This is done using a css feature called clamp. In order to do this I use a website Using Clamp which provides an easy way to specify the range of sizes required.
All font sizes are specified in the main.css file - lines 24 to 27 for body fonts and lines 36 to 41 for heading fonts.