Skip to content

Commit a2d22be

Browse files
shawnthompsonshawnthompson
committed
Create: Splash page
Closes #715
1 parent 536c382 commit a2d22be

File tree

2 files changed

+134
-1
lines changed

2 files changed

+134
-1
lines changed

‎src/_scss/custom.scss‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,3 +50,21 @@
5050
}
5151

5252
}
53+
54+
// Splash page styles
55+
56+
.splash .sp-hb {
57+
width: 500px
58+
}
59+
60+
@media (min-width: 768px) {
61+
.splash .sp-hb {
62+
width: 500px
63+
}
64+
}
65+
66+
@media (min-width: 992px) {
67+
.splash .sp-hb {
68+
width: 600px
69+
}
70+
}

‎src/index.html‎

Lines changed: 116 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,116 @@
1-
<meta http-equiv="refresh" content="0; URL={{ pathPrefix }}/en/" />
1+
---
2+
title:
3+
en: Digital Accessibility Toolkit
4+
fr: Boîte à outils de l&#39;accessibilité numérique
5+
description:
6+
en: Digital Accessibility Toolkit. We offer a variety of learning materials and resources to help you learn and implement accessibility in your digital projects.
7+
fr: La Boîte à outils de l&#39;accessibilité numérique. Nous offrons une variété de matériel d&#39;apprentissage et de ressources pour vous aider à apprendre et à mettre en œuvre l&#39;accessibilité dans vos projets numériques.
8+
layout: false
9+
---
10+
11+
<!DOCTYPE html>
12+
<html class="no-js" lang="en" dir="ltr">
13+
14+
<head>
15+
<meta charset="utf-8">
16+
<link rel="schema.dcterms" href="http://purl.org/dc/terms/">
17+
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
18+
wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html -->
19+
<title>{{ title.en }} / {{ title.fr }}</title>
20+
21+
<!-- Meta tags -->
22+
<meta content="width=device-width,initial-scale=1" name="viewport">
23+
<meta name="source-file" content="./src/index.html">
24+
<meta name="description" content="{{ description.en }}">
25+
26+
<!-- Dublin Core Metadata -->
27+
<meta name="dcterms.description" content="{{ description.en }}">
28+
<meta name="dcterms.creator" content="Government of Canada">
29+
<meta name="dcterms.title" content="{{ title.en }}">
30+
<meta name="dcterms.issued" title="W3CDTF" content="2025-07-15">
31+
<meta name="dcterms.modified" title="W3CDTF" content="2025-07-15">
32+
<meta name="dcterms.subject" content="Accessibility">
33+
<meta name="dcterms.language" title="ISO639-2" content="eng">
34+
35+
<meta property="dcterms:issued" content="2025-07-15">
36+
<meta property="dcterms:modified" content="2025-07-15">
37+
<meta property="dcterms:title" content="{{ title.en }}">
38+
<meta property="dcterms:creator" content="Government of Canada">
39+
40+
<meta property="dcterms:subject" title="gccore" content="Accessibility">
41+
<meta property="dcterms:description" content="{{ description.en }}">
42+
43+
<meta property="dcterms:title" lang="fr" content="{{ title.fr }}">
44+
<meta property="dcterms:creator" lang="fr" content="Gouvernement du Canada">
45+
<meta property="dcterms:subject" lang="fr" title="gccore" content="accessibilité">
46+
<meta property="dcterms:description" lang="fr" content="{{ description.fr }}">
47+
48+
<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
49+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
50+
<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css" />
51+
<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/messages.min.css">
52+
<link rel="stylesheet" href="{{ pathPrefix }}/css/da11yn.css">
53+
54+
<!-- Google tag (gtag.js) -->
55+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SM9MSHWDVN"></script>
56+
<script>
57+
(function (w) {
58+
"use strict";
59+
if (w.location.hostname === "a11y.canada.ca") {
60+
w.dataLayer = w.dataLayer || [];
61+
w.gtag = function () {
62+
w.dataLayer.push(arguments);
63+
};
64+
w.gtag('js', new Date());
65+
w.gtag('config', 'G-SM9MSHWDVN');
66+
}
67+
})(window);
68+
69+
</script>
70+
</head>
71+
72+
73+
<body class="splash" vocab="http://schema.org/" resource="#wb-webpage" typeof="WebPage">
74+
<div id="bg" data-wb-randomize='{ "shuffle": true, "selector": "img", "toggle": "hide" }'><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-1.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-2.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-3.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-4.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-5.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-6.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-7.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-8.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-9.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-10.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-11.jpg" alt=""><img class="hide" src="https://www.canada.ca/content/dam/canada/splash/sp-bg-12.jpg" alt=""></div>
75+
<main property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
76+
<div class="sp-hb">
77+
<div class="sp-bx col-xs-12">
78+
<h1 property="name" class="wb-inv">{{ title }}</h1>
79+
<div class="row">
80+
<div class="col-xs-11 col-md-8" property="publisher" resource="#wb-publisher" typeof="GovernmentOrganization">
81+
<img src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/sig-blk-en.svg" width="283" alt="Government of Canada" property="logo"><span class="wb-inv"> / <span lang="fr">Gouvernement du Canada</span></span>
82+
<meta property="name" content="Government of Canada">
83+
<meta property="name" lang="fr" content="Gouvernement du Canada">
84+
<meta property="areaServed" typeof="Country" content="Canada">
85+
</div>
86+
</div>
87+
<div class="row">
88+
<section class="col-xs-6 text-right">
89+
<h2 class="h6">{{ title.en }}</h2>
90+
<p><a href="{{ pathPrefix }}/en/" class="btn btn-primary" translate="no">English</a></p>
91+
</section>
92+
<section class="col-xs-6" lang="fr">
93+
<h2 class="h6">{{ title.fr | safe }}</h2>
94+
<p><a href="{{ pathPrefix }}/fr/" class="btn btn-primary" translate="no">Français</a></p>
95+
</section>
96+
</div>
97+
98+
</div>
99+
<div class="sp-bx-bt col-xs-12">
100+
<div class="row">
101+
<div class="col-xs-7 col-md-8">
102+
<a href="https://www.canada.ca/en/transparency/terms.html" class="sp-lk">Terms and conditions</a> <span class="glyphicon glyphicon-asterisk"></span> <a href="https://www.canada.ca/fr/transparence/avis.html" class="sp-lk" lang="fr">Avis</a>
103+
</div>
104+
<div class="col-xs-5 col-md-4 text-right mrgn-bttm-md">
105+
<img src="https://www.canada.ca/etc/designs/canada/wet-boew/assets/wmms-blk.svg" width="127" alt="Symbol of the Government of Canada"><span class="wb-inv"> / <span lang="fr">Symbole du gouvernement du Canada</span></span>
106+
</div>
107+
</div>
108+
</div>
109+
</div>
110+
</main>
111+
112+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha384-rY/jv8mMhqDabXSo+UCggqKtdmBfd3qC2/KvyTDNQ6PcUJXaxK1tMepoQda4g5vB" crossorigin="anonymous"></script>
113+
<script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/wet-boew.min.js"></script>
114+
<script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script>
115+
</body>
116+
</html>

0 commit comments

Comments
 (0)