Skip to content

Instantly share code, notes, and snippets.

@AleksueiR
Created April 16, 2019 12:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AleksueiR/f7c151bbd155572593a97a1ed8231a14 to your computer and use it in GitHub Desktop.
Save AleksueiR/f7c151bbd155572593a97a1ed8231a14 to your computer and use it in GitHub Desktop.
Minimum Viable Latest CDTS Template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Minimum Viable Latest CDTS Template</title>
<!-- HEAD START -->
<!-- replace `rn` in the url with a version number ("v4_0_30" for example) if desired -->
<script type="text/javascript" src="https://www.canada.ca/etc/designs/canada/cdts/gcweb/rn/cdts/compiled/soyutils.js"></script>
<script type="text/javascript" src="https://www.canada.ca/etc/designs/canada/cdts/gcweb/rn/cdts/compiled/wet-en.js"></script>
<!-- HEAD END -->
</head>
<body style="opacity: 0;">
<div id="def-top"></div>
<main property="mainContentOfPage" class="container">
<h1 property="name" id="wb-cont">Minimum Viable Latest CDTS Template</h1>
<section>
<ul>
<li>
Uses "run" CDTS release (to use any specific release, replace "rn" in the "wet-en|fr.js" url with a version number
</li>
<li>
This page doesn't use static template files as backup and avoids a FOUC (flash of unstyled content) by a crude
method of manipulating opacity on the body of the page.
</li>
</ul>
</section>
<div class="pagedetails">
<!-- Report button -->
<!-- <div class="row">
<div class="col-sm-6 col-md-5 col-lg-4">
<a href="https://www.canada.ca/en/report-problem.html" class="btn btn-default text-center"
>Report a problem on this page</a
>
</div>
</div> -->
<!-- Share button -->
<!-- <div
class="wb-share col-sm-4 col-md-3 col-sm-offset-2 col-md-offset-4 col-lg-offset-5"
data-wb-share='{"lnkClass": "btn btn-default btn-block"}'
></div> -->
<!-- END Share button -->
<dl id="wb-dtmd">
<dt>Date modified:</dt>
<dd><time property="dateModified">2019-03-01</time></dd>
</dl>
</div>
</main>
<div id="def-footer"></div>
<script type="text/javascript">
document.write(wet.builder.refTop({}));
</script>
<script type="text/javascript">
var defTop = document.getElementById('def-top');
defTop.outerHTML = wet.builder.top({
lngLinks: [
{
lang: 'fr',
href: 'content-fr.html',
text: 'Français'
}
]
});
</script>
<script>
var defPreFooter = document.getElementById('def-preFooter');
defPreFooter.outerHTML = wet.builder.preFooter({
dateModified: '2017-06-05'
});
</script>
<script>
var defFooter = document.getElementById('def-footer');
defFooter.outerHTML = wet.builder.footer({});
</script>
<script>
document.write(wet.builder.refFooter({}));
</script>
<script>
document.body.removeAttribute('style');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment