English content page changes
Thomas Gohard edited this page Jun 20, 2013
·
3 revisions
Below is the diff between the v3.0 release and v3.1 release versions of demos/theme-gcwu-fegc/cont-eng.html. Additions are preceded by + and deletions are preceded by -.
1 1 <!DOCTYPE html>
2 - <!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
3 - <!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
2 + <!--[if IE 7]><html lang="en" class="no-js ie7"><![endif]-->
3 + <!--[if IE 8]><html lang="en" class="no-js ie8"><![endif]-->
4 4 <!--[if gt IE 8]><!-->
5 5 <html lang="en" class="no-js">
6 6 <!--<![endif]-->
7 7 <head>
8 8 <meta charset="utf-8" />
9 9 <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
10 - www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions -->
10 + wet-boew.github.io/wet-boew/License-eng.txt / wet-boew.github.io/wet-boew/Licence-fra.txt -->
11 11 <title>Content page - GC Web Usability theme - Working examples - Web Experience Toolkit (WET)</title>
12 12
13 - <link rel="shortcut icon" href="../../build/theme-gcwu-fegc/images/favicon.ico" />
13 + <link rel="shortcut icon" href="../../dist/theme-gcwu-fegc/images/favicon.ico" />
14 14 <meta name="description" content="English description / Description en anglais" />
15 15 <meta name="dcterms.creator" content="English name of the content author / Nom en anglais de l'auteur du contenu" />
16 16 <meta name="dcterms.title" content="English title / Titre en anglais" />
17 17 <meta name="dcterms.issued" title="W3CDTF" content="Date published (YYYY-MM-DD) / Date de publication (AAAA-MM-JJ)" />
18 18 <meta name="dcterms.modified" title="W3CDTF" content="Date modified (YYYY-MM-DD) / Date de modification (AAAA-MM-JJ)" />
19 19 <meta name="dcterms.subject" title="scheme" content="English subject terms / Termes de sujet en anglais" />
20 20 <meta name="dcterms.language" title="ISO639-2" content="eng" />
21 21 <meta name="viewport" content="width=device-width, initial-scale=1" />
22 22
23 - <script src="../../build/js/jquery.min.js"></script>
24 23 <!--[if lte IE 8]>
25 - <script src="../../build/js/polyfills/html5shiv-min.js"></script>
26 - <link rel="stylesheet" href="../../build/grids/css/util-ie-min.css" />
27 - <link rel="stylesheet" href="../../build/js/css/pe-ap-ie-min.css" />
28 - <link rel="stylesheet" href="../../build/theme-gcwu-fegc/css/theme-ie-min.css" />
24 + <script src="../../dist/js/jquery-ie.min.js"></script>
25 + <script src="../../dist/js/polyfills/html5shiv-min.js"></script>
26 + <link rel="stylesheet" href="../../dist/grids/css/util-ie-min.css" />
27 + <link rel="stylesheet" href="../../dist/js/css/pe-ap-ie-min.css" />
28 + <link rel="stylesheet" href="../../dist/theme-gcwu-fegc/css/theme-ie-min.css" />
29 + <noscript><link rel="stylesheet" href="../../dist/theme-gcwu-fegc/css/theme-ns-ie-min.css" /></noscript>
29 30 <![endif]-->
30 31 <!--[if gt IE 8]><!-->
31 - <link rel="stylesheet" href="../../build/grids/css/util-min.css" />
32 - <link rel="stylesheet" href="../../build/js/css/pe-ap-min.css" />
33 - <link rel="stylesheet" href="../../build/theme-gcwu-fegc/css/theme-min.css" />
32 + <script src="../../dist/js/jquery.min.js"></script>
33 + <link rel="stylesheet" href="../../dist/grids/css/util-min.css" />
34 + <link rel="stylesheet" href="../../dist/js/css/pe-ap-min.css" />
35 + <link rel="stylesheet" href="../../dist/theme-gcwu-fegc/css/theme-min.css" />
36 + <noscript><link rel="stylesheet" href="../../dist/theme-gcwu-fegc/css/theme-ns-min.css" /></noscript>
34 37 <!--<![endif]-->
35 38
36 39 <!-- CustomScriptsCSSStart -->
37 40 <!-- CustomScriptsCSSEnd -->
38 41 </head>
39 42
40 43 <body><div id="wb-body">
41 44 <div id="wb-skip">
42 45 <ul id="wb-tphp">
43 46 <li id="wb-skip1"><a href="#wb-cont">Skip to main content</a></li>
44 47 <li id="wb-skip2"><a href="#wb-nav">Skip to footer</a></li>
45 48 </ul>
46 49 </div>
47 50
48 51 <div id="wb-head"><div id="wb-head-in"><header>
49 52 <!-- HeaderStart -->
50 53 <nav role="navigation"><div id="gcwu-gcnb"><h2>Government of Canada navigation bar</h2><div id="gcwu-gcnb-in"><div id="gcwu-gcnb-fip">
51 - <div id="gcwu-sig"><div id="gcwu-sig-in"><div id="gcwu-sig-eng" title="Government of Canada"><img src="../../build/theme-gcwu-fegc/images/sig-eng.gif" width="214" height="20" alt="Government of Canada" /></div></div></div>
54 + <div id="gcwu-sig"><div id="gcwu-sig-in"><object data="../../dist/theme-gcwu-fegc/images/sig-eng-r.svg" role="img" aria-label="Government of Canada" type="image/svg+xml" width="237" height="24">
55 + <div id="gcwu-sig-eng" title="Government of Canada"><img src="../../dist/theme-gcwu-fegc/images/sig-eng.png" width="214" height="20" alt="Government of Canada" /></div>
56 + </object></div></div>
52 57 <ul>
53 58 <li id="gcwu-gcnb1"><a rel="external" href="http://www.canada.gc.ca/menu-eng.html">Canada.gc.ca</a></li>
54 59 <li id="gcwu-gcnb2"><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml">Services</a></li>
55 60 <li id="gcwu-gcnb3"><a rel="external" href="http://www.canada.gc.ca/aboutgov-ausujetgouv/depts/menu-eng.html">Departments</a></li>
56 61 <li id="gcwu-gcnb-lang"><a href="cont-fra.html" lang="fr">Français</a></li>
57 62 </ul>
58 63 </div></div></div></nav>
59 64
60 65 <div id="gcwu-bnr" role="banner"><div id="gcwu-bnr-in">
61 - <div id="gcwu-wmms"><div id="gcwu-wmms-in"><div id="gcwu-wmms-fip" title="Symbol of the Government of Canada"><img src="../../build/theme-gcwu-fegc/images/wmms.gif" width="126" height="30" alt="Symbol of the Government of Canada" /></div></div></div>
62 - <div id="gcwu-title"><p id="gcwu-title-in"><a href="../../docs/index-eng.html">Web Experience Toolkit (WET)</a></p></div>
66 + <div id="gcwu-wmms"><div id="gcwu-wmms-in"><object data="../../dist/theme-gcwu-fegc/images/wmms-r.svg" role="img" aria-label="Symbol of the Government of Canada" type="image/svg+xml" width="144" height="34">
67 + <div id="gcwu-wmms-fip" title="Symbol of the Government of Canada"><img src="../../dist/theme-gcwu-fegc/images/wmms.png" width="126" height="30" alt="Symbol of the Government of Canada" /></div>
68 + </object></div></div>
69 + <div id="gcwu-title"><p id="gcwu-title-in"><a href="../../index-eng.html">Web Experience Toolkit (WET)</a></p></div>
63 70
64 71 <section role="search"><div id="gcwu-srchbx"><h2>Search</h2>
65 72 <form action="#" method="post"><div id="gcwu-srchbx-in">
66 73 <label for="gcwu-srch">Search website</label><input id="gcwu-srch" name="gcwu-srch" type="search" value="" size="27" maxlength="150" />
67 - <input id="gcwu-srch-submit" name="gcwu-srch-submit" type="submit" value="Search" data-icon="search" />
74 + <input id="gcwu-srch-submit" name="gcwu-srch-submit" type="submit" value="Search" />
68 75 </div></form>
69 76 </div></section>
70 77 </div></div>
71 78
72 79 <nav role="navigation">
73 - <div id="gcwu-psnb"><h2><span>Site </span>menu</h2><div id="gcwu-psnb-in"><div class="wet-boew-menubar mb-mega"><div>
74 - <ul class="mb-menu" data-ajax-replace="../includes/menu-eng.inc">
75 - <li><div><a href="http://wet-boew.github.io/wet-boew/docs/index-eng.html">WET project</a></div></li>
80 + <div id="gcwu-psnb"><h2>Site menu</h2><div id="gcwu-psnb-in"><div class="wet-boew-menubar mb-mega"><div>
81 + <ul class="mb-menu" data-ajax-replace="../includes/menu-eng.txt">
82 + <li><div><a href="http://wet-boew.github.io/wet-boew/index-eng.html">WET project</a></div></li>
76 83 <li><div><a href="section2/index-eng.html">Section 2</a></div></li>
77 84 <li><div><a href="#">Section 3</a></div></li>
78 85 <li><div><a href="#">Section 4</a></div></li>
79 86 <li><div><a href="#">Section 5</a></div></li>
80 87 <li><div><a href="#">Section 6</a></div></li>
81 88 <li><div><a href="#">Section 7</a></div></li>
82 89 </ul>
83 90 </div></div></div></div>
84 91
85 92 <div id="gcwu-bc"><h2>Breadcrumb trail</h2><div id="gcwu-bc-in">
86 93 <ol>
87 - <li><a href="../../docs/index-eng.html">Home</a></li>
94 + <li><a href="../../index-eng.html">Home</a></li>
88 95 <li><a href="../index-eng.html">Working examples</a></li>
89 96 <li><a href="index-eng.html">GC Web Usability theme</a></li>
90 97 <li>Content page</li>
91 98 </ol>
92 99 </div></div>
93 100 </nav>
94 101 <!-- HeaderEnd -->
95 102 </header></div></div>
96 103
97 104 <div id="wb-core"><div id="wb-core-in" class="equalize">
98 105 <div id="wb-main" role="main"><div id="wb-main-in">
99 106 <!-- MainContentStart -->
100 107 <h1 id="wb-cont">Content page - GC Web Usability theme</h1>
101 108
102 109 <section><h2>Heading 2 (<code>h2</code>) default appearance</h2>
103 110 <section><h3>Heading 3 (<code>h3</code>) default appearance</h3>
104 111 <section><h4>Heading 4 (<code>h4</code>) default appearance</h4>
105 112 <section><h5>Heading 5 (<code>h5</code>) default appearance</h5>
106 113 <section><h6>Heading 6 (<code>h6</code>) default appearance</h6>
107 114 <p>Paragraph default appearance</p>
108 115 </section>
109 116 </section>
110 117 </section>
111 118 </section>
112 119 </section>
113 120
114 121 <p><a href="#">Link default appearance</a></p>
115 122 <p><a href="mailto:"><code>mailto:</code> link default appearance</a></p>
116 - <p><a href="http://www.">Third party <code>http://www.</code> link default appearance</a></p>
123 + <p><a href="http://www." rel="external">Third party <code>http://www.</code> link default appearance</a></p>
117 124 <p><a href=".doc">Link to file downloads based on file type <code>.doc</code>, <code>.psd</code>, <code>.zip</code>, <code>.pdf</code>, <code>.xls</code>, <code>.xlt</code>, <code>.rtf</code> and <code>.txt</code> default appearance</a></p>
118 - <p>Abbreviation default appearance: <abbr title="Treasury Board">TBS</abbr>.</p>
125 + <p>Abbreviation default appearance: <abbr title="Treasury Board Secretariat">TBS</abbr>.</p>
119 126
120 127 <ul>
121 128 <li>unordered list (<code>ul</code>) first level default appearance
122 129 <ul>
123 130 <li>unordered list (<code>ul</code>) second level default appearance
124 131 <ul>
125 132 <li>unordered list (<code>ul</code>) third level default appearance</li>
126 133 </ul>
127 134 </li>
128 135 </ul>
129 136 </li>
130 137 </ul>
131 138
132 139 <ol>
133 140 <li>ordered list (<code>ol</code>) first level default appearance</li>
134 141 <li>ordered list (<code>ol</code>) first level default appearance
135 142 <ol>
136 143 <li>ordered list (<code>ol</code>) second level default appearance</li>
137 144 <li>ordered list (<code>ol</code>) second level default appearance
138 145 <ol>
139 146 <li>ordered list (<code>ol</code>) third level default appearance</li>
140 147 <li>ordered list (<code>ol</code>) third level default appearance</li>
141 148 </ol>
142 149 </li>
143 150 </ol>
144 151 </li>
145 152 </ol>
146 153
147 154 <table>
148 155 <caption>Table caption default appearance</caption>
149 156 <thead>
150 157 <tr>
151 158 <th scope="col">Table header (<code>th</code>) default appearance</th>
152 159 <th scope="col">Table header (<code>th</code>) default appearance</th>
153 160 </tr>
154 161 </thead>
155 162 <tbody>
156 163 <tr>
157 164 <td>Table data (<code>td</code>) default appearance</td>
158 165 <td>Table data (<code>td</code>) default appearance</td>
159 166 </tr>
160 167 </tbody>
161 168 </table>
162 169
163 170 <form action="#" method="post">
164 171 <div><label for="data1">Form input default appearance:</label> <input name="data1" type="text" id="data1" /></div>
165 172 <div><label for="data2">Form text area default appearance:</label> <textarea name="data2" cols="15" rows="3" id="data2"></textarea></div>
166 173 <div><label for="data4">Form <code>select</code> default appearance:</label>
167 174 <select id="data4" name="data4">
168 175 <option value="Option 1">Option 1</option>
169 176 <option value="Option 2">Option 2</option>
170 177 <option value="Option 3">Option 3</option>
171 178 <option value="Option 4">Option 4</option>
172 179 </select></div>
173 180 <fieldset><legend>Form <code>legend</code>, <code>fieldset</code> and <code>checkbox</code> default appearance</legend>
174 181 <div><input name="checkbox" type="checkbox" id="data5" value="checkbox" /> <label for="data5">Option 1</label>  
175 182 <input name="checkbox" type="checkbox" id="data6" value="checkbox" /> <label for="data6">Option 2</label>  
176 183 <input name="checkbox" type="checkbox" id="data7" value="checkbox" /> <label for="data7">Option 3</label>  
177 184 <input name="checkbox" type="checkbox" id="data8" value="checkbox" /> <label for="data8">Option 4</label></div>
178 185 </fieldset>
179 186 <div><input name="submit" type="submit" id="submit" value="Submit default appearance" />
180 187 <input name="reset" type="reset" id="reset" value="Reset default appearance" /></div>
181 188 </form>
182 189
183 190 <blockquote>
184 191 <p>"Blockquote default appearance".</p>
185 192 </blockquote>
186 193
187 194 <dl id="gcwu-date-mod" role="contentinfo">
188 195 <dt>Date modified:</dt><dd><span><time>2012-09-17</time></span></dd>
189 196 </dl>
190 197 <div class="clear"></div>
191 198 <!-- MainContentEnd -->
192 199 </div></div>
193 200 </div></div>
194 201
195 202 <div id="wb-foot"><div id="wb-foot-in"><footer><h2 id="wb-nav">Footer</h2>
196 203 <!-- FooterStart -->
197 204 <nav role="navigation"><div id="gcwu-sft"><h3>Site footer</h3><div id="gcwu-sft-in">
198 205 <div id="gcwu-tctr">
199 206 <ul>
200 207 <li class="gcwu-tc"><a href="#" rel="license">Terms and conditions</a></li>
201 208 <li class="gcwu-tr"><a href="#">Transparency</a></li>
202 209 </ul>
203 210 </div>
204 211 <div class="clear"></div>
205 212 <section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">About us</a></h4>
206 213 <ul>
207 214 <li><a href="#">Our Mandate</a></li>
208 215 <li><a href="#">The Minister</a></li>
209 216 </ul>
210 217 </div></section>
211 218 <section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">News</a></h4>
212 219 <ul>
213 220 <li><a href="#">News releases</a></li>
214 221 <li><a href="#">Media advisories</a></li>
215 222 <li><a href="#">Multimedia</a></li>
216 223 </ul>
217 224 </div></section>
218 225 <section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">Contact us</a></h4>
219 226 <address>
220 227 <ul>
221 228 <li><a href="#">Phone numbers</a></li>
222 229 <li><a href="#">Office locations</a></li>
223 230 </ul>
224 231 </address>
225 232 </div></section>
226 233 <section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">Stay connected</a></h4>
227 234 <ul>
228 235 <li><a rel="external" href="#">YouTube</a></li>
229 236 <li><a rel="external" href="#">Twitter</a></li>
230 237 <li><a href="#">Feeds</a></li>
231 238 </ul>
232 239 </div></section>
233 240 </div></div></nav>
234 241
235 242 <nav role="navigation"><div id="gcwu-gcft"><h3>Government of Canada footer</h3><div id="gcwu-gcft-in"><div id="gcwu-gcft-fip">
236 243 <ul>
237 244 <li><a rel="external" href="http://healthycanadians.gc.ca/index-eng.php"><span>Health</span><br />healthycanadians.gc.ca</a></li>
238 245 <li><a rel="external" href="http://www.voyage.gc.ca/index-eng.asp"><span>Travel</span><br />travel.gc.ca</a></li>
239 246 <li><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml"><span>Service Canada</span><br />servicecanada.gc.ca</a></li>
240 247 <li><a rel="external" href="http://www.jobbank.gc.ca/intro-eng.aspx"><span>Jobs</span><br />jobbank.gc.ca</a></li>
241 248 <li><a rel="external" href="http://actionplan.gc.ca/en"><span>Economy</span><br />actionplan.gc.ca</a></li>
242 249 <li id="gcwu-gcft-ca"><div><a rel="external" href="http://www.canada.gc.ca/menu-eng.html">Canada.gc.ca</a></div></li>
243 250 </ul>
244 251 </div></div></div></nav>
245 252 <!-- FooterEnd -->
246 253 </footer>
247 254 </div></div></div>
248 255
249 256 <!-- ScriptsStart -->
250 - <script src="../../build/theme-gcwu-fegc/js/theme-min.js"></script>
251 - <script src="../../build/js/settings.js"></script>
252 - <script src="../../build/js/pe-ap-min.js"></script>
257 + <script src="../../dist/js/settings.js"></script>
258 + <!--[if lte IE 8]>
259 + <script src="../../dist/theme-gcwu-fegc/js/theme-ie-min.js"></script>
260 + <script src="../../dist/js/pe-ap-ie-min.js"></script>
261 + <script src="../../dist/js/jquerymobile/jquery.mobile-ie.min.js"></script>
262 + <![endif]-->
263 + <!--[if gt IE 8]><!-->
264 + <script src="../../dist/theme-gcwu-fegc/js/theme-min.js"></script>
265 + <script src="../../dist/js/pe-ap-min.js"></script>
266 + <script src="../../dist/js/jquerymobile/jquery.mobile.min.js"></script>
267 + <!--<![endif]-->
253 268 <!-- ScriptsEnd -->
254 269 </body>
255 270 </html>