From 56caab75df41cacf6580d2074cb567fe0bbc9723 Mon Sep 17 00:00:00 2001 From: Mihai Polerca Date: Thu, 26 Sep 2024 17:06:17 -0400 Subject: [PATCH] Main page title: Short bord red underline - follow the title alignement --- _data/sites.json | 46 +++++++++++++++++++ sites/main-page-title/_base.scss | 10 ++++ sites/main-page-title/index.json-ld | 46 +++++++++++++++++++ .../main-page-title-align-right-en.md | 15 ++++++ .../main-page-title-align-right-fr.md | 15 ++++++ .../main-page-title-div-align-right-en.md | 17 +++++++ .../main-page-title-div-align-right-fr.md | 17 +++++++ ...n-page-title-div-stacked-align-right-en.md | 21 +++++++++ ...n-page-title-div-stacked-align-right-fr.md | 21 +++++++++ .../main-page-title-stacked-align-right-en.md | 18 ++++++++ .../main-page-title-stacked-align-right-fr.md | 18 ++++++++ 11 files changed, 244 insertions(+) create mode 100644 sites/main-page-title/main-page-title-align-right-en.md create mode 100644 sites/main-page-title/main-page-title-align-right-fr.md create mode 100644 sites/main-page-title/main-page-title-div-align-right-en.md create mode 100644 sites/main-page-title/main-page-title-div-align-right-fr.md create mode 100644 sites/main-page-title/main-page-title-div-stacked-align-right-en.md create mode 100644 sites/main-page-title/main-page-title-div-stacked-align-right-fr.md create mode 100644 sites/main-page-title/main-page-title-stacked-align-right-en.md create mode 100644 sites/main-page-title/main-page-title-stacked-align-right-fr.md diff --git a/_data/sites.json b/_data/sites.json index a05249f37..737cb96af 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -2216,6 +2216,46 @@ "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 in a div aligned on the right", + "language": "en", + "path": "main-page-title-div-align-right-en.html" + }, + { + "title": "Titre principal dans une div alignée à droite", + "language": "fr", + "path": "main-page-title-div-align-right-fr.html" + }, + { + "title": "Stacked main page title in a div aligned on the right", + "language": "en", + "path": "main-page-title-div-stacked-align-right-en.html" + }, + { + "title": "Titre principal superposé dans une div alignée à droite", + "language": "fr", + "path": "main-page-title-div-stacked-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 +2559,12 @@ ], "predecessor": "_:iteration_mpt_2" }, + { + "@id": "_:iteration_mpt_4", + "name": "Main page title aligned on the right", + "date": "2024-09", + "detectableBy": "

" + }, { "@id": "_:iteration_smpt_1", "name": "Stacked main page title - Iteration 1", diff --git a/sites/main-page-title/_base.scss b/sites/main-page-title/_base.scss index 7c5825326..8eec0e2ca 100644 --- a/sites/main-page-title/_base.scss +++ b/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; diff --git a/sites/main-page-title/index.json-ld b/sites/main-page-title/index.json-ld index 7321f93f1..c97611574 100644 --- a/sites/main-page-title/index.json-ld +++ b/sites/main-page-title/index.json-ld @@ -51,6 +51,46 @@ "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 in a div aligned on the right", + "language": "en", + "path": "main-page-title-div-align-right-en.html" + }, + { + "title": "Titre principal dans une div alignée à droite", + "language": "fr", + "path": "main-page-title-div-align-right-fr.html" + }, + { + "title": "Stacked main page title in a div aligned on the right", + "language": "en", + "path": "main-page-title-div-stacked-align-right-en.html" + }, + { + "title": "Titre principal superposé dans une div alignée à droite", + "language": "fr", + "path": "main-page-title-div-stacked-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 +394,12 @@ ], "predecessor": "_:iteration_mpt_2" }, + { + "@id": "_:iteration_mpt_4", + "name": "Main page title aligned on the right", + "date": "2024-09", + "detectableBy": "

" + }, { "@id": "_:iteration_smpt_1", "name": "Stacked main page title - Iteration 1", diff --git a/sites/main-page-title/main-page-title-align-right-en.md b/sites/main-page-title/main-page-title-align-right-en.md new file mode 100644 index 000000000..a9280a7ac --- /dev/null +++ b/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 +--- +

Main page title aligned on the right

+

Main title of a page with a short bold red underline aligned on the right.

+ +

+	<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>
+
diff --git a/sites/main-page-title/main-page-title-align-right-fr.md b/sites/main-page-title/main-page-title-align-right-fr.md new file mode 100644 index 000000000..88dcb49bc --- /dev/null +++ b/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 +--- +

Titre principal de la page aligné à droite

+

Titre principal d'une page avec un court soulignement rouge en gras aligné à droite.

+ +

+	<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>
+
diff --git a/sites/main-page-title/main-page-title-div-align-right-en.md b/sites/main-page-title/main-page-title-div-align-right-en.md new file mode 100644 index 000000000..4728946df --- /dev/null +++ b/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 +--- + +
+

Main page title in a div aligned on the right

+

Main page title aligned on the right using dir="rtl" on the parent div

+
+
<div dir="rtl">
+	<h1 id="wb-cont">Main page title in a div aligned on the right</h1>
+	<p>Main page title aligned on the right using dir="rtl" on the parent div</p>
+<div>
diff --git a/sites/main-page-title/main-page-title-div-align-right-fr.md b/sites/main-page-title/main-page-title-div-align-right-fr.md new file mode 100644 index 000000000..e9bc2d1b2 --- /dev/null +++ b/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 +--- + +
+

Titre principal dans une div alignée à droite

+

Titre principale aligné à droite en utilisant dir="rtl" sur le div parent

+
+
<div dir="rtl">
+	<h1 id="wb-cont">Titre principal dans une div alignée à droite</h1>
+	<p>Titre principale aligné à droite en utilisant dir="rtl" sur le div parent</p>
+<div>
diff --git a/sites/main-page-title/main-page-title-div-stacked-align-right-en.md b/sites/main-page-title/main-page-title-div-stacked-align-right-en.md new file mode 100644 index 000000000..3315c425a --- /dev/null +++ b/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 +--- +
+
+

GCWeb technical documentation

+

Stacked main page title in a div aligned on the right

+
+
+
+
<div dir="rtl">
+<hgroup id="wb-cont">
+	<p>GCWeb technical documentation</p>
+	<h1>Stacked main page title in a div aligned on the right</h1>
+</hgroup>
+</div>
diff --git a/sites/main-page-title/main-page-title-div-stacked-align-right-fr.md b/sites/main-page-title/main-page-title-div-stacked-align-right-fr.md new file mode 100644 index 000000000..095df94fb --- /dev/null +++ b/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 +--- +
+
+

Titre principal superposé dans une div alignée à droite

+

Titre principal superposé aligné à droite

+
+
+
+
<div dir="rtl">
+<hgroup id="wb-cont">
+	<p>Titre principal superposé dans une div alignée à droite</p>
+	<h1>Titre principal superposé aligné à droite</h1>
+</hgroup>
+</div>
diff --git a/sites/main-page-title/main-page-title-stacked-align-right-en.md b/sites/main-page-title/main-page-title-stacked-align-right-en.md new file mode 100644 index 000000000..4d016d614 --- /dev/null +++ b/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 +--- + +
+

GCWeb technical documentation

+

Stacked main page title aligned on the right

+
+ +
<hgroup id="wb-cont" dir="rtl">
+	<p>GCWeb technical documentation</p>
+	<h1>Stacked main page title aligned on the right</h1>
+</hgroup>
diff --git a/sites/main-page-title/main-page-title-stacked-align-right-fr.md b/sites/main-page-title/main-page-title-stacked-align-right-fr.md new file mode 100644 index 000000000..01aad7f35 --- /dev/null +++ b/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 +--- + +
+

Documentation technique GCWeb

+

Titre principal superposé aligné à droite

+
+ +
<hgroup id="wb-cont" dir="rtl">
+	<p>Documentation technique GCWeb</p>
+	<h1>Titre principal superposé aligné à droite</h1>
+</hgroup>