Default Website Development: Difference between revisions
From Cumulus Wiki
Jump to navigationJump to search
(→Gauges) |
NeilThomas (talk | contribs) |
||
| (93 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
==The default CMX website Development== |
==The default CMX website Development== |
||
These section of the Wiki will enable you to get the latest information and resources for the |
These section of the Wiki will enable you to get the latest information and resources for the alternative to the default CumulusMX public website. |
||
=== |
===Alternative public website=== |
||
As part of the development process of the CumulusMX Interface, I have generated a new public website (with template pages) as an alternative to the one provided with CumulusMX. |
|||
This will always be available to you in the 'websites' folder of your Cumulus MX Installation. If you wish to undo any of the changes that downloads from this page generate then simply re-copy the websites folder to your web host. |
|||
This template builds on the development of the AI and introduces a number of features and/or improvements. |
|||
===Templates=== |
|||
There are currently 3 alternative template frameworks for the site. These all include 4 variations for the main content area of a page; a single column, two column, three column and four columns. These can be used as the framework for existing pages or to add your own content as required. You can choose to use them in any combination or just one - its up to you. All come with a pdf readme file to help you use them but for full information about the available styles visit [https://www.w3schools.com/w3css/default.asp w3Schools]. |
|||
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. |
|||
The available frameworks are: |
|||
* A lefthand sidebar with the main panel on the right. [https://cumuluswiki.org/images/7/75/LeftSBTemplates.zip Left-handed sidebar template]. Updated: 11 March 2021 |
|||
* A righthand sidebar with the man panel on the left. [Https://cumuluswiki.org/images/6/67/RightSBTemplates.zip Right-handed sidebar templates]. This is similar to the default site but the sidebar starts higher up the screen. Updated 11 March 2021. |
|||
* A set with no sidebar - just the main content area. [Https://cumuluswiki.org/images/2/2a/NoSBTemplates.zip No sidebar templates]. Updated: 11 March 2021 |
|||
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. |
|||
====Additional/Alternative Pages==== |
|||
=====Gauges===== |
|||
We also have an alternative to the default gauges.htm page. This does away with the sidebar and places the gauges in fixed width panels that automatically reposition themselves as the page strings. The gauges are also able to be placed in any order without resorting to cut-n-paste. Just add a number to their order property and its done. |
|||
The menu has also been enhanced with some additional features while maintaining the single json structure of the original. |
|||
This can be from here [Https://cumuluswiki.org/Downloads/NewGauges.zip Gauges Page]. Updated: 11 March 2021 |
|||
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. |
|||
=====NOAA Reports===== |
|||
To satisfy those who also publish their NOAA reports, this page will display 12 months worth of reports and the current annual report. It uses the default layout at present but will be updated as required. |
|||
[Https://cumuluswiki.org/images/b/b4/Noaareport.zip NOAA_Reports_page]. Updated: 11 March 2021. |
|||
'''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'''.] |
|||
===Complete ready to run alternative website pack=== |
|||
We hope to have complete 'website' ready alternatives to the default provided by CumulusMX available. It is likely that these will include a NOAA reports page as standard. |
|||
'''You can view my site using the new default templates on [https://ai2weather.uk Oaktree Weather ]. |
|||
===Colour schemes=== |
|||
The website and templates use a colour scheme to make it easier to change the colour throughout the site. By downloading the colour theme pack, you can simply rename the chosen colour as 'colours.css' and it will be applied throughout your site. |
|||
====Amendments since last revision==== |
|||
The theme included in the pack are: |
|||
This is a full rebuild of the site. |
|||
* '''Arcadia''' - almost a bottle green based on #00a591 |
|||
* '''CherryTomato''' - a muted red based on #e94b3c |
|||
* '''ChiliOil''' - a reddy brown based on #944743 |
|||
* '''HarbourMist''' - A warm grey based on #b4b7ba |
|||
* '''Limelight''' - An insipid yellow based on #f1ea7f (for the brave or colour challenged) |
|||
* '''QuietGrey''' - A slightly cooler grey based on #bcbcbe |
|||
* '''RedPear''' - A variation between CherryTomato and ChiliOil based on #bcbcbe |
|||
* '''RussetOrange''' - A muted orange based on #bcbcbe |
|||
* '''SpringCrocus''' - a muted purple based on #bc70a4 |
|||
* '''UltraViolet''' - Two theme based on purple / violet - again for the brave or colour challenged. |
|||
* '''ValientPoppy''' - As above. |
|||
==Installing== |
|||
More will be added over time. Use this link [https://cumuluswiki.org/images/4/43/ColourSchemes.zip Additional colour schemes] to down load the schemes. Updated: 11 March 2021. |
|||
Download the current zip file to you local machine and upload it to your web server. |
|||
*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. |
|||
===Your Own Pages=== |
|||
'''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'''. |
|||
<big>Editing</big> |
|||
The template page shows all the different column layouts that are available. These are: |
|||
ax-column1, ax-column2, ax-column3, ax-column4, ax-column5 and ax-column6 |
|||
: 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 there are more panels than columns they will gracefully split onto additional rows while retaining their column settings. |
|||
:; 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. |
|||
For full details visit [https://oaktreewebs.co.uk/wiki/ my wiki]. |
|||
==Editing the website menu== |
|||
Please refer to my [https://oaktreewebs.co.uk/wiki/ wiki] for full details of the menu and how to edit it. |
|||
==Changing the Theme and Other Settings== |
|||
Please refer to my [https://oaktreewebs.co.uk/wiki/ wiki] for full information on configuring and setting up the alternative website. |
|||
Latest revision as of 11:15, 1 April 2025
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 CumulusMX public website.
Alternative public website
As part of the development process of the CumulusMX Interface, I have generated a new public website (with template pages) as an alternative to the one provided 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 my wiki together with comprehensive instructions on how to install, use and modify.
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.
The menu has also been enhanced with some additional features while maintaining the single json structure of the original.
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.
Download the 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 Oaktree Weather .
Amendments since last revision
This is a full rebuild of the site.
Installing
Download the current zip file to you local machine and upload it to your web server.
- 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.
Your Own Pages
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.
Editing The template page shows all the different column layouts that are available. These are:
ax-column1, ax-column2, ax-column3, ax-column4, ax-column5 and ax-column6
- 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 there are more panels than columns they will gracefully split onto additional rows while retaining their column settings.
- 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.
For full details visit my wiki.
Please refer to my wiki for full details of the menu and how to edit it.
Changing the Theme and Other Settings
Please refer to my wiki for full information on configuring and setting up the alternative website.
