Default Website Development: Difference between revisions

From Cumulus Wiki
Jump to navigationJump to search
(27 intermediate revisions by 2 users not shown)
Line 4: Line 4:


===The current default site===
===The current default site===
To enable you to return to the default Site as shipped with the latest version of the default site we include a link to download it here.
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.


===Templates===
===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 the but for full information about the available styles visit [https://www.w3schools.com/w3css/default.asp w3Schools].
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].


The available frameworks are:
The available frameworks are:
* A lefthand sidebar with the main panel on the right. [[File:Https://cumuluswiki.org/a/File:LeftSBTemplates.zip|Left-handed sidebar template]]
* A lefthand sidebar with the main panel on the right. [https://cumuluswiki.org/images/7/75/LeftSBTemplates.zip Left-handed sidebar template]. Updated: 15 March 2021
* A righthand sidebar with the man panel on the left. [[File:Https://cumuluswiki.org/images/2/2a/NoSBTemplates.zip|No sidebar templates]]. This is similar to the default site but the sidebar starts higher up the screen.
* 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 15 March 2021.
* A set with no sidebar - just the main content area. [[File:Https://cumuluswiki.org/images/6/67/RightSBTemplates.zip|Right-handed sidebar templates]]
* A set with no sidebar - just the main content area. [Https://cumuluswiki.org/images/2/2a/NoSBTemplates.zip No sidebar templates]. Updated: 15 March 2021


====Additional/Alternative Pages====
====Additional/Alternative Pages====
=====Gauges=====
=====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. ''(Link to added)''
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.


This can be downloaded here.
This can be from here [Https://cumuluswiki.org/Downloads/NewGauges.zip Gauges Page]. Updated: 11 March 2021


=====NOAA Reports=====
=====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.
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.
''Link ti be added''.
[Https://cumuluswiki.org/images/b/b4/Noaareport.zip NOAA_Reports_page]. Updated: 11 March 2021.


===Complete ready to run alternative website pack===
===Complete ready to run alternative website pack===
Line 40: Line 40:
* '''RussetOrange''' - A muted orange based on #bcbcbe
* '''RussetOrange''' - A muted orange based on #bcbcbe
* '''SpringCrocus''' - a muted purple based on #bc70a4
* '''SpringCrocus''' - a muted purple based on #bc70a4
* '''UltraViolet''' - Two theme based on purp[le / violet - again for the brave or colour challenged.
* '''UltraViolet''' - Two theme based on purple / violet - again for the brave or colour challenged.
* '''ValientPoppy''' - As above.
* '''ValientPoppy''' - As above.


More will be added over time.  You can download the colour page here.
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.

Revision as of 10:19, 15 March 2021

The default CMX website Development

These section of the Wiki will enable you to get the latest information and resources for the new default CMX website shipped with version 3.10.x

The current default site

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.

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 w3Schools.

The available frameworks are:

  • A lefthand sidebar with the main panel on the right. Left-handed sidebar template. Updated: 15 March 2021
  • A righthand sidebar with the man panel on the left. Right-handed sidebar templates. This is similar to the default site but the sidebar starts higher up the screen. Updated 15 March 2021.
  • A set with no sidebar - just the main content area. No sidebar templates. Updated: 15 March 2021

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.

This can be from here Gauges Page. Updated: 11 March 2021

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. NOAA_Reports_page. Updated: 11 March 2021.

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.

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.

The theme included in the pack are:

  • 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.

More will be added over time. Use this link Additional colour schemes to down load the schemes. Updated: 11 March 2021.