AlternativePublicWebsite and Default Website Development: Difference between pages

From Cumulus Wiki
(Difference between pages)
Jump to navigationJump to search
 
 
Line 1: Line 1:
== The Alternative Public Website ==
==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.
This page is targeted at my Alternative Public Website and not the default website supplied with CumulusMX. This alternative is designed to work with the existing data that is uploaded by CumulusMX and supports some additional data not shown on the default site.


===Alternative public website===
You can view this site at [https://ai2weather.uk/apw/ ai2weather.uk/apw/] and at [https://ai2weather.uk/cmxAs2/ ai2weather.uk/cmxAs2/]. Both these sites use the same template but are configured differently showing some of the features you can use.
Please visit the [[AlternativePublicWebsite|Alternative Public Website]]
Please note. This is NOT part of the CumulusMX Distribution package and is provided only for those interested in having a public site that uses similar structures to the Alternative Interface.


Although it should function at the date of release, no guarantees are given that it will continue to do so with subsequent releases of CumulusMX. Users should take time to investigate how it reacts and uses the library and data files uploaded by CumulusMX so that you are able to do some troubleshooting for yourself.
=== Configuration ===


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.
{| class="wikitable"
|+ Caption text
|-
| This is slightly different in this version although it still uses the same cmxConfig object.
As can be seen, the object is now separated into sections with one or two extra entries in '''''Custom'''''.


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.
You will need to make sure that the Data and NOAAReportsPath entries point to your data and reports respectively.


====Amendments since last revision====
Based on some feedback, if you want to use the standard menu format you need to set 'StandardMenu' to true.
This is a full rebuild of the site that corrects the issue with High Charts X-Axis dates/ times. Latest upload dated 10th Sept 2025 and available from [https://oaktreewebs.co.uk/wiki/doku.php?id=wiki:aw:altwebsite My Wiki]


==Installing==
This will than use a bar menu across the top of the page.
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.
I will be providing more detailed information here and on my Wiki soon.


===Your Own Pages===
|| <code>
'''As with previous releases, the public website template also includes a template page'''.
cmxConfig = {
Charts: {
Trends: '',
Historic: '',
},
Custom: {
StandardMenu: false,
Dropdown: true,
Theme: '',
Logo: '',
BannerImage: '',
StaticHead: true,
StaticFoot: true,
PaddingTop: '2',
PaddingBottom: '1',
PaddingUnits: 'em',
},
Data: '',
Menu: 'js/ows-menu.js',
NOAAReportPath: 'Reports/',
Gull: {
Animation: '',
Speed: 5,
OnTop: false,
},
Records: {
All: '',
Monthly: '',
}
};
</code>
|}
=== Download ===


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'''.
You can download the file
[[File:Https://www.cumuluswiki.org/images/b/ba/PublicWebsiteV2.zip|alt=Version 5.0.0 Alternative Public Website| here]].


<big>Editing</big>
It extracts to its own folder - apw, so you can extract to wherever without overwriting other content.
The template page shows all the different column layouts that are available. These are:
.col1, .col2, .col3, .col4, .col5, .col6 or .col7
All must be preceded by either
* '''.ows-flex''' to use a flexbox layout, or
* '''.ows-grid''' to use a grid layout


: 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.
It comes with two template files for those of you that will need to generate your own pages to fit in with the theme / styles.
:; 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 align them from the left - 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.

Revision as of 17:01, 17 October 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

Please visit the Alternative Public Website 

 Please note.  This is NOT part of the CumulusMX Distribution package and is provided only for those interested in having a public site that uses similar structures to the Alternative Interface.

Although it should function at the date of release, no guarantees are given that it will continue to do so with subsequent releases of CumulusMX. Users should take time to investigate how it reacts and uses the library and data files uploaded by CumulusMX so that you are able to do some troubleshooting for yourself.

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.

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.

Amendments since last revision

This is a full rebuild of the site that corrects the issue with High Charts X-Axis dates/ times. Latest upload dated 10th Sept 2025 and available from My Wiki

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: .col1, .col2, .col3, .col4, .col5, .col6 or .col7 All must be preceded by either

  • .ows-flex to use a flexbox layout, or
  • .ows-grid to use a grid layout
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 align them from the left - this can be controlled by you.

For full details visit my wiki.

Editing the website menu

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.

Retrieved from "https://www.cumuluswiki.org/index.php?title=AlternativePublicWebsite&oldid=12208"