style: Update subway-navigation-new.html

canada-ca · Jan 6, 2021 · 1ec6588 · 1ec6588
1 parent fd32488
commit 1ec6588
Show file tree

Hide file tree

Showing 4 changed files with 692 additions and 533 deletions.
diff --git a/common-design-patterns/fragments/gc-subway-index.html b/common-design-patterns/fragments/gc-subway-index.html
@@ -0,0 +1,51 @@
+<html class="no-js" lang="fr" dir="ltr">
+	<head>
+		<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
+	</head>
+	<body style="font-size: 20px;">
+		<nav class="provisional gc-subway">
+			<h2>Sections</h2>
+			<dl>
+				<dt>
+					<a href="#">[Step / section page name 1]</a>
+				</dt>
+				<dd>
+					Description de la page. Lorem ipsum dolor sit amet, consectetur adipiscing elit
+				</dd>
+				<dt>
+					<a href="#">[Step / section page name 2]</a>
+				</dt>
+				<dd>
+					Description de la page. Lorem ipsum dolor sit amet, consectetur adipiscing elit
+				</dd>
+				<dt>
+					<a href="#">[Step / section page name 3]</a>
+				</dt>
+				<dd>
+					Description de la page. Lorem ipsum dolor sit amet, consectetur adipiscing elit
+				</dd>
+				<dt>
+					<a href="#">[Step / section page name 4]</a>
+				</dt>
+				<dd>
+					Description de la page. Lorem ipsum dolor sit amet, consectetur adipiscing elit
+				</dd>
+				<dt>
+					<a href="#">[Step / section page name 5]</a>
+				</dt>
+				<dd>
+					Description de la page. Lorem ipsum dolor sit amet, consectetur adipiscing elit
+				</dd>
+				<dt>
+					<a href="#">[Step / section page name 6]</a>
+				</dt>
+				<dd>
+					Description de la page. Lorem ipsum dolor sit amet, consectetur adipiscing elit
+				</dd>
+			</dl>
+		</nav>
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
+		<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+		<script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script>
+	</body>
+</html>
diff --git a/common-design-patterns/fragments/gc-subway-page.html b/common-design-patterns/fragments/gc-subway-page.html
@@ -0,0 +1,14 @@
+<nav class="provisional gc-subway">
+	<h1>[Service name]</h1>
+	<ul class="gc-subway-steps">
+		<li><a href="#">[Step / section page name 1]<span class="wb-inv">: Service name</span></a></li>
+		<li><a href="#">[Step / section page name 2]<span class="wb-inv">: Service name</span></a></li>
+		<li class="active"><a aria-current="page">[Step / section page name 3]<span class="wb-inv">: Service name</span></a></li>
+		<li><a href="#">[Step / section page name 4]<span class="wb-inv">: Service name</span></a></li>
+		<li><a href="#">[Step / section page name 5]<span class="wb-inv">: Service name</span></a></li>
+		<li><a href="#">[Step / section page name 6]<span class="wb-inv">: Service name</span></a></li>
+	</ul>
+</nav>
+<h1 property="name" id="wb-cont-demo" class="provisional gc-thickline">[Service/step name 3]</h1>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam commodo elementum est, ac ultrices urna convallis vitae. Nulla nec convallis felis. Ut pretium nisl nisi. Nam gravida gravida aliquet. Morbi tincidunt lorem in purus imperdiet, id rutrum mauris sodales. Vivamus nec mattis tellus. Nunc turpis dolor, malesuada non magna nec, scelerisque tristique velit.</p>
+<p>Sed consectetur eu ligula a molestie. Vivamus convallis libero malesuada pharetra suscipit. In a pulvinar mi, quis aliquet mauris. Duis convallis nunc nunc, in euismod nisi volutpat sit amet. Integer convallis lacus non orci imperdiet, ac convallis massa mollis.</p>