Skip to content

Commit

Permalink
Added the index page for clf2 theme
Browse files Browse the repository at this point in the history
  • Loading branch information
MaddyDaigle authored and MaddyDaigle committed Aug 29, 2012
1 parent 3f8fbdc commit b7624a1
Show file tree
Hide file tree
Showing 14 changed files with 164 additions and 14 deletions.
2 changes: 1 addition & 1 deletion build/theme-clf2-nsi2/css/theme-ie-min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/theme-clf2-nsi2/css/theme-min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/theme-clf2-nsi2/css/theme-sp-pe-ie-min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/theme-clf2-nsi2/css/theme-sp-pe-min.css
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions demos/theme-clf2-nsi2/1col-theme-clf2-nsi2-eng.html
View file
Expand Up @@ -53,8 +53,8 @@

<div id="wb-head"><div id="wb-head-in"><header>
<!-- HeaderStart -->
<div id="cn-sig"><img src="images/sig-eng.gif" alt="Government of Canada" title="Government of Canada" /></div>
<div id="cn-wmms"><img src="images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada" title="Symbol of the Government of Canada" /></div>
<div id="cn-sig"><img src="../../build/theme-clf2-nsi2/images/sig-eng.gif" width="372" height="20" alt="Government of Canada" title="Government of Canada" /></div>
<div id="cn-wmms"><img src="../../build/theme-clf2-nsi2/images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada" title="Symbol of the Government of Canada" /></div>

<div id="cn-leaf"></div>
<div id="cn-banner" role="banner">
Expand Down
4 changes: 2 additions & 2 deletions demos/theme-clf2-nsi2/2col-theme-clf2-nsi2-eng.html
View file
Expand Up @@ -51,8 +51,8 @@

<div id="wb-head"><div id="wb-head-in"><header>
<!-- HeaderStart -->
<div id="cn-sig"><img src="images/sig-eng.gif" alt="Government of Canada" title="Government of Canada" /></div>
<div id="cn-wmms"><img src="images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada" title="Symbol of the Government of Canada" /></div>
<div id="cn-sig"><img src="../../build/theme-clf2-nsi2/images/sig-eng.gif" width="372" height="20" alt="Government of Canada" title="Government of Canada" /></div>
<div id="cn-wmms"><img src="../../build/theme-clf2-nsi2/images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada" title="Symbol of the Government of Canada" /></div>

<div id="cn-leaf"></div>
<div id="cn-banner" role="banner">
Expand Down
4 changes: 2 additions & 2 deletions demos/theme-clf2-nsi2/3col-theme-clf2-nsi2-eng.html
View file
Expand Up @@ -50,8 +50,8 @@

<div id="wb-head"><div id="wb-head-in"><header>
<!-- HeaderStart -->
<div id="cn-sig"><img src="images/sig-eng.gif" alt="Government of Canada" title="Government of Canada" /></div>
<div id="cn-wmms"><img src="images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada" title="Symbol of the Government of Canada" /></div>
<div id="cn-sig"><img src="../../build/theme-clf2-nsi2/images/sig-eng.gif" width="372" height="20" alt="Government of Canada" title="Government of Canada" /></div>
<div id="cn-wmms"><img src="../../build/theme-clf2-nsi2/images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada" title="Symbol of the Government of Canada" /></div>

<div id="cn-leaf"></div>
<div id="cn-banner" role="banner">
Expand Down
Binary file modified demos/theme-clf2-nsi2/images/tphp.gif
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions demos/theme-clf2-nsi2/servpage-theme-clf2-nsi2-eng-fra.html
View file
Expand Up @@ -43,8 +43,8 @@

<div id="wb-head"><div id="wb-head-in"><header>
<!-- HeaderStart -->
<div id="cn-sig"><img src="images/sig-eng.gif" alt="Government of Canada / Gouvernement du Canada" title="Government of Canada / Gouvernement du Canada" /></div>
<div id="cn-wmms"><img src="images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada / Symbole du gouvernement du Canada" title="Symbol of the Government of Canada / Symbole du gouvernement du Canada" /></div>
<div id="cn-sig"><img src="../../build/theme-clf2-nsi2/images/sig-eng.gif" width="372" height="20" alt="Government of Canada / Gouvernement du Canada" title="Government of Canada / Gouvernement du Canada" /></div>
<div id="cn-wmms"><img src="../../build/theme-clf2-nsi2/images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada / Symbole du gouvernement du Canada" title="Symbol of the Government of Canada / Symbole du gouvernement du Canada" /></div>
<!-- HeaderEnd -->
</header></div></div>

Expand Down
100 changes: 100 additions & 0 deletions demos/theme-clf2-nsi2/wp-pa-theme-clf2-nsi2-eng-fra.html
View file
@@ -0,0 +1,100 @@
<!DOCTYPE html>
<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions -->
<title>Welcome page (outside Quebec) - CLF 2.0 Theme - HTML5 - Web Experience Toolkit (WET) / Page d'accueil (hors de Québec) - Thème de la NSI 2.0 - HTML5 - Boîte à outils de l'expérience Web (BOEW)</title>

<link rel="shortcut icon" href="../../build/theme-gcwu-fegc/images/favicon.ico" />
<meta name="description" content="English description / Description en anglais" />
<meta name="description" lang="fr" content="French description / Description en français" />
<meta name="dcterms.creator" content="English name of the content author / Nom en anglais de l'auteur du contenu" />
<meta name="dcterms.creator" lang="fr" content="French name of the content author / Nom en français de l'auteur du contenu" />
<meta name="dcterms.title" content="English title / Titre en anglais" />
<meta name="dcterms.title" lang="fr" content="French title / Titre en français" />
<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="English subject terms / Termes de sujet en anglais" />
<meta name="dcterms.subject" lang="fr" title="scheme" content="French subject terms / Termes de sujet en français" />
<meta name="dcterms.language" title="ISO639-2" content="eng" />
<meta name="dcterms.language" lang="fr" title="ISO639-2" content="fra" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<script src="../../build/js/jquery.min.js"></script>

<!--[if lte IE 8]>
<script src="../../build/js/polyfills/html5shiv-min.js"></script>
<link rel="stylesheet" href="../../build/grids/css/util-ie-min.css" />
<link rel="stylesheet" href="../../build/js/css/pe-ap-ie-min.css" />
<link rel="stylesheet" href="../../build/theme-clf2-nsi2/css/theme-sp-pe-ie-min.css" />
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="../../build/grids/css/util-min.css" />
<link rel="stylesheet" href="../../build/js/css/pe-ap-min.css" />
<link rel="stylesheet" href="../../build/theme-clf2-nsi2/css/theme-sp-pe-min.css" />

<!--<![endif]-->

<!-- CustomScriptsCSSStart -->
<!-- CustomScriptsCSSEnd -->
</head>
<body><div id="wb-body">
<div id="wb-skip">
<ul id="wb-tphp">
<li id="wb-skip1"><a href="#cn-cont">Skip to main content / <span lang="fr">Passer au contenu principal</span></a></li>
<li id="wb-skip2"><a href="#cn-nav">Skip to footer / <span lang="fr">Passer au pied de page</span></a></li>
</ul>
</div>

<div id="wb-head"><div id="wb-head-in"><header>
<!-- HeaderStart -->
<div id="cn-sig"><img src="../../build/theme-clf2-nsi2/images/sig-eng.gif" width="372" height="20" alt="Government of Canada / Gouvernement du Canada" title="Government of Canada / Gouvernement du Canada" /></div>
<!-- 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="cn-cont">Welcome page (outside Quebec) - <abbr title="Common Look and Feel">CLF</abbr> 2.0 Theme - HTML5 - Web Experience Toolkit (WET) / <span lang="fr">Page d'accueil (hors de Québec) - Thème de la <abbr title="Normalisation des sites Internet">NSI</abbr> 2.0 - HTML5 - Boîte à outils de l'expérience Web (BOEW)</span></h1>

<div id="cn-msg-space" role="banner">
<div id="cn-upper-msg"></div>
<div id="cn-lower-msg">
<p id="cn-left-msg">Name of Institution</p>
<p id="cn-right-msg" lang="fr">Nom de l'institution</p>
</div>
</div>

<nav role="navigation"><h2>Language selection / <span lang="fr">Sélection de la langue</span></h2>
<ul id="cn-ef-lang-links">
<li><a href="3col-theme-clf2-nsi2-eng.html" title="English - English version of the Web site">English</a></li>
<li lang="fr"><a href="3col-theme-clf2-nsi2-fra.html" title="Français - Version française de ce site Web">Français</a></li>
</ul>
<div id="cn-wmms"><img src="../../build/theme-clf2-nsi2/images/wmms.gif" width="83" height="20" alt="Symbol of the Government of Canada / Symbole du gouvernement du Canada" title="Symbol of the Government of Canada / Symbole du gouvernement du Canada" /></div>
</nav>
<!-- MainContentEnd -->
</div></div>
</div></div>

<div id="wb-foot"><div id="wb-foot-in"><footer><h2 id="wb-nav">Footer / <span lang="fr">Pied de page</span></h2>
<!-- FooterStart -->
<ul id="cn-in-links">
<li><a href="#" rel="license">Important Notices</a></li>
<li lang="fr"><a href="#" rel="license">Avis importants</a></li>
</ul>
<!-- FooterEnd -->
</footer>
</div></div></div>

<!-- ScriptsStart -->
<script src="../../build/theme-gcwu-fegc/js/theme-min.js"></script>
<script src="../../build/js/settings.js"></script>
<script src="../../build/js/pe-ap-min.js"></script>
<!-- ScriptsEnd -->
</body>
1 change: 0 additions & 1 deletion src/theme-clf2-nsi2/sass/includes/default-desktop-screen.scss
View file
Expand Up @@ -81,7 +81,6 @@
min-width: 300px;}
#cn-wmms
{
padding-top: 20px;
float: right;
text-align: right;
width: 49.8%;
Expand Down
2 changes: 2 additions & 0 deletions src/theme-clf2-nsi2/sass/includes/sp-pe-desktop-screen.scss
View file
Expand Up @@ -3,3 +3,5 @@
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
* www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions
*/
#wb-skip li span {display: block;}
#wb-skip a:hover, #wb-skip a:focus, #wb-skip a:active {background-color: #363;}
2 changes: 1 addition & 1 deletion src/theme-clf2-nsi2/sass/includes/sp-pe-ie7.scss
View file
Expand Up @@ -4,7 +4,7 @@
* www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions
*/

#cn-centre-col-inner h1, #cn-in-pd h3 {clip: rect(1px 1px 1px 1px);}
#wb-main-in h1, #cn-in-pd h3 {clip: rect(1px 1px 1px 1px);}
#cn-lower-msg p {margin-top: 18px;}
#cn-other-lang-links {margin-top: 10px;}
#cn-sig {margin-bottom: 9px;}
Expand Down
49 changes: 49 additions & 0 deletions src/theme-clf2-nsi2/sass/includes/sp-pe.scss
View file
Expand Up @@ -4,3 +4,52 @@
* www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions
*/


html {overflow-y: scroll;}
body {min-width:600px;margin:0;padding:0;}
#wb-body {border: 10px solid #FFF;}
#wb-skip {display:none;visibility:hidden;}

/** Box model - centered **/
#wb-head, #wb-foot {width: 100%;}
#wb-core, #wb-core-in {width:600px;margin:auto;}
#wb-head-in, #wb-foot-in {width:760px;margin:auto;}
#wb-main {z-index:1;display:inline;}

/** Overflow restrict for background paintability control **/
#wb-head, #wb-head-in, #wb-foot, #wb-foot-in {overflow:hidden;}
#wb-core-in {overflow:visible !important;position:relative;}
#wb-core-in:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/** Centre column **/
#wb-main-in {padding-top:1px;padding-bottom:1px;}
#wb-body #wb-main {width:600px;float:left;}
*:first-child+html #wb-body #wb-main {padding-bottom: 10px;}

#wb-body {margin: 0 auto; width: 600px; border-top: 20px solid #FFFFFF;}
#wb-main-in h1, #wb-main-in h2, #cn-in-pd h3 {position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; overflow: hidden !important;}

#cn-sig {margin-bottom: 6px;}
#cn-msg-space {float: left; margin-bottom: 30px; min-height: 250px; width: 600px; color: #000;}
#cn-upper-msg {height: 130px; background: #363;}
#cn-lower-msg {min-height: 120px; background: #CCC; float: left; width: 100%;}
#cn-lower-msg p {width: 45%; font-size: 140%;}
#cn-left-msg {float: left;}
#cn-right-msg {float: right; text-align: right;}

#wb-foot {height: 4.2em;}
#cn-wmms {float: right; text-align: right;}

#cn-ef-lang-links, #cn-other-lang-links {list-style-type: none; float: left; margin: 0; padding-left: 0; padding-right: 30px; clear: left;}
#cn-other-lang-links {width: 95%;}
#cn-ef-lang-links li a, #cn-other-lang-links li a {display: block; height: 100%; text-decoration: none; line-height: 1.6em;}
#cn-other-lang-links li a:link, #cn-other-lang-links li a:visited {color: #000; background-color: #FFF;}
#cn-other-lang-links li a:active, #cn-other-lang-links li a:focus, #cn-other-lang-links li a:hover {color: #FFF; background-color: #000;}
#cn-ef-lang-links li a:link, #cn-ef-lang-links li a:visited {color: #FFF; background-color: #000;}
#cn-ef-lang-links li a:active, #cn-ef-lang-links li a:focus, #cn-ef-lang-links li a:hover {color: #000; background-color: #FFF;}
#cn-ef-lang-links li, #cn-other-lang-links li {float: left; font-size: 125%; width: 7.5em; height: 1.65em; text-align: center; font-weight: bold; margin-bottom: 10px; margin-right: 30px; border-top: #CCC 2px solid; border-left: #CCC 2px solid; border-bottom: #666 2px solid; border-right: #666 2px solid;}
#cn-ef-lang-links li {background-color: #000;}
#cn-other-lang-links li {background-color: #FFF; margin-top: 10px;}

#cn-in-links {list-style-type: none; float: left; margin: 0; padding-left: 0; padding-right: 30px;}
#cn-in-links li {float: left; width: 9.7em; margin-right: 30px;}

0 comments on commit b7624a1

Please sign in to comment.