Skip to content

Commit d9be7db

Browse files
GarneaumaGarneauma
committed
Theme: adding theme template
1 parent 6cb0589 commit d9be7db

17 files changed

+1232
-0
lines changed

‎_data/templates.json‎

Lines changed: 203 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1269,6 +1269,209 @@
12691269
]
12701270
}
12711271
}
1272+
,{
1273+
"@context": {
1274+
"@version": 1.1,
1275+
"dct": "http://purl.org/dc/terms/",
1276+
"title": { "@id": "dct:title", "@container": "@language" },
1277+
"description": { "@id": "dct:description", "@container": "@language" },
1278+
"modified": "dct:modified"
1279+
},
1280+
"title": {
1281+
"en": "Theme",
1282+
"fr": "Thème"
1283+
},
1284+
"description": {
1285+
"en": "Theme page template",
1286+
"fr": "Gabarit de page thème"
1287+
},
1288+
"modified": "2020-02-12",
1289+
"componentName": "theme",
1290+
"status": "stable",
1291+
"version": "1.0",
1292+
"pages": {
1293+
"examples": [
1294+
{
1295+
"title": "[Theme]",
1296+
"language": "en",
1297+
"path": "theme-en.html"
1298+
},
1299+
{
1300+
"title": "[Thème]",
1301+
"language": "fr",
1302+
"path": "theme-fr.html"
1303+
}
1304+
],
1305+
"docs": [
1306+
{
1307+
"title": "Theme page",
1308+
"language": "en",
1309+
"path": "theme-doc-en.html"
1310+
},
1311+
{
1312+
"title": "Page de thème",
1313+
"language": "fr",
1314+
"path": "theme-doc-fr.html"
1315+
}
1316+
]
1317+
},
1318+
"dependencies": {
1319+
"en": [
1320+
{ "title": "Most requested", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-en.html", "component": "gc-most-requested" },
1321+
{ "title": "Services and information", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-en.html", "component": "gc-srvinfo" }
1322+
],
1323+
"fr": [
1324+
{ "title": "En demande", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-fr.html", "component": "gc-most-requested" },
1325+
{ "title": "Services et renseignements", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-fr.html", "component": "gc-srvinfo" }
1326+
]
1327+
},
1328+
"a11yGuidance": "No accessibility guidance.",
1329+
"variations": [
1330+
{
1331+
"name": {
1332+
"en": "Theme page",
1333+
"fr": "Page de thème"
1334+
},
1335+
"status": "stable",
1336+
"description": {
1337+
"en": "Use this template as the landing page for Government of Canada institutions and organizations.",
1338+
"fr": "Utilisez ce modèle comme page d'accueil pour les institutions et organismes du gouvernement du Canada."
1339+
},
1340+
"guidance": {
1341+
"en": "TBD",
1342+
"fr": "TBD"
1343+
},
1344+
"iteration": "_:iteration_theme_1",
1345+
"example": [
1346+
{
1347+
"en": { "href": "theme-en.html", "text": "Theme page" },
1348+
"fr": { "href": "theme-fr.html", "text": "Pages de thème" }
1349+
}
1350+
],
1351+
"implementation": [
1352+
"_:implement_theme",
1353+
"_:implement_theme_aem"
1354+
],
1355+
"history": [
1356+
{
1357+
"en": "July 2024 - Introduction of the new theme template.",
1358+
"fr": "Juillet 2024 - Introduction du nouveau gabarit de page thème."
1359+
}
1360+
]
1361+
}
1362+
],
1363+
"implementation": [
1364+
{
1365+
"@id": "_:implement_theme",
1366+
"iteration": "_:iteration_theme_1",
1367+
"name": {
1368+
"en": "Standard",
1369+
"fr": "Standard"
1370+
},
1371+
"introduction": {
1372+
"en": "This implementation is meant for developers/publishers adding the template manually.",
1373+
"fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le gabarit manuellement."
1374+
},
1375+
"instructions": {
1376+
"en": [
1377+
"Add the CSS class <code>.page-type-theme</code> to the page's <code>&lt;body></code> element.",
1378+
"The CSS class <code>.active</code> must be added to the current page's <code>&lt;li></code>.",
1379+
"Refer to the working example for a code sample.",
1380+
"Refer to the working example and guidance for more information on how to implement this page template."
1381+
],
1382+
"fr": [
1383+
"Ajoutez la classe CSS <code>.page-type-theme</code> sur l'élément <code>&lt;body></code> de la page.",
1384+
"La classe CSS <code>.active</code> doit être ajoutée au <code>&lt;li></code> de la page courante.",
1385+
"Reportez-vous à l'exemple pratique pour un exemple de code.",
1386+
"Référez-vous à l'exemple pratique et aux directives pour plus d'informations sur l'implémentation ce modèle de page."
1387+
]
1388+
},
1389+
"notes": {
1390+
"en": [
1391+
"Not adding the required CSS class (<code>.page-type-theme</code>) will result in the styles specific to this template not being applied."
1392+
],
1393+
"fr": [
1394+
"Si vous n'ajoutez pas la classe CSS requise (<code>.page-type-theme</code>), les styles spécifiques à ce gabarit ne seront pas appliqués."
1395+
]
1396+
}
1397+
},
1398+
{
1399+
"@id": "_:implement_theme_aem",
1400+
"iteration": "_:iteration_theme_1",
1401+
"name": {
1402+
"en": "AEM users",
1403+
"fr": "Utilisateurs AEM"
1404+
},
1405+
"introduction": {
1406+
"en": "This implementation is meant for publishers adding the template manually into an AEM page.",
1407+
"fr": "Cette implémentation est destinée aux éditeurs qui ajoutent le gabarit manuellement à une page d'AEM."
1408+
},
1409+
"instructions": {
1410+
"en": [
1411+
"TBD"
1412+
],
1413+
"fr": [
1414+
"TBD"
1415+
]
1416+
},
1417+
"notes": {
1418+
"en": [
1419+
"For a more detailed implementation guide, a document has been created on the <a href='https://www.gcpedia.gc.ca/wiki/AEM_GC-specific_Documentation_6.5'>AEM learning material on GCPedia</a>, which includes screenshots and detailed step by step instructions."
1420+
],
1421+
"fr": [
1422+
"Pour un guide de mise en œuvre plus détaillé, un document a été créé dans la section du <a href='https://www.gcpedia.gc.ca/wiki/Documentation_d%27AEM_sp%C3%A9cifique_au_GC_6.5'>matériel d'apprentissage d'AEM sur GCPedia</a>, qui comprend des captures d'écran et des instructions détaillées étape par étape."
1423+
]
1424+
},
1425+
"ajaxSourceCode": {
1426+
"en": "theme-en.html main > *:not(.pagedetails)",
1427+
"fr": "theme-fr.html main > *:not(.pagedetails)"
1428+
}
1429+
}
1430+
],
1431+
"iteration": [
1432+
{
1433+
"@id": "_:iteration_theme_1",
1434+
"name": "Theme page - Iteration 1",
1435+
"date": "2024-07",
1436+
"breaking": [
1437+
"Introduction of the page template."
1438+
],
1439+
"detectableBy": ".page-type-theme",
1440+
"notes": [
1441+
"The H1 is exempt from the default styling (bottom red line). Confirmed by DTO on July 17th, 2024.",
1442+
"The breadcrumbs has specific styling <strong>only</strong> for Theme pages. Confirmed by DTO on July 8th, 2024."
1443+
]
1444+
}
1445+
],
1446+
"changesets": [
1447+
{
1448+
"@id": "_:cs_theme",
1449+
"name": "Theme page",
1450+
"status": "stable",
1451+
"baseOnIteration": "_:iteration_theme_1",
1452+
"detectableBy": ".page-type-theme",
1453+
"layout": [
1454+
"On larger screens, navigation on the left and page content on the right.",
1455+
"In the page content section, from top to bottom: page title, most requested, services and information."
1456+
],
1457+
"style": [
1458+
"The breadcrumbs first element has a left dark blue border.",
1459+
"The left navigation's active page has a dark-blue background and white text.",
1460+
"A vertical blue bar separates the left navigation from the content on the right.",
1461+
"On larger screens, the most requested component's heading is above the list rather than to the left."
1462+
],
1463+
"semantic": "h2 + (ul > li)",
1464+
"behaviour": "On smaller screens, the navigation is hidden by default and is replaced by a \"Menu\" button which can be clicked to toggle the visibility of the navigation.",
1465+
"basic": "On smaller screens the navigation is always visible and the button to toggle the navigation is hidden.",
1466+
"context": "This template is only meant for Theme pages.",
1467+
"static": [
1468+
"Menu",
1469+
"Toggle Menu",
1470+
"Basculer le menu"
1471+
]
1472+
}
1473+
]
1474+
}
12721475
,{
12731476
"@context": {
12741477
"@version": 1.1,

‎sites/layouts/documentation.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2147,6 +2147,44 @@ <h3>{% if lng == "fr" %}Itérations{% else %}Iterations{% endif %}</h3>
21472147
]
21482148
}
21492149
]
2150+
},
2151+
{
2152+
"about": "/notes",
2153+
"dd14": "Notes",
2154+
"@type": "rdf:Alt",
2155+
"mapping": [
2156+
{
2157+
"template": "[data-notes-none]",
2158+
"test": "fn:guessType",
2159+
"value": "/notes",
2160+
"expect": "undefined"
2161+
},
2162+
{
2163+
"template": "[data-notes-description]",
2164+
"test": "fn:guessType",
2165+
"value": "/notes",
2166+
"expect": "xsd:string",
2167+
"mapping": [
2168+
{ "selector": "dd", "value": "/", "isHTML": true }
2169+
]
2170+
},
2171+
{
2172+
"template": "[data-notes-list]",
2173+
"test": "fn:guessType",
2174+
"value": "/notes",
2175+
"expect": "rdfs:Container",
2176+
"mapping": [
2177+
{
2178+
"template": "template",
2179+
"value": "/",
2180+
"mapping": [
2181+
{ "selector": "li", "value": "/@value", "isHTML": true }
2182+
]
2183+
}
2184+
]
2185+
}
2186+
2187+
]
21502188
}
21512189
]
21522190
}'>
@@ -2226,6 +2264,26 @@ <h3>{% if lng == "fr" %}Itérations{% else %}Iterations{% endif %}</h3>
22262264
</ul>
22272265
</dd>
22282266
</template>
2267+
2268+
<!-- Notes -->
2269+
<template data-notes-none>
2270+
<dt>Notes:</dt>
2271+
<dd>Not applicable or out of scope</dd>
2272+
</template>
2273+
<template data-notes-description>
2274+
<dt>Notes:</dt>
2275+
<dd>[[ Description ]]</dd>
2276+
</template>
2277+
<template data-notes-list>
2278+
<dt>Notes:</dt>
2279+
<dd>
2280+
<ul>
2281+
<template>
2282+
<li>[[ Description ]]</li>
2283+
</template>
2284+
</ul>
2285+
</dd>
2286+
</template>
22292287
</dl>
22302288
</details>
22312289
</template>

‎sites/theme.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -205,6 +205,7 @@
205205
@import "../templates/news/base";
206206
@import "../templates/application/base";
207207
@import "../templates/institutional-landing/base";
208+
@import "../templates/theme/base";
208209

209210

210211
/*! Core - Utilities */
@@ -274,6 +275,7 @@
274275

275276
@import "../templates/home/screen-sm-max";
276277
@import "../templates/institutional-landing/screen-sm-max";
278+
@import "../templates/theme/screen-sm-max";
277279
}
278280

279281
/* Medium view and under */
@@ -332,6 +334,8 @@
332334
@import "../components/gc-subway/screen-md-min";
333335
@import "../components/gc-most-requested/screen-md-min";
334336

337+
@import "../templates/theme/screen-md-min";
338+
335339
@import "wet-boew/src/base/proximity/screen-md-min";
336340
}
337341

@@ -345,6 +349,8 @@
345349
@import "../components/header-rwd/screen-lg-min";
346350
@import "../components/equalheight/screen-lg-min";
347351

352+
@import "../templates/theme/screen-lg-min";
353+
348354
@import "wet-boew/src/base/proximity/screen-lg-min";
349355
}
350356

0 commit comments

Comments
 (0)