-
Notifications
You must be signed in to change notification settings - Fork 133
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1697 from GormFrank/release-notes
Release v8.0
- Loading branch information
Showing
6 changed files
with
542 additions
and
10 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,266 @@ | ||
| --- | ||
| { | ||
| "title": "v8.0.x - Migration instructions", | ||
| "description": "v8.0.x - Migration instructions - Version history - Canada.ca theme (GCWeb)", | ||
| "language": "en", | ||
| "altLangPrefix": "v8.0", | ||
| "breadcrumb": [ | ||
| { "title": "GCWeb home", "link": "../../index-en.html" }, | ||
| { "title": "GCWeb theme", "link": "../index-en.html" } | ||
| ], | ||
| "secondlevel": false, | ||
| "dateModified": "2020-06-15", | ||
| "share": "true" | ||
| } | ||
| --- | ||
|
|
||
| <div class="row"> | ||
| <div class="col-md-7 col-lg-8"> | ||
| <p>Version 8.0</p> | ||
| <ul> | ||
| <li><strong>Launching date:</strong> | ||
| <time>2020-06-15</time> | ||
| </li> | ||
| <li><strong>Compile with:</strong> <a href="https://github.com/wet-boew/wet-boew/releases/tag/v4.0.36">WET-BOEW v4.0.36</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="col-xs-12 col-md-auto pull-right"> | ||
| <p><a href="https://github.com/wet-boew/GCWeb/releases/download/v8.0/themes-dist-8.0-gcweb.zip" class="btn btn-primary">Download theme <strong>GCWeb v8.0</strong></a><br /> | ||
| <small>(<a href="https://github.com/wet-boew/GCWeb/archive/v8.0.zip">Source code</a>)</small></p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <section> | ||
| <h2>Header - Major changes</h2> | ||
| <span class="wb-prettify all-pre"></span> | ||
| <p>Markup below includes both the slim header change AND the GC brand text accessibility change.</p> | ||
| <p>Header has been broken down into pieces in order to better point out where the changes are. <strong>Complete before/after code is at the bottom of this page.</strong></p> | ||
|
|
||
| <h3>1. Language Section</h3> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h4>Before</h4> | ||
| <pre><code> | ||
| <section id="wb-lng" class="text-right"> | ||
| <h2 class="wb-inv">Language selection</h2> | ||
| <ul class="list-inline margin-bottom-none"> | ||
| <li><a lang="fr" hreflang="fr" href="home-fr.html">Français</a></li> | ||
| </ul> | ||
| </section> | ||
| </code></pre> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h4>After</h4> | ||
| <pre><code> | ||
| <section id="wb-lng" class="col-xs-3 col-sm-12 pull-right text-right"> | ||
| <h2 class="wb-inv">Language selection</h2> | ||
| <ul class="list-inline mrgn-bttm-0"> | ||
| <li> | ||
| <a lang="fr" hreflang="fr" href="home-fr.html"> | ||
| <span class="hidden-xs">Français</span> | ||
| <abbr title="Français" class="visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase">fr</abbr> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| </code></pre> | ||
| </div> | ||
| </div> | ||
| <p>... and it is now WITHIN the <div class="row">, so the position of sections are as follow:</p> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h4>Before</h4> | ||
| <pre><code> | ||
| <header> | ||
| <div id="wb-bnr" class="container"> | ||
| <section id="wb-lng" class="text-right"> | ||
| </code></pre> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h4>After</h4> | ||
| <pre><code> | ||
| <header> | ||
| <div id="wb-bnr" class="container"> | ||
| <div class="row"> | ||
| <section id="wb-lng" class="col-xs-3 col-sm-12 text-right"> | ||
| </code></pre> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h3>2. Government of Canada brand text (FIP)</h3> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h4>Before</h4> | ||
| <pre><code> | ||
| <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> | ||
| </code></pre> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h4>After</h4> | ||
| <pre><code> | ||
| <div class="brand col-xs-9 col-sm-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="Government of Canada" property="logo"> | ||
| <span class="wb-inv" property="name"> / | ||
| <span lang="fr">Gouvernement du Canada</span> | ||
| </span></a> | ||
| <meta property="name" content="Government of Canada"> | ||
| <meta property="areaServed" typeof="Country" content="Canada"> | ||
| <link property="logo" href="./GCWeb/assets/wmms-blk.svg"> | ||
| </div> | ||
| </code></pre> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h3>3. Search section</h3> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h4>Before</h4> | ||
| <pre><code> | ||
| <section id="wb-srch" class="col-lg-8 text-right"> | ||
| <h2>Search</h2> | ||
| <form action="#" method="post" name="cse-search-box" role="search" class="form-inline"> | ||
| <div class="form-group"> | ||
| <label for="wb-srch-q" class="wb-inv">Search Canada.ca</label> | ||
| <input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Search Canada.ca"> | ||
| <datalist id="wb-srch-q-ac"></datalist> | ||
| </div> | ||
| <div class="form-group submit"> | ||
| <button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"> | ||
| <span class="glyphicon-search glyphicon"></span> | ||
| <span class="wb-inv">Search</span> | ||
| </button> | ||
| </div> | ||
| </form> | ||
| </section> | ||
| </code></pre> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h4>After</h4> | ||
| <pre><code> | ||
| <section id="wb-srch" class="col-lg-offset-4 col-md-offset-4 col-sm-offset-2 col-xs-12 col-sm-5 col-md-4"> | ||
| <h2>Search</h2> | ||
| <form action="#" method="post" name="cse-search-box" role="search"> | ||
| <div class="form-group wb-srch-qry"> | ||
| <label for="wb-srch-q" class="wb-inv">Search Canada.ca</label> | ||
| <input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Search Canada.ca"> | ||
| <datalist id="wb-srch-q-ac"></datalist> | ||
| </div> | ||
| <div class="form-group submit"> | ||
| <button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"> | ||
| <span class="glyphicon-search glyphicon"></span> | ||
| <span class="wb-inv">Search</span></button> | ||
| </div> | ||
| </form> | ||
| </section> | ||
| </code></pre> | ||
| </div> | ||
| </div> | ||
| <p><strong>Note:</strong> Do NOT overwrite your form action attribute by "#".</p> | ||
|
|
||
| <h3>4. Complete code</h3> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h4>Before</h4> | ||
| <pre><code> | ||
| <header> | ||
| <div id="wb-bnr" class="container"> | ||
| <section id="wb-lng" class="text-right"> | ||
| <h2 class="wb-inv">Language selection</h2> | ||
| <ul class="list-inline margin-bottom-none"> | ||
| <li><a lang="fr" hreflang="fr" href="home-fr.html">Français</a></li> | ||
| </ul> | ||
| </section> | ||
| <div class="row"> | ||
| <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> | ||
| <section id="wb-srch" class="col-lg-8 text-right"> | ||
| <h2>Search</h2> | ||
| <form action="#" method="post" name="cse-search-box" role="search" class="form-inline"> | ||
| <div class="form-group"> | ||
| <label for="wb-srch-q" class="wb-inv">Search Canada.ca</label> | ||
| <input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Search Canada.ca"> | ||
| <datalist id="wb-srch-q-ac"></datalist> | ||
| </div> | ||
| <div class="form-group submit"> | ||
| <button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"> | ||
| <span class="glyphicon-search glyphicon"></span> | ||
| <span class="wb-inv">Search</span> | ||
| </button> | ||
| </div> | ||
| </form> | ||
| </section> | ||
| </div> | ||
| </div> | ||
| [...] | ||
| </header> | ||
| </code></pre> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h4>After</h4> | ||
| <pre><code> | ||
| <header> | ||
| <div id="wb-bnr" class="container"> | ||
| <div class="row"> | ||
| <section id="wb-lng" class="col-xs-3 col-sm-12 pull-right text-right"> | ||
| <h2 class="wb-inv">Language selection</h2> | ||
| <ul class="list-inline mrgn-bttm-0"> | ||
| <li> | ||
| <a lang="fr" hreflang="fr" href="home-fr.html"> | ||
| <span class="hidden-xs">Français</span> | ||
| <abbr title="Français" class="visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase">fr</abbr> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| <div class="brand col-xs-9 col-sm-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="Government of Canada" property="logo"> | ||
| <span class="wb-inv" property="name"> / | ||
| <span lang="fr">Gouvernement du Canada</span> | ||
| </span></a> | ||
| <meta property="name" content="Government of Canada"> | ||
| <meta property="areaServed" typeof="Country" content="Canada"> | ||
| <link property="logo" href="./GCWeb/assets/wmms-blk.svg"> | ||
| </div> | ||
| <section id="wb-srch" class="col-lg-offset-4 col-md-offset-4 col-sm-offset-2 col-xs-12 col-sm-5 col-md-4"> | ||
| <h2>Search</h2> | ||
| <form action="#" method="post" name="cse-search-box" role="search"> | ||
| <div class="form-group wb-srch-qry"> | ||
| <label for="wb-srch-q" class="wb-inv">Search Canada.ca</label> | ||
| <input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Search Canada.ca"> | ||
| <datalist id="wb-srch-q-ac"></datalist> | ||
| </div> | ||
| <div class="form-group submit"> | ||
| <button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"> | ||
| <span class="glyphicon-search glyphicon"></span> | ||
| <span class="wb-inv">Search</span></button> | ||
| </div> | ||
| </form> | ||
| </section> | ||
| </div> | ||
| </div> | ||
| [...] | ||
| </header> | ||
| </code></pre> | ||
| </div> | ||
| </div> | ||
| <p>"[...]" indicates that the rest remain unchanged.</p> | ||
| </section> |
Oops, something went wrong.