Main page title: Short bord red underline - follow the title alignement

_data/sites.json

@@ -2216,6 +2216,36 @@
 				"title": "Titre principal superposé",
 				"language": "fr",
 				"path": "main-page-title-stacked-fr.html"
+			},
+			{
+				"title": "Main page title aligned on the right",
+				"language": "en",
+				"path": "main-page-title-align-right-en.html"
+			},
+			{
+				"title": "Titre principal de la page aligné à droite",
+				"language": "fr",
+				"path": "main-page-title-align-right-fr.html"
+			},
+			{
+				"title": "Main page title aligned on the right",
+				"language": "en",
+				"path": "main-page-title-div-align-right-en.html"
+			},
+			{
+				"title": "Titre principal de la page aligné à droite",
+				"language": "fr",
+				"path": "main-page-title-div-align-right-fr.html"
+			},
+			{
+				"title": "Stacked main page title aligned on the right",
+				"language": "en",
+				"path": "main-page-title-stacked-align-right-en.html"
+			},
+			{
+				"title": "Titre principal superposé aligné à droite",
+				"language": "fr",
+				"path": "main-page-title-stacked-align-right-fr.html"
 			}
 		]
 	},
@@ -2519,6 +2549,12 @@
 			],
 			"predecessor": "_:iteration_mpt_2"
 		},
+		{
+			"@id": "_:iteration_mpt_4",
+			"name": "Main page title aligned on the right",
+			"date": "2024-09",
+			"detectableBy": "<h1 property='name' id='wb-cont' dir='rtl'></h1>"
+		},
 		{
 			"@id": "_:iteration_smpt_1",
 			"name": "Stacked main page title - Iteration 1",

sites/main-page-title/_base.scss

@@ -9,6 +9,16 @@ h1#wb-cont, hgroup#wb-cont h1 {
 	border-top-width: 0;
 }
 
+h1#wb-cont[dir="rtl"], hgroup#wb-cont[dir="rtl"] h1, [dir="rtl"] h1#wb-cont, [dir="rtl"] hgroup#wb-cont h1 {
+	border-bottom: $main-page-title-rule-thickness solid $main-page-title-rule-color;
+	border-image: linear-gradient(to left, $main-page-title-rule-color $main-page-title-rule-width, transparent $main-page-title-rule-width);
+	border-image-slice: 1;
+	border-left-width: 0;
+	border-right-width: 0;
+	border-top-width: 0;
+}
+
+
 hgroup#wb-cont {
 	margin-top: 1em;
 

sites/main-page-title/index.json-ld

@@ -51,6 +51,36 @@
 				"title": "Titre principal superposé",
 				"language": "fr",
 				"path": "main-page-title-stacked-fr.html"
+			},
+			{
+				"title": "Main page title aligned on the right",
+				"language": "en",
+				"path": "main-page-title-align-right-en.html"
+			},
+			{
+				"title": "Titre principal de la page aligné à droite",
+				"language": "fr",
+				"path": "main-page-title-align-right-fr.html"
+			},
+			{
+				"title": "Main page title aligned on the right",
+				"language": "en",
+				"path": "main-page-title-div-align-right-en.html"
+			},
+			{
+				"title": "Titre principal de la page aligné à droite",
+				"language": "fr",
+				"path": "main-page-title-div-align-right-fr.html"
+			},
+			{
+				"title": "Stacked main page title aligned on the right",
+				"language": "en",
+				"path": "main-page-title-stacked-align-right-en.html"
+			},
+			{
+				"title": "Titre principal superposé aligné à droite",
+				"language": "fr",
+				"path": "main-page-title-stacked-align-right-fr.html"
 			}
 		]
 	},
@@ -354,6 +384,12 @@
 			],
 			"predecessor": "_:iteration_mpt_2"
 		},
+		{
+			"@id": "_:iteration_mpt_4",
+			"name": "Main page title aligned on the right",
+			"date": "2024-09",
+			"detectableBy": "<h1 property='name' id='wb-cont' dir='rtl'></h1>"
+		},
 		{
 			"@id": "_:iteration_smpt_1",
 			"name": "Stacked main page title - Iteration 1",

sites/main-page-title/main-page-title-align-right-en.md

@@ -0,0 +1,15 @@
+---
+altLangPage: "main-page-title-align-right-fr.html"
+dateModified: "2024-09-26"
+language: "en"
+pageclass: "wb-prettify all-pre"
+layout: without-h1
+index_json: index.json-ld
+---
+<h1 id="wb-cont" dir="rtl">Main page title aligned on the right</h1>
+<p>Main title of a page with a short bold red underline aligned on the right.</p>
+
+<pre><code>
+	&lt;h1 id="wb-cont" dir="rtl">Main page title aligned on the right&lt;/h1>
+	&lt;p>Main title of a page with a short bold red underline aligned on the right.&lt;/p>
+</code></pre>

sites/main-page-title/main-page-title-align-right-fr.md

@@ -0,0 +1,15 @@
+---
+altLangPage: "main-page-title-align-right-en.html"
+dateModified: "2024-09-26"
+language: "fr"
+pageclass: "wb-prettify all-pre"
+layout: without-h1
+index_json: index.json-ld
+---
+<h1 id="wb-cont" dir="rtl">Titre principal de la page aligné à droite</h1>
+<p>Titre principal d'une page avec un court soulignement rouge en gras aligné à droite.</p>
+
+<pre><code>
+	&lt;h1 id="wb-cont" dir="rtl">Titre principal de la page aligné à droite&lt;/h1>
+	&lt;p>Titre principal d'une page avec un court soulignement rouge en gras aligné à droite.&lt;/p>
+</code></pre>

sites/main-page-title/main-page-title-div-align-right-en.md

@@ -0,0 +1,17 @@
+---
+altLangPage: "main-page-title-div-align-right-fr.html"
+dateModified: "2024-09-26"
+language: "en"
+pageclass: "wb-prettify all-pre"
+layout: without-h1
+index_json: index.json-ld
+---
+
+<div dir="rtl">
+	<h1 id="wb-cont">Main page title aligned on the right</h1>
+	<p>Main page title aligned on the right using dir="rtl" on the parent div</p>
+</div>
+<pre><code>&lt;div dir="rtl">
+	&lt;h1 id="wb-cont">Main page title aligned on the right&lt;/h1>
+	&lt;p>Main page title aligned on the right using dir="rtl" on the parent div&lt;/p>
+&lt;div></code></pre>

sites/main-page-title/main-page-title-div-align-right-fr.md

@@ -0,0 +1,17 @@
+---
+altLangPage: "main-page-title-div-align-right-en.html"
+dateModified: "2024-09-26"
+language: "fr"
+pageclass: "wb-prettify all-pre"
+layout: without-h1
+index_json: index.json-ld
+---
+
+<div dir="rtl">
+	<h1 id="wb-cont">Titre principal superposé aligné à droite</h1>
+	<p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent</p>
+</div>
+<pre><code>&lt;div dir="rtl">
+	&lt;h1 id="wb-cont">Main page title aligned on the right&lt;/h1>
+	&lt;p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent&lt;/p>
+&lt;div></code></pre>

sites/main-page-title/main-page-title-div-stacked-align-right-en.md

@@ -0,0 +1,21 @@
+---
+altLangPage: "main-page-title-div-stacked-align-right-fr.html"
+dateModified: "2024-09-26"
+language: "en"
+pageclass: "wb-prettify all-pre"
+layout: without-h1
+index_json: index.json-ld
+---
+<div dir="rtl">
+  <hgroup id="wb-cont">
+    <p>GCWeb technical documentation</p>
+    <h1>Stacked main page title aligned on the right using dir="rtl" on the parent div</h1>
+  </hgroup>
+</div>
+<hr>
+<pre><code>&lt;div dir="rtl">
+&lt;hgroup id="wb-cont">
+	&lt;p>GCWeb technical documentation&lt;/p>
+	&lt;h1>Stacked main page title aligned on the right using dir="rtl" on the parent div&lt;/h1>
+&lt;/hgroup>
+&lt;/div></code></pre>

sites/main-page-title/main-page-title-div-stacked-align-right-fr.md

@@ -0,0 +1,21 @@
+---
+altLangPage: "main-page-title-div-stacked-align-right-en.html"
+dateModified: "2024-09-26"
+language: "fr"
+pageclass: "wb-prettify all-pre"
+layout: without-h1
+index_json: index.json-ld
+---
+<div dir="rtl">
+  <hgroup id="wb-cont">
+    <p>Titre principal superposé aligné à droite en utilisant dir="rtl" sur le div parent</p>
+    <h1>Titre principal superposé aligné à droite</h1>
+  </hgroup>
+</div>
+<hr>
+<pre><code>&lt;div dir="rtl">
+&lt;hgroup id="wb-cont">
+	&lt;p>Titre principal superposé aligné à droite en utilisant dir="rtl" sur le div parent&lt;/p>
+	&lt;h1>Titre principal superposé aligné à droite&lt;/h1>
+&lt;/hgroup>
+&lt;/div></code></pre>

sites/main-page-title/main-page-title-stacked-align-right-en.md

@@ -0,0 +1,18 @@
+---
+altLangPage: "main-page-title-stacked-align-right-fr.html"
+dateModified: "2024-09-26"
+language: "en"
+pageclass: "wb-prettify all-pre"
+layout: without-h1
+index_json: index.json-ld
+---
+
+<hgroup id="wb-cont" dir="rtl">
+	<p>GCWeb technical documentation</p>
+	<h1>Stacked main page title aligned on the right</h1>
+</hgroup>
+
+<pre><code>&lt;hgroup id="wb-cont" dir="rtl">
+	&lt;p>GCWeb technical documentation&lt;/p>
+	&lt;h1>Stacked main page title aligned on the right&lt;/h1>
+&lt;/hgroup></code></pre>

sites/main-page-title/main-page-title-stacked-align-right-fr.md

@@ -0,0 +1,18 @@
+---
+altLangPage: "main-page-title-stacked-align-right-en.html"
+dateModified: "2024-09-26"
+language: "fr"
+pageclass: "wb-prettify all-pre"
+layout: without-h1
+index_json: index.json-ld
+---
+
+<hgroup id="wb-cont" dir="rtl">
+	<p>Documentation technique GCWeb</p>
+	<h1>Titre principal superposé aligné à droite</h1>
+</hgroup>
+
+<pre><code>&lt;hgroup id="wb-cont" dir="rtl">
+	&lt;p>Documentation technique GCWeb&lt;/p>
+	&lt;h1>Titre principal superposé aligné à droite&lt;/h1>
+&lt;/hgroup></code></pre>