Customised templates: Difference between revisions
From Cumulus Wiki
Jump to navigationJump to search
m (→Editing to create one or more customised templates in the standard web sub-folder: add rainfall example) |
m (→Standard HTML 5 start for a Cumulus template: mention responsive alternatiuve) |
||
Line 20: | Line 20: | ||
<html lang="en"><!-- modify this to indicate your language --> | <html lang="en"><!-- modify this to indicate your language --> | ||
<head> | <head> | ||
<meta charset="UTF-8"><!-- assigns the recommended standard encoding --> | <meta charset="UTF-8"><!-- assigns the recommended standard encoding that copes with all international characters --> | ||
<meta name="description" content="<#location> weather data"><!-- you can choose a different way to explain what the page contains --> | <meta name="description" content="<#location> weather data"><!-- you can choose a different way to explain what the page contains --> | ||
<meta name="author" content="<!-- put name of author here or leave this line out totally -->"> | <meta name="author" content="<!-- put name of author here or leave this line out totally -->"> | ||
<meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station"><!-- you can choose a different set of key words --> | <meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station"><!-- you can choose a different set of key words --> | ||
<title><!-- insert here what is to appear in browser tab title --></title> | <title><!-- insert here what is to appear in browser tab title --></title> | ||
<link href="weatherstyle.css" rel="stylesheet"> <!-- This line links the standard Cumulus style-sheet | |||
<!-- The next line is not included in official versions of Cumulus Templates, but was introduced in an alternative version to make the standard pages responsive, they adapt to screen size. --> | |||
<link href="http://www.w3schools.com/lib/w3.css" rel="stylesheet"> <!-- See https://www.w3schools.com/w3css/default.asp for details --> | |||
<!-- See support forum http://sandaysoft.com/forum/viewtopic.php?f=14&t=16014&p=122788 for more details --> | |||
<link href="weatherstyle.css" rel="stylesheet"> <!-- This line links the standard Cumulus style-sheet to the HTML page (and implies the HTML and CSS files are in the same web site directory) --> | |||
<!-- in some customisations you may need to load code libraries or include script here ... | <!-- in some customisations you may need to load code libraries or include script here ... | ||
(The support forum includes code from various authors using various libraries and one of these examples might help you) | (The support forum includes code from various authors using various libraries and one of these examples might help you) | ||
What you put here could be PHP code, JavaScript, or calls to libraries like jQuery, HighCharts or many others, anything that can be loaded before the page output starts --> | What you put here could be PHP code, JavaScript, or calls to libraries like jQuery, HighCharts or many others, anything that can be loaded before the page output starts --> | ||
</head> | </head> | ||
<body> <!-- This defines the start of what the browser is to display in its window --> | <body> <!-- This defines the start of what the browser is to display in its window --> |