Language selection

Search


v5.1.x release notes

Version 5.1

What's new?

Modified files for implementation

  • Footer landscape image: GCWeb/assets/landscape.png
  • Main JavaScript:
    • GCWeb/js/theme.js
    • GCWeb/js/theme.min.js
  • Main CSS:
    • GCWeb/css/theme.css
    • GCWeb/css/theme.min.css
  • Sprite image for social media logos: wet-boew/assets/sprites_share.png Clarified on: 2019-09-16
  • Geomap dependency:
    • wet-boew/js/geomap-lib.js
    • wet-boew/js/geomap-lib.min.js
  • i18n zh-Hans language:
    • wet-boew/js/i18n/zh-Hans.js
    • wet-boew/js/i18n/zh-Hans.min.js

WET-BOEW v4.0.31 (see release notes) Clarified on: 2019-09-16

  • Template
    • skip links
  • Styles and plugins
    • overlay
    • share widget
    • geomap
    • core
    • tables
    • multimedia player
    • feeds
    • toggle
  • Maintenance
    • build script

Browsers supported

As per the rule defined by Design decision 2: Browser supported

  • Chrome 75
  • Chrome 74
  • Safari 12.1.1
  • Firefox 67.0.3
  • Firefox 66.0.5
  • Firefox ESR - 60.7.1
  • IE 11
  • Edge 44

Details

Number of commits: 41

List of commits

Subresource integrity (SRI)

SRI provides a method to protect website delivery. The following information contains the hash for key resource in WET and GCWeb.

v5.1

GCWeb/js/theme.min.js
sha256-OiyJQtupiMx0gDQGSlt55mOp82hu4XsItRN3fQV2BxY= sha512-6N1hTW9Wcl8pDykcln31N2ACd41L8VCiav+pz70ws4QgfmeMux5MRzEq0lQEeKJtJlo2MgQnSDFOefERH9i2eg==

Get all hash (JSON format):

More details and examples

Related to template

Now
<nav>
		<ul id="wb-tphp">
			[...]
		</ul>
	</nav>
Was
<ul id="wb-tphp">
		[...]
	</ul>

Font awesome

The following snippet needs to be inserted above or under the "theme.min.css" link stylesheet call:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />

RDFa + schema.org improvement to Canada wordmark

Note: The following markup was limited to scope of RDFa 1.1 lite and that is why a link, the same as the bottom logo was added.

English
Now
<div class="brand col-xs-5 col-md-4" property="publisher" typeof="GovernmentOrganization">
		<a href="https://www.canada.ca/en.html" property="url"><img src="./../GCWeb/assets/sig-blk-en.svg" alt="" property="logo" /><span class="wb-inv" property="name"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span></a>
		<meta property="areaServed" typeOf="Country" content="Canada" />
		<link property="logo" href="./../GCWeb/assets/wmms-blk.svg" />
	</div>
Was
<div class="brand col-xs-5 col-md-4">
		<a href="https://www.canada.ca/en.html"><img src="./../GCWeb/assets/sig-blk-en.svg" alt="" /><span class="wb-inv"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span></a>
	</div>
French
Now
<div class="brand col-xs-5 col-md-4" property="publisher" typeof="GovernmentOrganization">
		<a href="https://www.canada.ca/fr.html" property="url"><img src="./../GCWeb/assets/sig-blk-fr.svg" alt="" property="logo" /><span class="wb-inv" property="name"> Gouvernement du Canada / <span lang="en">Government of Canada</span></span></a>
		<meta property="areaServed" typeOf="Country" content="Canada" />
		<link property="logo" href="./../GCWeb/assets/wmms-blk.svg" />
	</div>
Was
<div class="brand col-xs-5 col-md-4">
		<a href="https://www.canada.ca/fr.html"><img src="./../GCWeb/assets/sig-blk-fr.svg" alt="" /><span class="wb-inv"> Gouvernement du Canada / <span lang="en">Government of Canada</span></span></a>
	</div>

RDFa markup for main element

Now
<main property="mainContentOfPage" typeof="WebPageElement" class="container">
	<h1 property="name" id="wb-cont">[...]</h1>
	</main>
Was
<main property="mainContentOfPage" class="container">
	<h1 property="name" id="wb-cont">[...]</h1>
	</main>

Related to styles and plugins

Custom CSS variant

If you would want to use your own variant of GCWeb to ease implementation, then rename the following folder in order to be caught by the build script:

After

"src/variant"

Before

"src/variant-default"

Note: "variant-default.scss" is the SASS file to edit for custom styles, but others inside the same folder are also available for different viewports.

Action manager and geomap

As an example, the following parameters ?aoi=qc&layout=pt would zoom on Quebec and activate the Points layer after the URL manager is initiated. Check out the URL mapping documentation for more information.

Page details

Date modified: