|
==The default CMX website Development==
These section of the Wiki will enable you to get the latest information and resources for the alternative to the default CMXCumulusMX public website shipped with version 3.10.x
'''This page is under development at the moment'''
===Alternative public website===
As part of the development process, aof newthe publicCumulusMX websiteInterface, templateI ishave availablegenerated whicha cannew eitherpublic sitwebsite on(with toptemplate ofpages) ofas totallyan replacealternative to the templateone suppliedprovided with CumulusMX.
This template builds on the development of the AI and introduces a number of features and/or improvements.
Full details of the alternative public website, including screenshots can be fond on [https://oaktreewebs.co.uk/wiki/ my wiki] together with comprehensive instructions on how to install, use and modify.
*It is significantly more responsive - adaptable to different viewing devices
*;All the fonts correctly scale on all browsers
Its major change is that all configuration data is held in one place: the CMXConfig object, so you can set the location of your data, your NOAA reports and the menu just by editing one part of one file.
*;All tables have been removed and replaced with more flexible elements
*;Panels correctly redistribute themselves on all screens.
The menu has also been enhanced with some additional features while maintaining the single json structure of the original.
*Panels can be rearranged with minimal coding skills
*Different colour schemes can be applied, again with minimal coding required
This site also comes with new themes (unfortunately not compatible with the AI or previous versions) that should be easier to modify for your own needs.
*It has the facility to specify a separate location for your data files
'''Download the [https://www.cumuluswiki.org/images/0/08/PublicWebsite.zip latest version here]''' (Updated: (12:15 1st Apr 2025)) [This version accommodates HTML formatted NOAA reports and corrects the use of 'on' in all-time reports. Note that if you opt to use these formatted NOAA reports you will need to re-generate '''ALL''' existing reports '''and upload them'''.]
'''You can view my site using the new default templates on [https://ai2weather.uk Oaktree Weather ].
====Amendments since last revision====
This is a full rebuild of the site.
==Installing==
*Unzip it in the same location as your existing site - it will not overwrite the existing pages
*:The new site uses .html pages whereas the existing default site uses .htm
*; If you visit your site without specifying a page you will be taken to the new template pages,
*;Specifying a page such as index.htm will display your old template pages.
*: Please clear your browser cache before viewing.
==Editing the website menu== ▼
===Your Own Pages===
The website menu is held in the file ''menu.js''. An image of this is shown below:
'''As with previous releases, the public website template also includes a template page'''.
The template.html page is provided to make it easier for you to add your own pages while retaining the look and feel of the website. The template page is called '''template.html'''.
Menu configuration file for NEW CuMX template
Last modified: 2022/07/05 11:39:38
menu.js - typical name, you define the one used in setpagedata.js<br>
It is STRONGLY RECOMMENDED that if you customise this file, you create a new file with a different name, e.g. mymenu.js
and change setpagedata.js to use that file. This will avoid your customisations being accidentally overwritten during upgrades<br>
Properties:
.title - This is the text that appears in the menu bar.
.menu - can be 'b' (both menus), 'w' (wide menu ONLY), 'n' (narrow [mobile] menu ONLY)
.new_window:true - forces the link to open in new browser window
.url - This is the address of the page. if it is to an external page on another site it must include the full url
The two entries that are '#' are special and are configured by the website.
.forum:true - flags a forum link menu item, it will use the url provided in CuMX config, if that is blank the menu item will be hidden
.webcam:true - flags a webcam link menu item, it will use the url provided in CuMX config, if that is blank the menu item will be hidden
<big>Editing</big>
some text
The template page shows all the different column layouts that are available. These are:
menuSrc = [
ax-column1, ax-column2, ax-column3, ax-column4, ax-column5 and ax-column6
{title: "Now", menu: "b", url: "index.htm"},
{title: "Today:, menu: "b", url: "today.htm"},
{title: "Yesterday", menu: "b", url: "yesterday.htm"},
{title: "Today-Yest", menu: "b", url: "todayyest.htm"},
{title: "Records", menu: "b", submenu: true, items: [
{title: "This Month", menu: "b", url: "thismonth.htm"},
{title: "This Year", menu: "b", url: "thisyear.htm"},
{title: "All Time", menu: "b", url: "record.htm"},
{title: "Monthly", menu: "b". url: "monthmlyrecords.htm"},
]},
{title: "Charts", menu: "b", submenu: true, items: [
{title: "Trends", menu: "b", url: "trends.htm"},
{title: "Select-a-graph", menu: "b", url: "selectchart.htm"},
{title: "Historic", menu: "b", url: "historic.htm"},
]},
{title: "Reports", menu: "b", url: "noaareport.htm"},
{title: "Forum", menu: "b", url: "#", forum: true, new_window: true},
{title: "Webcam", menu: "b", url: "#", webcam: true}
];
: These will always try to display the indicated number of columns but as the screen becomes small will automatically collapse into fewer columns as appropriate.
* If you want to change the language, simply enter translations for the titles only.
:; If there are more panels than columns they will gracefully split onto additional rows while retaining their column settings.
* If you want to add an entry copy the entry above and edit it as required.
:; Rows with fewer panels than columns will either stretch the remaining panels across the full width or distribute them centrally - this can be controlled by you.
* To create a whole new sub-menu, copy and paste either the section that starts with the '''title: "Records"...''' or '''title: "Charts"...''' and then edit as required.
For full details visit [https://oaktreewebs.co.uk/wiki/ my wiki].
==An Alternative Default Website==
▲==Editing the website menu==
Following on from the development of the current default website, the author of the default website has generated an alternative that is more adaptable and responsive.
It is designed to work on all screen sizes while using exactly the same data that is uploaded to the default website.
It allows your data to be sent to its own sub-folder of the site rather than mixing in with the web pages so makes it easier to manage. It comes with a number of themes or colour schemes that you can implement as required.
To find out more please visit the [[Alternative Public Website]] page.
Please refer to my [https://oaktreewebs.co.uk/wiki/ wiki] for full details of the menu and how to edit it.
==An Alternative Interface==
==Changing the Theme and Other Settings==
In addition to the existing Interface site used for managing your weather station, an additional Alternative Interface is also available from the author of the default website.
Please refer to my [https://oaktreewebs.co.uk/wiki/ wiki] for full information on configuring and setting up the alternative website.
Details of this can be found here: [[Alternative_Interface|Alternative Interface]].
| 