Minor Topic page: stabilizing topic page template v2.0 (#2388)

* Topic page: stabilizing topic page template v2.0 * Topic: updating topic template and including gc-contributors Content - GC Features - Added code sample and updated working example to match the documented pattern.
wet-boew · Aug 13, 2024 · bb30432 · bb30432
1 parent d32ef97
commit bb30432
Show file tree

Hide file tree

Showing 23 changed files with 778 additions and 686 deletions.
diff --git a/_data/templates.json b/_data/templates.json
diff --git a/_includes/components/gc-features/features.html b/_includes/components/gc-features/features.html
@@ -16,7 +16,7 @@ <h2>Features</h2>
 		{% for i in (1..3) %}
 		<div class="col-lg-4 col-sm-6 hght-inhrt">
 			<div class="well well-sm eqht-trgt hght-inhrt">
-				<img src="https://via.placeholder.com/360x203/000000/FFFFFF.png" alt="">
+				<img src="https://dummyimage.com/360x203/000000/FFFFFF.png" alt="">
 				{%- if page.language == "fr" -%}
 				<h3><a href="#" class="stretched-link">[Lien vers l’élément en vedette]</a></h3>
 				<p>Brève description de l’élément en vedette. Brève description de l’élément en vedette.</p>

diff --git a/_includes/components/gc-features/one-tile-hidden-title.html b/_includes/components/gc-features/one-tile-hidden-title.html
@@ -0,0 +1,20 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ List of features - One tile (invisible title)
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+<section class="gc-features">
+	<h2 class="wb-inv">{% if page.language == "en" %}Featured{% else %}En vedette{% endif %}</h2>
+	<div class="row">
+		<div class="col-sm-6">
+			<img src="https://dummyimage.com/360x203/000000/FFFFFF.png" alt="" class="thumbnail">
+		</div>
+		<div class="col-sm-6">
+			<h3><a class="stretched-link" href="#">{% if page.language == "en" %}[Feature hyperlink text]{% else %}[Lien vers l’élément en vedette]{% endif %}</a></h3>
+			<p>{% if page.language == "en" %}Brief description of the feature being promoted.{% else %}Brève description de l’élément en vedette.{% endif %}</p>
+		</div>
+	</div>
+</section>
diff --git a/_includes/components/gc-features/two-tiles.html b/_includes/components/gc-features/two-tiles.html
@@ -16,7 +16,7 @@ <h2>Features</h2>
 		{% for i in (1..2) %}
 		<div class="col-sm-6 hght-inhrt">
 			<div class="well well-sm eqht-trgt hght-inhrt">
-				<img src="https://via.placeholder.com/360x203/000000/FFFFFF.png" alt="">
+				<img src="https://dummyimage.com/360x203/000000/FFFFFF.png" alt="">
 				{%- if page.language == "fr" -%}
 				<h3><a href="#" class="stretched-link">[Lien vers l’élément en vedette]</a></h3>
 				<p>Brève description de l’élément en vedette. Brève description de l’élément en vedette.</p>

diff --git a/components/gc-features/gc-features-en.html b/components/gc-features/gc-features-en.html
@@ -109,7 +109,7 @@ <h3>Two-tiles left-aligned</h3>
 <div class="row mrgn-tp-xl">
 	<div class="col-md-8">
 		<section class="gc-features">
-			<h2>Features</h2>
+			<h2 class="wb-inv">Features</h2>
 			<div class="row wb-eqht-grd">
 				<div class="col-sm-6">
 					<div class="well well-sm eqht-trgt">
@@ -142,7 +142,7 @@ <h2>Other Component</h2>
 	</div>
 	<div class="col-md-8">
 		<section class="gc-features">
-			<h2>Features</h2>
+			<h2 class="wb-inv">Features</h2>
 			<div class="row wb-eqht-grd">
 				<div class="col-sm-6">
 					<div class="well well-sm eqht-trgt">
@@ -167,7 +167,7 @@ <h3>One-tile left-aligned</h3>
 <div class="row mrgn-tp-xl">
 	<div class="col-md-8">
 		<section class="gc-features">
-			<h2>Featured</h2>
+			<h2 class="wb-inv">Featured</h2>
 			<div class="row">
 				<div class="col-sm-6">
 					<img src="img/feature-360x203.png" alt="" class="thumbnail">
@@ -193,7 +193,7 @@ <h2>Other Component</h2>
 	</div>
 	<div class="col-md-8">
 		<section class="gc-features">
-			<h2>Featured</h2>
+			<h2 class="wb-inv">Featured</h2>
 			<div class="row">
 				<div class="col-sm-6">
 					<img src="img/feature-360x203.png" alt="" class="thumbnail">

diff --git a/components/gc-features/gc-features-fr.html b/components/gc-features/gc-features-fr.html
@@ -108,7 +108,7 @@ <h3>Deux tuiles alignées à gauche</h3>
 <div class="row mrgn-tp-xl">
 	<div class="col-md-8">
 		<section class="gc-features">
-			<h2>En vedette</h2>
+			<h2 class="wb-inv">En vedette</h2>
 			<div class="row wb-eqht-grd">
 				<div class="col-sm-6">
 					<div class="well well-sm eqht-trgt">
@@ -141,7 +141,7 @@ <h2>Autre composant</h2>
 	</div>
 	<div class="col-md-8">
 		<section class="gc-features">
-			<h2>En vedette</h2>
+			<h2 class="wb-inv">En vedette</h2>
 			<div class="row wb-eqht-grd">
 				<div class="col-sm-6">
 					<div class="well well-sm eqht-trgt">
@@ -166,7 +166,7 @@ <h3>Une tuile alignée à gauche</h3>
 <div class="row mrgn-tp-xl">
 	<div class="col-md-8">
 		<section class="gc-features">
-			<h2>En vedette</h2>
+			<h2 class="wb-inv">En vedette</h2>
 			<div class="row">
 				<div class="col-sm-6">
 					<img src="img/feature-360x203.png" alt="" class="thumbnail">
@@ -192,7 +192,7 @@ <h2>Autre composant</h2>
 	</div>
 	<div class="col-md-8">
 		<section class="gc-features">
-			<h2>En vedette</h2>
+			<h2 class="wb-inv">En vedette</h2>
 			<div class="row">
 				<div class="col-sm-6">
 					<img src="img/feature-360x203.png" alt="" class="thumbnail">

diff --git a/components/gc-features/samples/features.html b/components/gc-features/samples/features.html
@@ -16,7 +16,7 @@ <h2>Features</h2>
 		{% for i in (1..3) %}
 		<div class="col-lg-4 col-sm-6 hght-inhrt">
 			<div class="well well-sm eqht-trgt hght-inhrt">
-				<img src="https://via.placeholder.com/360x203/000000/FFFFFF.png" alt="">
+				<img src="https://dummyimage.com/360x203/000000/FFFFFF.png" alt="">
 				{%- if page.language == "fr" -%}
 				<h3><a href="#" class="stretched-link">[Lien vers l’élément en vedette]</a></h3>
 				<p>Brève description de l’élément en vedette. Brève description de l’élément en vedette.</p>

diff --git a/components/gc-features/samples/one-tile-hidden-title.html b/components/gc-features/samples/one-tile-hidden-title.html
@@ -0,0 +1,20 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ List of features - One tile (invisible title)
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+<section class="gc-features">
+	<h2 class="wb-inv">{% if page.language == "en" %}Featured{% else %}En vedette{% endif %}</h2>
+	<div class="row">
+		<div class="col-sm-6">
+			<img src="https://dummyimage.com/360x203/000000/FFFFFF.png" alt="" class="thumbnail">
+		</div>
+		<div class="col-sm-6">
+			<h3><a class="stretched-link" href="#">{% if page.language == "en" %}[Feature hyperlink text]{% else %}[Lien vers l’élément en vedette]{% endif %}</a></h3>
+			<p>{% if page.language == "en" %}Brief description of the feature being promoted.{% else %}Brève description de l’élément en vedette.{% endif %}</p>
+		</div>
+	</div>
+</section>
diff --git a/components/gc-features/samples/two-tiles.html b/components/gc-features/samples/two-tiles.html
@@ -16,7 +16,7 @@ <h2>Features</h2>
 		{% for i in (1..2) %}
 		<div class="col-sm-6 hght-inhrt">
 			<div class="well well-sm eqht-trgt hght-inhrt">
-				<img src="https://via.placeholder.com/360x203/000000/FFFFFF.png" alt="">
+				<img src="https://dummyimage.com/360x203/000000/FFFFFF.png" alt="">
 				{%- if page.language == "fr" -%}
 				<h3><a href="#" class="stretched-link">[Lien vers l’élément en vedette]</a></h3>
 				<p>Brève description de l’élément en vedette. Brève description de l’élément en vedette.</p>

diff --git a/templates/lowest-topic/index.json-ld b/templates/lowest-topic/index.json-ld
diff --git a/templates/theme-topic/index.json-ld b/templates/theme-topic/index.json-ld