Home page - Meta information
- Status
- Stable for GCWeb V5
- Type
- Template
- Last review
- 2019-05-09
- Conforming to
- Going to be: Content and IA spec 2.0
- Specification
- Home page for Canada.ca
Technical specification
Home page banner
- Version
- 2
- Updated
- 2019-05-09
The background image is loaded with the provisional plugin bgimg which set the background image. The background image is hosted in the WMS at this location. https://www.canada.ca/content/dam/canada/carousel/bkg-home-banner.jpg
.
The intend is to publish background image that represent natural Canadian landscape and may get updated montly or seasonal.
Previous version
Version 1 - 2018-12-27
The default background is gray (#eee) without image. The background image is hosted in the WMS at this location. https://www.canada.ca/content/dam/canada/carousel/bkg-home-banner.jpg
.
The intend is to publish background image that represent natural Canadian landscape and may get updated montly or seasonal.
Promotional banner
The promotional banner are over, at the bottom, of the home page banner background image.
- Version
- 2
- Updated
- 2019-05-09
- Notes
- Provisional color was removed.
<div class="provisional bg-cover" data-bgimg="https://www.canada.ca/content/dam/canada/carousel/bkg-home-banner.jpg">
<div class="container p-0 p-sm-3">
<div class="well header-rwd brdr-0 brdr-rds-0 text-white bg-gctheme">
<h1 property="name" id="wb-cont">Canada.ca</h1>
<p class="mrgn-tp-md">The official website of the Government of Canada</p>
</div>
</div>
<div class="bg-gctheme opct-90">
<div class="container">
<a class="figcaption text-white" href="#">
<figure class="clearfix">
<div><p class="pull-left mrgn-tp-md mrgn-bttm-md">Featured:</p></div>
<figcaption class="pull-left mrgn-tp-md mrgn-bttm-md">[Promotion title]</figcaption>
</figure>
</a>
</div>
</div>
</div>
Previous version
Version 1 - 2018-12-27
<div class="home-banner">
<div class="container">
<div class="innerbox">
<h1 property="name" id="wb-cont">Canada.ca</h1>
<p>The official website of the Government of Canada</p>
</div>
</div>
<div class="promo">
<div class="container">
<a class="figcaption" href="#">
<figure class="clearfix">
<div><p class="pull-left mrgn-tp-md mrgn-bttm-md">Featured:</p></div>
<figcaption class="pull-left mrgn-tp-md mrgn-bttm-md">[Promotion title]</figcaption>
</figure>
</a>
</div>
</div>
</div>
Provisional
Support for a set of predefined color to match the season. The intend is to set the color of the inner box with the site title to match the promotional banner background color.
The promotional color theme are set on the div.home-banner
. Here the supported theme with their corresponding CSS class name
- (default) Sky -
sky
- Earth -
earth
- Vegetation -
vegetation
- Night -
night
- Forest -
forest
- Autumn -
autumn
Evaluation and report
There is no report
Previous version
- See GCWeb released with WET 4.0.29. All code change are documented in the migration instruction of GCWeb new look - V5.
Test cases
- Removed:
Provisional - Test-1: Promotional color theme
Page details
- Date modified: