Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Extended Sign In/Sign Out to mobile view. Added Spanish examples. Add…
…ed GC Web Usability Intranet theme examples.
- Loading branch information
Paul Jackson
authored and
Paul Jackson
committed
Mar 27, 2013
1 parent
aa161f8
commit bdecfd4
Showing
20 changed files
with
1,618 additions
and
22 deletions.
There are no files selected for viewing
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
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
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
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,242 @@ | ||
| <!DOCTYPE html> | ||
| <!--[if IE 7]><html lang="es" class="no-js ie7"><![endif]--> | ||
| <!--[if IE 8]><html lang="es" class="no-js ie8"><![endif]--> | ||
| <!--[if gt IE 8]><!--> | ||
| <html lang="es" class="no-js"> | ||
| <!--<![endif]--> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) | ||
| wet-boew.github.com/wet-boew/License-eng.txt / wet-boew.github.com/wet-boew/Licence-fra.txt --> | ||
| <title>Aplicación web - Iniciar sesión - Tema de facilidad de empleo del Gobierno de Canadá - Ejemplos prácticos - Web Experience Toolkit (WET)</title> | ||
|
|
||
| <link rel="shortcut icon" href="../../../dist/theme-gcwu-fegc/images/favicon.ico" /> | ||
| <meta name="description" content="Spanish description / Description en espagnol" /> | ||
| <meta name="dcterms.creator" content="Spanish name of the content author / Nom en espagnol de l'auteur du contenu" /> | ||
| <meta name="dcterms.title" content="Spanish title / Titre en espagnol" /> | ||
| <meta name="dcterms.issued" title="W3CDTF" content="Date published (YYYY-MM-DD) / Date de publication (AAAA-MM-JJ)" /> | ||
| <meta name="dcterms.modified" title="W3CDTF" content="Date modified (YYYY-MM-DD) / Date de modification (AAAA-MM-JJ)" /> | ||
| <meta name="dcterms.subject" title="scheme" content="Spanish subject terms / Termes de sujet en espagnol" /> | ||
| <meta name="dcterms.language" title="ISO639-2" content="spa" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
|
|
||
| <!--[if lte IE 8]> | ||
| <script src="../../../dist/js/jquery-ie.min.js"></script> | ||
| <script src="../../../dist/js/polyfills/html5shiv-min.js"></script> | ||
| <link rel="stylesheet" href="../../../dist/grids/css/util-ie-min.css" /> | ||
| <link rel="stylesheet" href="../../../dist/js/css/pe-ap-ie-min.css" /> | ||
| <link rel="stylesheet" href="../../../dist/theme-gcwu-fegc/css/theme-ie-min.css" /> | ||
| <noscript><link rel="stylesheet" href="../../../dist/theme-gcwu-fegc/css/theme-ns-ie-min.css" /></noscript> | ||
| <![endif]--> | ||
| <!--[if gt IE 8]><!--> | ||
| <script src="../../../dist/js/jquery.min.js"></script> | ||
| <link rel="stylesheet" href="../../../dist/grids/css/util-min.css" /> | ||
| <link rel="stylesheet" href="../../../dist/js/css/pe-ap-min.css" /> | ||
| <link rel="stylesheet" href="../../../dist/theme-gcwu-fegc/css/theme-min.css" /> | ||
| <noscript><link rel="stylesheet" href="../../../dist/theme-gcwu-fegc/css/theme-ns-min.css" /></noscript> | ||
| <!--<![endif]--> | ||
|
|
||
| <!-- CustomCSSStart --> | ||
| <!-- CustomCSSEnd --> | ||
| </head> | ||
|
|
||
| <body><div id="wb-body"> | ||
| <div id="wb-skip"> | ||
| <ul id="wb-tphp"> | ||
| <li id="wb-skip1"><a href="#wb-cont">Saltar al contenido principal</a></li> | ||
| <li id="wb-skip2"><a href="#wb-nav">Saltar al pie de página</a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div id="wb-head"><div id="wb-head-in"><header> | ||
| <!-- HeaderStart --> | ||
| <nav role="navigation"><div id="gcwu-gcnb"><h2>Barra de navegación del Gobierno de Canadá</h2><div id="gcwu-gcnb-in"><div id="gcwu-gcnb-fip"> | ||
| <div id="gcwu-sig"><div id="gcwu-sig-in"><object data="../../../dist/theme-gcwu-fegc/images/sig-eng.svg" role="img" tabindex="-1" aria-label="Gobierno de Canadá" type="image/svg+xml"><img src="../../../dist/theme-gcwu-fegc/images/sig-eng.png" alt="Gobierno de Canadá" /></object></div></div> | ||
| <ul> | ||
| <li id="gcwu-gcnb-lang"><a href="../application-signin-fra.html" lang="fr">Français</a></li> | ||
| <li id="gcwu-gcnb-lang-2"><a href="../application-signin-eng.html" lang="en">English</a></li> | ||
| </ul> | ||
| </div></div></div></nav> | ||
|
|
||
| <div id="gcwu-bnr" role="banner"><div id="gcwu-bnr-in"> | ||
| <div id="gcwu-wmms"><div id="gcwu-wmms-in"><object data="../../../dist/theme-gcwu-fegc/images/wmms.svg" role="img" tabindex="-1" aria-label="Símbolo del Gobierno de Canadá" type="image/svg+xml"><img src="../../../dist/theme-gcwu-fegc/images/wmms.png" alt="Símbolo del Gobierno de Canadá" /></object></div></div> | ||
| <div id="gcwu-title"><p id="gcwu-title-in"><a target="_blank" href="../../../index-eng.html">Título del sitio</a></p></div> | ||
|
|
||
| <section role="search"><div id="gcwu-srchbx"><h2>Búsqueda</h2> | ||
| <form action="#" method="post"><div id="gcwu-srchbx-in"> | ||
| <label for="gcwu-srch">Buscar en este sitio Web</label><input id="gcwu-srch" name="gcwu-srch" type="search" value="" size="27" maxlength="150" /> | ||
| <input id="gcwu-srch-submit" name="gcwu-srch-submit" type="submit" value="Búsqueda" /> | ||
| </div></form> | ||
| </div></section> | ||
| </div></div> | ||
|
|
||
| <nav role="navigation"> | ||
| <div id="gcwu-psnb"><h2>Menú del sitio</h2><div id="gcwu-psnb-in"><div class="wet-boew-menubar"><div> | ||
| <ul class="mb-menu"> | ||
| <li><div><a target="_blank" class="first" href="#">Sección 1</a></div></li> | ||
| <li><div><a target="_blank" href="section2/index-es.html">Sección 2</a></div></li> | ||
| <li><div><a target="_blank" href="#">Sección 3</a></div></li> | ||
| <li><div><a target="_blank" href="#">Sección 4</a></div></li> | ||
| <li><div><a target="_blank" href="#">Sección 5</a></div></li> | ||
| </ul> | ||
| </div></div></div></div> | ||
|
|
||
| <div id="gcwu-bc"><h2>Hilo de Ariadna</h2><div id="gcwu-bc-in"> | ||
| <ol> | ||
| <li><a target="_blank" href="../../../index-eng.html">Página de Inicio</a></li> | ||
| <li><a target="_blank" href="../../index-eng.html">Ejemplos prácticos</a></li> | ||
| <li><a target="_blank" href="../index-eng.html">Tema de facilidad de empleo del Gobierno de Canadá</a></li> | ||
| <li>Aplicación web - Iniciar sesión</li> | ||
| </ol> | ||
| </div></div> | ||
| </nav> | ||
| <!-- HeaderEnd --> | ||
| </header></div></div> | ||
|
|
||
| <div id="wb-core"><div id="wb-core-in" class="equalize"> | ||
| <div id="wb-main" role="main"><div id="wb-main-in"> | ||
| <!-- MainContentStart --> | ||
| <h1 id="wb-cont">Aplicación web - Iniciar sesión - Tema de facilidad de empleo del Gobierno de Canadá</h1> | ||
|
|
||
| <div id="wb-session"> | ||
| <ul> | ||
| <li class="session"><a href="application-signout-es.html">Iniciar sesión</a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <section><h2>Título 2 (<code>h2</code>) - apariencia predefinida</h2> | ||
| <section><h3>Título 3 (<code>h3</code>) - apariencia predefinida</h3> | ||
| <section><h4>Título 4 (<code>h4</code>) - apariencia predefinida</h4> | ||
| <section><h5>Título 5 (<code>h5</code>) - apariencia predefinida</h5> | ||
| <section><h6>Título 6 (<code>h6</code>) - apariencia predefinida</h6> | ||
| <p>Párrafo - apariencia predefinida</p> | ||
| </section> | ||
| </section> | ||
| </section> | ||
| </section> | ||
| </section> | ||
|
|
||
| <p><a href="#">Enlace - apariencia predefinida</a></p> | ||
| <p><a href="mailto:">Enlace <code>mailto:</code> - apariencia predefinida</a></p> | ||
| <p><a href="http://www." rel="external">Enlace externos <code>http://www.</code> - apariencia predefinida</a></p> | ||
| <p><a href=".doc">Enlace para archivar descargas basadas en de tipo archivo <code>.doc</code>, <code>.psd</code>, <code>.zip</code>, <code>.pdf</code>, <code>.xls</code>, <code>.xlt</code>, <code>.rtf</code> y <code>.txt</code> - apariencia predefinida</a></p> | ||
| <p>Abreviación - apariencia predefinida: <abbr title="Treasury Board Secretariat" lang="en">TBS</abbr>.</p> | ||
|
|
||
| <ul> | ||
| <li><code>ul</code> primer nivel - apariencia predefinida | ||
| <ul> | ||
| <li><code>ul</code> segundo nivel - apariencia predefinida | ||
| <ul> | ||
| <li><code>ul</code> tercer nivel - apariencia predefinida</li> | ||
| </ul> | ||
| </li> | ||
| </ul> | ||
| </li> | ||
| </ul> | ||
|
|
||
| <ol> | ||
| <li><code>ol</code> primer nivel - apariencia predefinida</li> | ||
| <li><code>ol</code> primer nivel - apariencia predefinida | ||
| <ol> | ||
| <li><code>ol</code> segundo nivel - apariencia predefinida</li> | ||
| <li><code>ol</code> segundo nivel - apariencia predefinida | ||
| <ol> | ||
| <li><code>ol</code> tercer nivel - apariencia predefinida</li> | ||
| <li><code>ol</code> tercer nivel - apariencia predefinida</li> | ||
| </ol> | ||
| </li> | ||
| </ol> | ||
| </li> | ||
| </ol> | ||
|
|
||
| <table> | ||
| <caption>Tabla <code>caption</code> - apariencia predefinida</caption> | ||
| <thead> | ||
| <tr> | ||
| <th scope="col">Encabezamiento de tabla (<code>th</code>) - apariencia predefinida</th> | ||
| <th scope="col">Encabezamiento de tabla (<code>th</code>) - apariencia predefinida</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <tr> | ||
| <td>Datos de tabla (<code>td</code>) - apariencia predefinida</td> | ||
| <td>Datos de tabla (<code>td</code>) - apariencia predefinida</td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
|
|
||
| <form action="#" method="post"> | ||
| <div><label for="data1">Forma <code>input</code> - apariencia predefinida:</label> <input name="data1" type="text" id="data1" /></div> | ||
| <div><label for="data2">Forma <code>textarea</code> - apariencia predefinida:</label> <textarea name="data2" cols="15" rows="3" id="data2"></textarea></div> | ||
| <div><label for="data4">Forma <code>select</code> - apariencia predefinida:</label> | ||
| <select id="data4" name="data4"> | ||
| <option value="Opción 1">Opción 1</option> | ||
| <option value="Opción 2">Opción 2</option> | ||
| <option value="Opción 3">Opción 3</option> | ||
| <option value="Opción 4">Opción 4</option> | ||
| </select></div> | ||
| <fieldset><legend>Forma <code>legend</code>, <code>fieldset</code> y <code>checkbox</code> - apariencia predefinida</legend> | ||
| <div><input name="checkbox" type="checkbox" id="data5" value="checkbox" /> <label for="data5">Opción 1</label>   | ||
| <input name="checkbox" type="checkbox" id="data6" value="checkbox" /> <label for="data6">Opción 2</label>   | ||
| <input name="checkbox" type="checkbox" id="data7" value="checkbox" /> <label for="data7">Opción 3</label>   | ||
| <input name="checkbox" type="checkbox" id="data8" value="checkbox" /> <label for="data8">Opción 4</label></div> | ||
| </fieldset> | ||
| <div><input name="submit" type="submit" id="submit" value="Enviar - apariencia predefinida" /> | ||
| <input name="reset" type="reset" id="reset" value="Resetear - apariencia predefinida" /></div> | ||
| </form> | ||
|
|
||
| <blockquote> | ||
| <p>"Blockquote - apariencia predefinida".</p> | ||
| </blockquote> | ||
|
|
||
| <dl id="gcwu-date-mod" role="contentinfo"> | ||
| <dt>Versión:</dt><dd>1.1b</dd> | ||
| </dl> | ||
| <div class="clear"></div> | ||
| <!-- MainContentEnd --> | ||
| </div></div> | ||
| </div></div> | ||
|
|
||
| <div id="wb-foot"><div id="wb-foot-in"><footer><h2 id="wb-nav">Pie de página</h2> | ||
| <!-- FooterStart --> | ||
| <nav role="navigation"><div id="gcwu-sft"><h3>Site pie de página</h3><div id="gcwu-sft-in"> | ||
| <div id="gcwu-tctr"> | ||
| <ul> | ||
| <li class="gcwu-tc"><a href="#" target="_blank" rel="license">Términos y Condiciones</a></li> | ||
| <li class="gcwu-tr"><a href="#" target="_blank">Transparencia</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="clear"></div> | ||
| <div class="span-2"><div class="gcwu-col-head"><a href="#" target="_blank">Acerca de nosotros</a></div></div> | ||
| <div class="span-2"><div class="gcwu-col-head"><a href="#" target="_blank">Noticias</a></div></div> | ||
| <div class="span-2"><div class="gcwu-col-head"><a href="#" target="_blank">Contáctenos</a></div></div> | ||
| <div class="span-2"><div class="gcwu-col-head"><a href="#" target="_blank">Estancia conectó</a></div></div> | ||
| </div></div></nav> | ||
|
|
||
| <nav role="navigation"><div id="gcwu-gcft"><h3>Pie de página del Gobierno de Canadá</h3><div id="gcwu-gcft-in"><div id="gcwu-gcft-fip"> | ||
| <ul> | ||
| <li id="gcwu-gcft-ca"><div><a target="_blank" rel="external" href="http://www.canada.gc.ca">Canada.gc.ca</a></div></li> | ||
| </ul> | ||
| </div></div></div></nav> | ||
| <!-- FooterEnd --> | ||
| </footer> | ||
| </div></div></div> | ||
|
|
||
| <!-- ScriptsStart --> | ||
| <script src="../../../dist/js/settings.js"></script> | ||
| <!--[if lte IE 8]> | ||
| <script src="../../../dist/theme-gcwu-fegc/js/theme-ie-min.js"></script> | ||
| <script src="../../../dist/js/pe-ap-ie-min.js"></script> | ||
| <script src="../../../dist/js/jquerymobile/jquery.mobile-ie.min.js"></script> | ||
| <![endif]--> | ||
| <!--[if gt IE 8]><!--> | ||
| <script src="../../../dist/theme-gcwu-fegc/js/theme-min.js"></script> | ||
| <script src="../../../dist/js/pe-ap-min.js"></script> | ||
| <script src="../../../dist/js/jquerymobile/jquery.mobile.min.js"></script> | ||
| <!--<![endif]--> | ||
| <!-- ScriptsEnd --> | ||
|
|
||
| <!-- CustomScriptsStart --> | ||
| <!-- CustomScriptsEnd --> | ||
| </body> | ||
| </html> |
Oops, something went wrong.