-
Notifications
You must be signed in to change notification settings - Fork 132
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Content - WET-379 Main container working example (#2222)
* WET-379 Main container working example * Main Container working example * WET-379 Main container working example #2222 update * changes requested march 27 * Update pre-a11y-1.json fix extra comma --------- Co-authored-by: josephdiab <[[email protected]]> Co-authored-by: AtlakM <[email protected]> Co-authored-by: AtlakM <[email protected]>
- Loading branch information
4 people
authored
Mar 29, 2024
1 parent
20da39c
commit 7518d54
Showing
10 changed files
with
1,031 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| { | ||
| "@context": { | ||
| "@version": 1.1, | ||
| "dct": "http://purl.org/dc/terms/", | ||
| "title": { "@id": "dct:title", "@container": "@language" }, | ||
| "description": { "@id": "dct:description", "@container": "@language" }, | ||
| "modified": "dct:modified" | ||
| }, | ||
| "title": { | ||
| "en": "Main Container", | ||
| "fr": "Conteneur Principal" | ||
| }, | ||
| "description": { | ||
| "en": "Main Container with alternate tags.", | ||
| "fr": "Conteneur principal avec des balises alternatives." | ||
| }, | ||
| "modified": "2023-07-05", | ||
| "componentName": "main-container", | ||
| "processing": "baseline", | ||
| "status": "stable", | ||
| "pages": { | ||
| "examples": [ | ||
| { | ||
| "title": "Main Container", | ||
| "language": "en", | ||
| "path": "maincontainer-en.html" | ||
| }, | ||
| { | ||
| "title": "Conteneur Principal", | ||
| "language": "fr", | ||
| "path": "maincontainer-fr.html" | ||
| }, | ||
| { | ||
| "title": "Main Container with article", | ||
| "language": "en", | ||
| "path": "maincontainer-article-en.html" | ||
| }, | ||
| { | ||
| "title": "Conteneur Principal avec article", | ||
| "language": "fr", | ||
| "path": "maincontainer-article-fr.html" | ||
| }, | ||
| { | ||
| "title": "Main Container with section", | ||
| "language": "en", | ||
| "path": "maincontainer-section-en.html" | ||
| }, | ||
| { | ||
| "title": "Conteneur Principal avec section", | ||
| "language": "fr", | ||
| "path": "maincontainer-section-fr.html" | ||
| } | ||
| ], | ||
| "reports": [ | ||
| { | ||
| "title": "Pre Accessibility assessment #1 - Main Container", | ||
| "language": "en", | ||
| "path": "reports/pre-a11y-1-en.html" | ||
| }, | ||
| { | ||
| "title": "Pre Assessment d'accessibilité #1 - Conteneur Principal", | ||
| "language": "fr", | ||
| "path": "reports/pre-a11y-1-fr.html" | ||
| } | ||
| ] | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| --- | ||
| { | ||
| "altLangPage": "maincontainer-article-fr.html", | ||
| "dateModified": "2023-07-04", | ||
| "description": "Documentation on how to use main container with article.", | ||
| "language": "en", | ||
| "title": "Main Container with article", | ||
| "layout": "core" | ||
| } | ||
| --- | ||
|
|
||
| {%- include variable-core.liquid -%} | ||
| {%- capture page-title -%} | ||
| {%- if page.titleH1 -%} | ||
| {{ page.titleH1 }} | ||
| %- {elsif page.title -%} | ||
| {{ page.title }} | ||
| {%- else -%} | ||
| Page untitled | ||
| {%- endif -%} | ||
| {%- endcapture -%} | ||
|
|
||
| <div class="wb-prettify all-pre hide"></div> | ||
|
|
||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <article> | ||
| <!-- heading --> | ||
| <h1>Article</h1> | ||
|
|
||
| <!-- content page --> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur | ||
| tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac | ||
| consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu | ||
| interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas | ||
| dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet | ||
| quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis | ||
| commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam | ||
| euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt | ||
| lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.</p> | ||
|
|
||
| <!-- Page details section [Must be configured as a <footer> element in this situation] --> | ||
|
|
||
| <h2>Code</h2> | ||
| <pre><code> | ||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <article> | ||
| <!-- heading --> | ||
| <h1>Article</h1> | ||
|
|
||
| <!-- content page --> | ||
|
|
||
| <!-- Page details section [Must be configured as a <footer> element in this situation] --> | ||
|
|
||
| </article> | ||
| </main> | ||
| </code></pre> | ||
|
|
||
| </article> | ||
|
|
||
|
|
||
| </main> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,61 @@ | ||
| --- | ||
| { | ||
| "altLangPage": "maincontainer-article-en.html", | ||
| "dateModified": "2023-07-04", | ||
| "description": "Documentation sur l'utilisation du conteneur principal avec un article.", | ||
| "language": "fr", | ||
| "title": "Conteneur Principal avec article", | ||
| "layout": "core" | ||
| } | ||
| --- | ||
|
|
||
| {%- include variable-core.liquid -%} | ||
| {%- capture page-title -%} | ||
| {%- if page.titleH1 -%} | ||
| {{ page.titleH1 }} | ||
| %- {elsif page.title -%} | ||
| {{ page.title }} | ||
| {%- else -%} | ||
| Page untitled | ||
| {%- endif -%} | ||
| {%- endcapture -%} | ||
|
|
||
| <div class="wb-prettify all-pre hide"></div> | ||
|
|
||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <article> | ||
| <!-- heading --> | ||
| <h1>Article</h1> | ||
|
|
||
| <!-- contenu de la page --> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur | ||
| tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac | ||
| consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu | ||
| interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas | ||
| dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet | ||
| quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis | ||
| commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam | ||
| euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt | ||
| lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.</p> | ||
|
|
||
| <!-- Section des détails de la page [Doit être configuré comme un élément <footer> dans cette situation] --> | ||
|
|
||
|
|
||
| <h2>Code</h2> | ||
| <pre><code> | ||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <article> | ||
| <!-- heading --> | ||
| <h1>Article</h1> | ||
|
|
||
| <!-- contenu de la page --> | ||
|
|
||
| <!-- Section des détails de la page [Doit être configuré comme un élément <footer> dans cette situation] --> | ||
|
|
||
| </article> | ||
| </main> | ||
| </code></pre> | ||
|
|
||
| </article> | ||
|
|
||
| </main> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| --- | ||
| { | ||
| "altLangPage": "maincontainer-fr.html", | ||
| "dateModified": "2023-07-04", | ||
| "description": "Documentation on how to use main container.", | ||
| "language": "en", | ||
| "title": "Main Container", | ||
| "layout": "core" | ||
| } | ||
| --- | ||
|
|
||
| {%- include variable-core.liquid -%} | ||
| {%- capture page-title -%} | ||
| {%- if page.titleH1 -%} | ||
| {{ page.titleH1 }} | ||
| %- {elsif page.title -%} | ||
| {{ page.title }} | ||
| {%- else -%} | ||
| Page untitled | ||
| {%- endif -%} | ||
| {%- endcapture -%} | ||
|
|
||
| <div class="wb-prettify all-pre hide"></div> | ||
|
|
||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <!-- heading --> | ||
| <h1 id="wb-cont">Lorem Ipsum</h1> | ||
|
|
||
| <!-- content page --> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur tincidunt | ||
| elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac consectetur. | ||
| Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu interdum sem lacinia | ||
| nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas dignissim, lorem pretium | ||
| facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet quam. Donec consectetur | ||
| eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis commodo eu eget nisl. | ||
| Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam euismod. Pellentesque | ||
| eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt lacus. Proin dictum arcu at leo | ||
| aliquam placerat. Donec volutpat ornare condimentum.</p> | ||
|
|
||
| <h2>Code</h2> | ||
| <pre><code> | ||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <!-- heading --> | ||
| <h1 id="wb-cont">Lorem ipsum</h1> | ||
|
|
||
| <!-- content page --> | ||
|
|
||
| </main> | ||
| </code></pre> | ||
| </main> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| --- | ||
| { | ||
| "altLangPage": "maincontainer-fr.html", | ||
| "dateModified": "2023-07-04", | ||
| "description": "Documentation on how to use main container.", | ||
| "language": "en", | ||
| "title": "Conteneur Principal", | ||
| "layout": "core" | ||
| } | ||
| --- | ||
|
|
||
| {%- include variable-core.liquid -%} | ||
| {%- capture page-title -%} | ||
| {%- if page.titleH1 -%} | ||
| {{ page.titleH1 }} | ||
| %- {elsif page.title -%} | ||
| {{ page.title }} | ||
| {%- else -%} | ||
| Page untitled | ||
| {%- endif -%} | ||
| {%- endcapture -%} | ||
|
|
||
| <div class="wb-prettify all-pre hide"></div> | ||
|
|
||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <!-- heading --> | ||
| <h1 id="wb-cont">Lorem Ipsum</h1> | ||
|
|
||
| <!-- contenu de la page --> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur tincidunt | ||
| elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac consectetur. | ||
| Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu interdum sem lacinia | ||
| nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas dignissim, lorem pretium | ||
| facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet quam. Donec consectetur | ||
| eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis commodo eu eget nisl. | ||
| Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam euismod. Pellentesque | ||
| eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt lacus. Proin dictum arcu at leo | ||
| aliquam placerat. Donec volutpat ornare condimentum.</p> | ||
|
|
||
| <h2>Code</h2> | ||
| <pre><code> | ||
| <main property="mainContentPage"> | ||
| <!-- heading --> | ||
| <h1 id="wb-cont">Lorem ipsum</h1> | ||
|
|
||
| <!-- contenu de la page --> | ||
|
|
||
| </main> | ||
| </code></pre> | ||
| </main> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| --- | ||
| { | ||
| "altLangPage": "maincontainer-section-fr.html", | ||
| "dateModified": "2023-07-04", | ||
| "description": "Documentation on how to use main container with a section.", | ||
| "language": "en", | ||
| "title": "Main Container with section", | ||
| "layout": "core" | ||
| } | ||
| --- | ||
|
|
||
| {%- include variable-core.liquid -%} | ||
| {%- capture page-title -%} | ||
| {%- if page.titleH1 -%} | ||
| {{ page.titleH1 }} | ||
| %- {elsif page.title -%} | ||
| {{ page.title }} | ||
| {%- else -%} | ||
| Page untitled | ||
| {%- endif -%} | ||
| {%- endcapture -%} | ||
|
|
||
| <div class="wb-prettify all-pre hide"></div> | ||
|
|
||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <section> | ||
| <!-- heading --> | ||
| <h1 id="wb-cont">Section</h1> | ||
|
|
||
| <!-- content page --> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur | ||
| tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac | ||
| consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu | ||
| interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas | ||
| dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet | ||
| quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis | ||
| commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam | ||
| euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt | ||
| lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.</p> | ||
|
|
||
| <!-- Page details section [Must be configured as a <footer> element in this situation] --> | ||
|
|
||
| <h2>Code</h2> | ||
| <pre><code> | ||
| <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"> | ||
| <section> | ||
| <!-- heading --> | ||
| <h1 id="wb-cont">Section</h1> | ||
|
|
||
| <!-- content page --> | ||
|
|
||
| <!-- Page details section [Must be configured as a <footer> element in this situation] --> | ||
|
|
||
| </section> | ||
| </main> | ||
| </code></pre> | ||
|
|
||
| </section> | ||
|
|
||
| </main> |
Oops, something went wrong.