From f1645c5744a7f1c70598d343ba66ae5762322efa Mon Sep 17 00:00:00 2001 From: Eric Guitard Date: Wed, 5 Jul 2023 12:42:44 -0400 Subject: [PATCH] Glyphicons - Add working example in GCWeb --- components.json | 1067 ++++++++++++++++++++++ components/glyphicons/glyphicons-en.html | 827 +++++++++++++++++ components/glyphicons/glyphicons-fr.html | 97 ++ components/glyphicons/index.json-ld | 34 + 4 files changed, 2025 insertions(+) create mode 100644 components.json create mode 100644 components/glyphicons/glyphicons-en.html create mode 100644 components/glyphicons/glyphicons-fr.html create mode 100644 components/glyphicons/index.json-ld diff --git a/components.json b/components.json new file mode 100644 index 0000000000..5757ba592a --- /dev/null +++ b/components.json @@ -0,0 +1,1067 @@ +[{ + "@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": "Checkboxes and radio buttons", + "fr": "Cases à cocher et boutons radio" + }, + "description": { + "en": "Checkboxes and radio buttons designed based on user experience testing", + "fr": "Cases à cocher et boutons radio conçu d'après des recherches d'expérience utilisateur" + }, + "modified": "2021-05-07", + "componentName": "gc-chckbxrdio", + "status": "stable", + "pages": { + "docs": [ + { + "title": "Checkboxes and radio buttons", + "language": "en", + "path": "gc-chckbxrdio-doc-en.html" + }, + { + "title": "Cases à cocher et boutons radio", + "language": "fr", + "path": "gc-chckbxrdio-doc-fr.html" + } + ], + "examples": [ + { + "title": "Checkboxes and radio buttons", + "language": "en", + "path": "gc-chckbxrdio-en.html" + }, + { + "title": "Cases à cocher et boutons radio", + "language": "fr", + "path": "gc-chckbxrdio-fr.html" + } + ], + "spec": [ + { + "title": "Cases à cocher et boutons radio : Système de conception de Canada.ca", + "language": "fr", + "url": "https://conception.canada.ca/configurations-conception-communes/cases-cocher-boutons-radio.html" + }, + { + "title": "Checkboxes and radio buttons: Canada.ca design system", + "language": "en", + "url": "https://design.canada.ca/common-design-patterns/checkboxes-radio-buttons.html" + } + ] + } +} +,{ + "@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": "Featured link - Documentation and working example", + "fr": "Lien en vedette - Documentation et example pratique" + }, + "description": { + "en": "This adds a featured link to a page that your institution needs to feature prominently.", + "fr": "Ceci ajoute un lien en vedette court et descriptif vers une page que votre institution doit mettre en évidence." + }, + "modified": "2021-05-20", + "componentName": "gc-featured-link", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Featured link - Documentation and working example", + "language": "en", + "path": "gc-featured-link-en.html" + }, + { + "title": "Lien en vedette - Documentation et example pratique", + "language": "fr", + "path": "gc-featured-link-fr.html" + } + ] + } +} +,{ + "@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": "Context-specific features", + "fr": "Promotions contextuelles" + }, + "description": { + "en": "Context-specific features", + "fr": "Promotions contextuelles" + }, + "modified": "2022-10-21", + "componentName": "gc-features", + "status": "stable", + "pages": { + "docs": [ + { + "title": "Context-specific features - Canada.ca design pattern", + "language": "en", + "path": "gc-features-doc-en.html" + }, + { + "title": "Promotions contextuelles - Configuration de conception de Canada.ca", + "language": "fr", + "path": "gc-features-doc-fr.html" + } + ], + "examples": [ + { + "title": "Context-specific features - Working Examples", + "language": "en", + "path": "gc-features-en.html" + }, + { + "title": "Promotions contextuelles - Exemples pratiques", + "language": "fr", + "path": "gc-features-fr.html" + } + ] + } +} +,{ + "@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": "Feeds plugin GC override", + "fr": "Application de styles GC au plugiciel de fils de syndication" + }, + "description": { + "en": "Overrides the WET ATOM feeds to apply GC design pattern.", + "fr": "Remplace les Fils de syndication pour appliquer le modèle de conception GC." + }, + "modified": "2021-06-02", + "componentName": "gc-feeds", + "status": "provisional", + "pages": { + "docs": [ + { + "title": "Feeds GC overrides - Documentation and working example.", + "language": "en", + "path": "gc-feeds-en.html" + }, + { + "title": "Fils de syndication remplacement GC - Documentation et exemple pratique", + "language": "fr", + "path": "gc-feeds-fr.html" + } + ] + } +} +,{ + "@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": "Most requested - Documentation and working example", + "fr": "En demande - Documentation et example pratique" + }, + "description": { + "en": "Features top tasks related to the page it is on.", + "fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent." + }, + "modified": "2021-05-20", + "componentName": "gc-most-requested", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Most requested - Documentation and working example", + "language": "en", + "path": "gc-most-requested-en.html" + }, + { + "title": "En demande", + "language": "fr", + "path": "gc-most-requested-fr.html - Documentation et example pratique" + } + ] + } +} +,{ + "@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": "Services and information", + "fr": "Services et information" + }, + "description": { + "en": "Services and information", + "fr": "Services et information" + }, + "modified": "2021-07-02", + "componentName": "gc-servinfo", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Services and information", + "language": "en", + "path": "gc-srvinfo-examples.html" + }, + { + "title": "Services et information (en anglais seulement)", + "language": "fr", + "path": "gc-srvinfo-examples.html" + } + ], + "docs": [ + { + "title": "Services and information", + "language": "en", + "path": "gc-srvinfo.html" + }, + { + "title": "Services et information (en anglais seulement)", + "language": "fr", + "path": "gc-srvinfo.html" + } + ] + } +} +,{ + "@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": "Subway map menu", + "fr": "Menu par carte de métro" + }, + "description": { + "en": "GC Subway map menu", + "fr": "GC menu par carte de métro" + }, + "modified": "2020-12-07", + "componentName": "gc-subway", + "status": "provisional", + "todos": [ + "Publish accessibility related research and tested here" + ], + "pages": { + "examples": [ + { + "title": "Index page", + "language": "en", + "path": "index-en.html" + }, + { + "title": "Page d'introduction", + "language": "fr", + "path": "index-fr.html" + }, + { + "title": "Section page", + "language": "en", + "path": "section1-en.html" + }, + { + "title": "Page de section", + "language": "fr", + "path": "section1-fr.html" + }, + { + "title": "Sub-section page (default)", + "language": "en", + "path": "sub-section-en.html" + }, + { + "title": "Page de sous-section (par défaut)", + "language": "fr", + "path": "sub-section-fr.html" + }, + { + "title": "Sub-section page (no line)", + "language": "en", + "path": "sub-section-noline-en.html" + }, + { + "title": "Page de sous-section (sans ligne)", + "language": "fr", + "path": "sub-section-noline-fr.html" + }, + { + "title": "Section page with custom subtitle", + "language": "en", + "path": "section-subtitle-en.html" + }, + { + "title": "Page de section avec sous-titre personnalisé", + "language": "fr", + "path": "section-subtitle-fr.html" + }, + { + "title": "Section page with related information", + "language": "en", + "path": "section-rel-info-en.html" + }, + { + "title": "Page de section avec information additionnelle", + "language": "fr", + "path": "section-rel-info-fr.html" + }, + { + "title": "Section page with bad AEM implementation", + "language": "en", + "path": "aem-bad-implementation-en.html" + }, + { + "title": "Exemple de page de section avec mauvaise implémentation dans AEM", + "language": "fr", + "path": "aem-bad-implementation-fr.html" + } + ], + "docs": [ + { + "title": "Subway map menu", + "language": "en", + "path": "docs-en.html" + }, + { + "title": "Menu par carte de métro", + "language": "fr", + "path": "docs-fr.html" + } + ] + } +} +,{ + "@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": "GC tables", + "fr": "Tableaux GC" + }, + "description": { + "en": "Simple responsive gc tables", + "fr": "Tableau simple responsive pour le GC" + }, + "modified": "2020-10-16", + "componentName": "gc-table", + "status": "provisional", + "todos": [ + "Add GC specific CSS style" + ], + "pages": { + "examples": [ + { + "title": "Tables", + "language": "en", + "path": "gc-table-en.html" + }, + { + "title": "Tableaux", + "language": "fr", + "path": "gc-table-fr.html" + } + ] + } +} +,{ + "@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": "Well header responsive", + "fr": "Entête well responsive" + }, + "description": { + "en": "Context-specific features", + "fr": "Liste - Style additionel" + }, + "modified": "2019-05-09", + "componentName": "header-rwd", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Well header responsive", + "language": "en", + "path": "well-header-rwd-en.html" + }, + { + "title": "Entête well responsive", + "language": "fr", + "path": "well-header-rwd-fr.html" + } + ] + } +} +,{ + "@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": "Other components", + "fr": "Autre composant" + }, + "description": { + "en": "Components included but need to move in its own folder.", + "fr": "Composant inclus mais qu'il nécessite qu'ils soit déplacé dans son propre dossier." + }, + "modified": "2021-02-12", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Provisional functionality", + "language": "en", + "path": "provisional-en.html" + }, + { + "title": "Fonctionalités provisoires", + "language": "fr", + "path": "provisional-fr.html" + }, + + { + "title": "Redacted text", + "language": "en", + "path": "redacted-en.html" + }, + { + "title": "Texte caviardé", + "language": "fr", + "path": "redacted-fr.html" + }, + + { + "title": "Download link, In-page table of contents, Alerts designs", + "language": "en", + "path": "components-en.html" + }, + { + "title": "Lien de téléchargement, Table des matières à l’intérieur de la page, Conceptions des avis", + "language": "fr", + "path": "components-fr.html" + }, + + { + "title": "Deprecated markup - Report a problem (v4.0.28), gc-nttvs, gc-prtts", + "language": "en", + "path": "deprecated-en.html" + }, + { + "title": "Balisage déconseillé - Signaler un problème (v4.0.28), gc-nttvs, gc-prtts", + "language": "fr", + "path": "deprecated-fr.html" + }, + + { + "title": "Float column in a data table", + "language": "en", + "path": "tbl-floatcolumn-en.html" + }, + { + "title": "Float column in a data table", + "language": "fr", + "path": "tbl-floatcolumn-fr.html" + }, + + { + "title": "Video example", + "language": "en", + "path": "video-en.html" + }, + { + "title": "Exemple de vidéo", + "language": "fr", + "path": "video-fr.html" + } + ] + } +} +,{ + "@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": "List - Additional style", + "fr": "Liste - Style additionel" + }, + "description": { + "en": "Additional style (double spaced)", + "fr": "Style additionel (double interligne)" + }, + "modified": "2018-11-07", + "componentName": "list", + "status": "stable", + "pages": { + "examples": [ + { + "title": "List - Additional style", + "language": "en", + "path": "list-en.html" + }, + { + "title": "Liste - Style additionel", + "language": "fr", + "path": "list-fr.html" + } + ] + } +} +,{ + "@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": "Chat wizard", + "fr": "Conversation suggestive" + }, + "description": { + "en": "Transforms a simple form into a conversation like experience used as a wizard.", + "fr": "Conversation suggestive" + }, + "modified": "2020-08-18", + "componentName": "wb-chtwzrd", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Chat wizard", + "language": "en", + "path": "chatwizard-en.html" + }, + { + "title": "Conversation suggestive", + "language": "fr", + "path": "chatwizard-fr.html" + }, + { + "title": "with JSON setting", + "language": "en", + "path": "chatwizard-json-en.html" + }, + { + "title": "avec une configuration JSON", + "language": "fr", + "path": "chatwizard-json-fr.html" + } + ], + "docs": [ + { + "title": "Chat wizard", + "language": "en", + "path": "docs.html" + }, + { + "title": "Chat wizard (en anglais seulement)", + "language": "fr", + "path": "docs.html" + } + ], + "related": [ + { + "title": "2019-15 Research documenation", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew-documentation/research/2019-15-exploration-chat-pattern.html" + }, + { + "title": "2019-15 Research documenation (en anglais seulement)", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew-documentation/research/2019-15-exploration-chat-pattern.html" + } + ] + } +} +,{ + "@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": "Data JSON", + "fr": "Data JSON" + }, + "description": { + "en": "Insert content extracted from a JSON file.", + "fr": "Insertion de contenu extrait d'un fichier JSON" + }, + "modified": "2022-08-25", + "componentName": "wb-data-json", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Data JSON", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/demos/wb-data-json/data-json-en.html" + }, + { + "title": "Data JSON", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/demos/wb-data-json/data-json-fr.html" + }, + { + "title": "Template HTML 5", + "language": "en", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-en.html" + }, + { + "title": "Gabarit HTML 5", + "language": "fr", + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-fr.html" + } + ], + "docs": [ + { + "title": "Data JSON", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html" + }, + { + "title": "Data JSON", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html" + } + ] + } +} +,{ + "@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": "Do action", + "fr": "Exécuter des actions" + }, + "description": { + "en": "Execute action, like filter a table, based on pre-established set of configuration.", + "fr": "Exécute des actions, tel que filtrer un tableau, selon une configuration pré-établis." + }, + "modified": "2019-1-12", + "componentName": "wb-doaction", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Table", + "language": "en", + "path": "tblfilter-en.html" + }, + { + "title": "Filtrer un tableau", + "language": "fr", + "path": "tblfilter-fr.html" + }, + { + "title": "JSON", + "language": "en", + "path": "json-en.html" + }, + { + "title": "JSON", + "language": "fr", + "path": "json-fr.html" + }, + { + "title": "JSON manager patches", + "language": "en", + "path": "../wb-jsonmanager/jsonmanager-doaction-en.html" + }, + { + "title": "Gestionnaire JSON avec l'exécuteur d'action de patches", + "language": "fr", + "path": "../wb-jsonmanager/jsonmanager-doaction-fr.html" + } + ], + "docs": [ + { + "title": "Do action", + "language": "en", + "path": "doaction-doc-en.html" + }, + { + "title": "Exécuter des actions", + "language": "fr", + "path": "doaction-doc-fr.html" + } + ] + } +} +,{ + "@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": "Fieldflow", + "fr": "Déroulement de champs" + }, + "description": { + "en": "Provide an alternative user interface when a page contains a really long list", + "fr": "Offre une interface utilisateur alternative lorsqu'une page contient une très longue liste" + }, + "modified": "2021-04-28", + "componentName": "wb-fieldflow", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Fieldflow", + "language": "en", + "path": "fieldflow-en.html" + }, + { + "title": "Déroulement de champs", + "language": "fr", + "path": "fieldflow-fr.html" + }, + { + "title": "Basic", + "language": "en", + "path": "basic-en.html" + }, + { + "title": "Configurations de base", + "language": "fr", + "path": "basic-fr.html" + }, + { + "title": "Advanced", + "language": "en", + "path": "advanced-en.html" + }, + { + "title": "Avancé", + "language": "fr", + "path": "advanced-fr.html" + }, + { + "title": "Alternatives", + "language": "en", + "path": "alternative-en.html" + }, + { + "title": "Aternatives", + "language": "fr", + "path": "alternative-fr.html" + } + ], + "docs": [ + { + "title": "Fieldflow", + "language": "en", + "path": "fieldflow-doc-en.html" + }, + { + "title": "Déroulement de champs", + "language": "fr", + "path": "fieldflow-doc-fr.html" + } + ] + } +} +,{ + "@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": "JSON Manager", + "fr": "Gestionnaire JSON" + }, + "description": { + "en": "Manage dataset and apply JSON Patch", + "fr": "Gérer des jeux de données et applique des correctifs JSON." + }, + "modified": "2022-08-25", + "componentName": "wb-jsonmanager", + "status": "stable", + "pages": { + "examples": [ + { + "title": "JSON Manager", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/demos/wb-jsonmanager/jsonmanager-en.html" + }, + { + "title": "Gestionnaire JSON", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/demos/wb-jsonmanager/jsonmanager-fr.html" + }, + { + "title": "with Do Action patches", + "language": "en", + "path": "jsonmanager-doaction-en.html" + }, + { + "title": "avec l'exécuteur d'action de patches", + "language": "fr", + "path": "jsonmanager-doaction-fr.html" + } + ], + "docs": [ + { + "title": "JSON Manager", + "language": "en", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-en.html" + }, + { + "title": "Gestionnaire JSON", + "language": "fr", + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-fr.html" + } + ] + } +} +,{ + "@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": "Datalist dynamic suggestion", + "fr": "Suggestion interative avec un datalist" + }, + "description": { + "en": "Load datalist suggestion from a JSON file", + "fr": "Chargement de suggestion pour un datalist avec un fichier JSON." + }, + "modified": "2021-04-20", + "componentName": "wb-suggest", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Datalist dynamic suggestion", + "language": "en", + "path": "suggest-en.html" + }, + { + "title": "Datalist dynamic suggestion (en anglais seulement)", + "language": "fr", + "path": "suggest-en.html" + } + ] + } +} +,{ + "@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": "URL Mapping", + "fr": "Correspondance d'URL" + }, + "description": { + "en": "Execute pre-configured ajax action based on url query string.", + "fr": "Exécute des requête ajax pré-établis selon la correspondance des paramètres de l'URL." + }, + "modified": "2019-10-08", + "componentName": "wb-urlmapping", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Ajax", + "language": "en", + "path": "ajax-en.html" + }, + { + "title": "Ajax", + "language": "fr", + "path": "ajax-fr.html" + }, + { + "title": "Table filtering", + "language": "en", + "path": "tblfilter-en.html" + }, + { + "title": "Filtrer un tableau", + "language": "fr", + "path": "tblfilter-fr.html" + }, + { + "title": "Patching JSON", + "language": "en", + "path": "patches-en.html" + }, + { + "title": "Appliquer des correctifs JSON", + "language": "fr", + "path": "patches-fr.html" + }, + { + "title": "Geomap", + "language": "en", + "path": "geomap-en.html" + }, + { + "title": "Filtrage d'une géomap", + "language": "fr", + "path": "geomap-fr.html" + } + ], + "docs": [ + { + "title": "URL mapping", + "language": "en", + "path": "urlmapping-doc-en.html" + }, + { + "title": "Correspondance d'URL", + "language": "fr", + "path": "urlmapping-doc-fr.html" + } + ] + } +} +,{ + "@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": "wb5-click postback converter", + "fr": "Conversion du wb5-click postback" + }, + "description": { + "en": "Convert deprecated wb5-click postback form syntax to wb-postback plugin", + "fr": "Convertie le code obselète du wb5-click postback form vers le plugiciel wb-postback" + }, + "modified": "2021-04-26", + "componentName": "wb5-click-postback", + "status": "deprecated", + "pages": { + "examples": [ + { + "title": "wb5-click postback converter", + "language": "en", + "path": "wb5-click-postback-en.html" + }, + { + "title": "conversion du wb5-click postback", + "language": "fr", + "path": "wb5-click-postback-fr.html" + } + ] + } +} +,{ + "@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": "Well bold", + "fr": "Boîte grise en gras" + }, + "description": { + "en": "This apply font weight bold to evey text element inside a well component and generates normal font weight when the element strong is applied.", + "fr": "Ceci applique la propriété gras comme poid de police de caractère à chacun des éléments d'un composant well et applique un poid de police de caractère normal lorsque l'élément strong est appliqué." + }, + "modified": "2022-04-28", + "componentName": "well-bold", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Well bold - working example", + "language": "en", + "path": "well-bold-en.html" + }, + { + "title": "Boîte grise en gras - example pratique", + "language": "fr", + "path": "well-bold-fr.html" + } + ], + "docs": [ + { + "title": "Well bold", + "language": "en", + "path": "well-bold-doc-en.html" + }, + { + "title": "Boîte grise en gras", + "language": "fr", + "path": "well-bold-doc-fr.html" + } + ] + } +} +] diff --git a/components/glyphicons/glyphicons-en.html b/components/glyphicons/glyphicons-en.html new file mode 100644 index 0000000000..9394635bf0 --- /dev/null +++ b/components/glyphicons/glyphicons-en.html @@ -0,0 +1,827 @@ +--- +title: Glyphicons +description: Documentation and working examples for Glyphicons +language: en +altLangPage: glyphicons-fr.html +dateModified: 2023-07-06 +layout: no-container +--- +
+

{{ page.title }}

+ + + +
+
Status
+
Stable
+
Type
+
Canada.ca design pattern
+
Last review
+
2023-07-06
+
Conforming to
+
Content and IA Specification - Version 2.1.2
+
Guidance
+
n/a
+
Technical name
+
glyphicons
+
+ +

Purpose

+

This adds a featured link to a page that your institution needs to feature prominently. It should be used to bring attention to warnings or notices.

+ +

Working examples

+ +
+
+


glyphicon
glyphicon-asterisk

+
+
+


glyphicon
glyphicon-plus

+
+
+


glyphicon
glyphicon-euro

+
+
+


glyphicon
glyphicon-eur

+
+
+


glyphicon
glyphicon-minus

+
+
+


glyphicon
glyphicon-cloud

+
+
+


glyphicon
glyphicon-envelope

+
+
+


glyphicon
glyphicon-pencil

+
+
+


glyphicon
glyphicon-glass

+
+
+


glyphicon
glyphicon-music

+
+
+


glyphicon
glyphicon-search

+
+
+


glyphicon
glyphicon-heart

+
+
+


glyphicon
glyphicon-star

+
+
+


glyphicon
glyphicon-star-empty

+
+
+


glyphicon
glyphicon-user

+
+
+


glyphicon
glyphicon-film

+
+
+


glyphicon
glyphicon-th-large

+
+
+


glyphicon
glyphicon-th

+
+
+


glyphicon
glyphicon-th-list

+
+
+


glyphicon
glyphicon-ok

+
+
+


glyphicon
glyphicon-remove

+
+
+


glyphicon
glyphicon-zoom-in

+
+
+


glyphicon
glyphicon-zoom-out

+
+
+


glyphicon
glyphicon-off

+
+
+


glyphicon
glyphicon-signal

+
+
+


glyphicon
glyphicon-cog

+
+
+


glyphicon
glyphicon-trash

+
+
+


glyphicon
glyphicon-home

+
+
+


glyphicon
glyphicon-file

+
+
+


glyphicon
glyphicon-time

+
+
+


glyphicon
glyphicon-road

+
+
+


glyphicon
glyphicon-download-alt

+
+
+


glyphicon
glyphicon-download

+
+
+


glyphicon
glyphicon-upload

+
+
+


glyphicon
glyphicon-inbox

+
+
+


glyphicon
glyphicon-play-circle

+
+
+


glyphicon
glyphicon-repeat

+
+
+


glyphicon
glyphicon-refresh

+
+
+


glyphicon
glyphicon-list-alt

+
+
+


glyphicon
glyphicon-lock

+
+
+


glyphicon
glyphicon-flag

+
+
+


glyphicon
glyphicon-headphones

+
+
+


glyphicon
glyphicon-volume-off

+
+
+


glyphicon
glyphicon-volume-down

+
+
+


glyphicon
glyphicon-volume-up

+
+
+


glyphicon
glyphicon-qrcode

+
+
+


glyphicon
glyphicon-barcode

+
+
+


glyphicon
glyphicon-tag

+
+
+


glyphicon
glyphicon-tags

+
+
+


glyphicon
glyphicon-book

+
+
+


glyphicon
glyphicon-bookmark

+
+
+


glyphicon
glyphicon-print

+
+
+


glyphicon
glyphicon-camera

+
+
+


glyphicon
glyphicon-font

+
+
+


glyphicon
glyphicon-bold

+
+
+


glyphicon
glyphicon-italic

+
+
+


glyphicon
glyphicon-text-height

+
+
+


glyphicon
glyphicon-text-width

+
+
+


glyphicon
glyphicon-align-left

+
+
+


glyphicon
glyphicon-align-center

+
+
+


glyphicon
glyphicon-align-right

+
+
+


glyphicon
glyphicon-align-justify

+
+
+


glyphicon
glyphicon-list

+
+
+


glyphicon
glyphicon-indent-left

+
+
+


glyphicon
glyphicon-indent-right

+
+
+


glyphicon
glyphicon-facetime-video

+
+
+


glyphicon
glyphicon-picture

+
+
+


glyphicon
glyphicon-map-marker

+
+
+


glyphicon
glyphicon-adjust

+
+
+


glyphicon
glyphicon-tint

+
+
+


glyphicon
glyphicon-edit

+
+
+


glyphicon
glyphicon-share

+
+
+


glyphicon
glyphicon-check

+
+
+


glyphicon
glyphicon-move

+
+
+


glyphicon
glyphicon-step-backward

+
+
+


glyphicon
glyphicon-fast-backward

+
+
+


glyphicon
glyphicon-backward

+
+
+


glyphicon
glyphicon-play

+
+
+


glyphicon
glyphicon-pause

+
+
+


glyphicon
glyphicon-stop

+
+
+


glyphicon
glyphicon-forward

+
+
+


glyphicon
glyphicon-fast-forward

+
+
+


glyphicon
glyphicon-step-forward

+
+
+


glyphicon
glyphicon-eject

+
+
+


glyphicon
glyphicon-chevron-left

+
+
+


glyphicon
glyphicon-chevron-right

+
+
+


glyphicon
glyphicon-plus-sign

+
+
+


glyphicon
glyphicon-minus-sign

+
+
+


glyphicon
glyphicon-remove-sign

+
+
+


glyphicon
glyphicon-ok-sign

+
+
+


glyphicon
glyphicon-question-sign

+
+
+


glyphicon
glyphicon-info-sign

+
+
+


glyphicon
glyphicon-screenshot

+
+
+


glyphicon
glyphicon-remove-circle

+
+
+


glyphicon
glyphicon-ok-circle

+
+
+


glyphicon
glyphicon-ban-circle

+
+
+


glyphicon
glyphicon-arrow-left

+
+
+


glyphicon
glyphicon-arrow-right

+
+
+


glyphicon
glyphicon-arrow-up

+
+
+


glyphicon
glyphicon-arrow-down

+
+
+


glyphicon
glyphicon-share-alt

+
+
+


glyphicon
glyphicon-resize-full

+
+
+


glyphicon
glyphicon-resize-small

+
+
+


glyphicon
glyphicon-exclamation-sign

+
+
+


glyphicon
glyphicon-gift

+
+
+


glyphicon
glyphicon-leaf

+
+
+


glyphicon
glyphicon-fire

+
+
+


glyphicon
glyphicon-eye-open

+
+
+


glyphicon
glyphicon-eye-close

+
+
+


glyphicon
glyphicon-warning-sign

+
+
+


glyphicon
glyphicon-plane

+
+
+


glyphicon
glyphicon-calendar

+
+
+


glyphicon
glyphicon-random

+
+
+


glyphicon
glyphicon-comment

+
+
+


glyphicon
glyphicon-magnet

+
+
+


glyphicon
glyphicon-chevron-up

+
+
+


glyphicon
glyphicon-chevron-down

+
+
+


glyphicon
glyphicon-retweet

+
+
+


glyphicon
glyphicon-shopping-cart

+
+
+


glyphicon
glyphicon-folder-close

+
+
+


glyphicon
glyphicon-folder-open

+
+
+


glyphicon
glyphicon-resize-vertical

+
+
+


glyphicon
glyphicon-resize-horizontal

+
+
+


glyphicon
glyphicon-hdd

+
+
+


glyphicon
glyphicon-bullhorn

+
+
+


glyphicon
glyphicon-bell

+
+
+


glyphicon
glyphicon-certificate

+
+
+


glyphicon
glyphicon-thumbs-up

+
+
+


glyphicon
glyphicon-thumbs-down

+
+
+


glyphicon
glyphicon-hand-right

+
+
+


glyphicon
glyphicon-hand-left

+
+
+


glyphicon
glyphicon-hand-up

+
+
+


glyphicon
glyphicon-hand-down

+
+
+


glyphicon
glyphicon-circle-arrow-right

+
+
+


glyphicon
glyphicon-circle-arrow-left

+
+
+


glyphicon
glyphicon-circle-arrow-up

+
+
+


glyphicon
glyphicon-circle-arrow-down

+
+
+


glyphicon
glyphicon-globe

+
+
+


glyphicon
glyphicon-wrench

+
+
+


glyphicon
glyphicon-tasks

+
+
+


glyphicon
glyphicon-filter

+
+
+


glyphicon
glyphicon-briefcase

+
+
+


glyphicon
glyphicon-fullscreen

+
+
+


glyphicon
glyphicon-dashboard

+
+
+


glyphicon
glyphicon-paperclip

+
+
+


glyphicon
glyphicon-heart-empty

+
+
+


glyphicon
glyphicon-link

+
+
+


glyphicon
glyphicon-phone

+
+
+


glyphicon
glyphicon-pushpin

+
+
+


glyphicon
glyphicon-usd

+
+
+


glyphicon
glyphicon-gbp

+
+
+


glyphicon
glyphicon-sort

+
+
+


glyphicon
glyphicon-sort-by-alphabet

+
+
+


glyphicon
glyphicon-sort-by-alphabet-alt

+
+
+


glyphicon
glyphicon-sort-by-order

+
+
+


glyphicon
glyphicon-sort-by-order-alt

+
+
+


glyphicon
glyphicon-sort-by-attributes

+
+
+


glyphicon
glyphicon-sort-by-attributes-alt

+
+
+


glyphicon
glyphicon-unchecked

+
+
+


glyphicon
glyphicon-expand

+
+
+


glyphicon
glyphicon-collapse-down

+
+
+


glyphicon
glyphicon-collapse-up

+
+
+


glyphicon
glyphicon-log-in

+
+
+


glyphicon
glyphicon-flash

+
+
+


glyphicon
glyphicon-log-out

+
+
+


glyphicon
glyphicon-new-window

+
+
+


glyphicon
glyphicon-record

+
+
+


glyphicon
glyphicon-save

+
+
+


glyphicon
glyphicon-open

+
+
+


glyphicon
glyphicon-saved

+
+
+


glyphicon
glyphicon-import

+
+
+


glyphicon
glyphicon-export

+
+
+


glyphicon
glyphicon-send

+
+
+


glyphicon
glyphicon-floppy-disk

+
+
+


glyphicon
glyphicon-floppy-saved

+
+
+


glyphicon
glyphicon-floppy-remove

+
+
+


glyphicon
glyphicon-floppy-save

+
+
+


glyphicon
glyphicon-floppy-open

+
+
+


glyphicon
glyphicon-credit-card

+
+
+


glyphicon
glyphicon-transfer

+
+
+


glyphicon
glyphicon-cutlery

+
+
+


glyphicon
glyphicon-header

+
+
+


glyphicon
glyphicon-compressed

+
+
+


glyphicon
glyphicon-earphone

+
+
+


glyphicon
glyphicon-phone-alt

+
+
+


glyphicon
glyphicon-tower

+
+
+


glyphicon
glyphicon-stats

+
+
+


glyphicon
glyphicon-sd-video

+
+
+


glyphicon
glyphicon-hd-video

+
+
+


glyphicon
glyphicon-subtitles

+
+
+


glyphicon
glyphicon-sound-stereo

+
+
+


glyphicon
glyphicon-sound-dolby

+
+
+


glyphicon
glyphicon-sound-5-1

+
+
+


glyphicon
glyphicon-sound-6-1

+
+
+


glyphicon
glyphicon-sound-7-1

+
+
+


glyphicon
glyphicon-copyright-mark

+
+
+


glyphicon
glyphicon-registration-mark

+
+
+


glyphicon
glyphicon-cloud-download

+
+
+


glyphicon
glyphicon-cloud-upload

+
+
+


glyphicon
glyphicon-tree-conifer

+
+
+


glyphicon
glyphicon-tree-deciduous

+
+
+


glyphicon
glyphicon-cd

+
+
+


glyphicon
glyphicon-save-file

+
+
+


glyphicon
glyphicon-open-file

+
+
+


glyphicon
glyphicon-level-up

+
+
+


glyphicon
glyphicon-copy

+
+
+


glyphicon
glyphicon-paste

+
+
+


glyphicon
glyphicon-alert

+
+
+


glyphicon
glyphicon-equalizer

+
+
+


glyphicon
glyphicon-king

+
+
+


glyphicon
glyphicon-queen

+
+
+


glyphicon
glyphicon-pawn

+
+
+


glyphicon
glyphicon-bishop

+
+
+


glyphicon
glyphicon-knight

+
+
+


glyphicon
glyphicon-baby-formula

+
+
+


glyphicon
glyphicon-tent

+
+
+


glyphicon
glyphicon-blackboard

+
+
+


glyphicon
glyphicon-bed

+
+
+


glyphicon
glyphicon-apple

+
+
+


glyphicon
glyphicon-erase

+
+
+


glyphicon
glyphicon-hourglass

+
+
+


glyphicon
glyphicon-lamp

+
+
+


glyphicon
glyphicon-duplicate

+
+
+


glyphicon
glyphicon-piggy-bank

+
+
+


glyphicon
glyphicon-scissors

+
+
+


glyphicon
glyphicon-bitcoin

+
+
+


glyphicon
glyphicon-btc

+
+
+


glyphicon
glyphicon-xbt

+
+
+


glyphicon
glyphicon-yen

+
+
+


glyphicon
glyphicon-jpy

+
+
+


glyphicon
glyphicon-ruble

+
+
+


glyphicon
glyphicon-rub

+
+
+


glyphicon
glyphicon-scale

+
+
+


glyphicon
glyphicon-ice-lolly

+
+
+


glyphicon
glyphicon-ice-lolly-tasted

+
+
+


glyphicon
glyphicon-education

+
+
+


glyphicon
glyphicon-option-horizontal

+
+
+


glyphicon
glyphicon-option-vertical

+
+
+


glyphicon
glyphicon-menu-hamburger

+
+
+


glyphicon
glyphicon-modal-window

+
+
+


glyphicon
glyphicon-oil

+
+
+


glyphicon
glyphicon-grain

+
+
+


glyphicon
glyphicon-sunglasses

+
+
+


glyphicon
glyphicon-text-size

+
+
+


glyphicon
glyphicon-text-color

+
+
+


glyphicon
glyphicon-text-background

+
+
+


glyphicon
glyphicon-object-align-top

+
+
+


glyphicon
glyphicon-object-align-bottom

+
+
+


glyphicon
glyphicon-object-align-horizontal

+
+
+


glyphicon
glyphicon-object-align-left

+
+
+


glyphicon
glyphicon-object-align-vertical

+
+
+


glyphicon
glyphicon-object-align-right

+
+
+


glyphicon
glyphicon-triangle-right

+
+
+


glyphicon
glyphicon-triangle-left

+
+
+


glyphicon
glyphicon-triangle-bottom

+
+
+


glyphicon
glyphicon-triangle-top

+
+
+


glyphicon
glyphicon-console

+
+
+


glyphicon
glyphicon-superscript

+
+
+


glyphicon
glyphicon-subscript

+
+
+


glyphicon
glyphicon-menu-left

+
+
+


glyphicon
glyphicon-menu-right

+
+
+


glyphicon
glyphicon-menu-down

+
+
+


glyphicon
glyphicon-menu-up

+
+
+

Evaluation and report

+

There is no evaluation and report available for this component.

+
diff --git a/components/glyphicons/glyphicons-fr.html b/components/glyphicons/glyphicons-fr.html new file mode 100644 index 0000000000..fb6cc73d2e --- /dev/null +++ b/components/glyphicons/glyphicons-fr.html @@ -0,0 +1,97 @@ +--- +title: Lien en vedette +description: Documentation et exemple pratique de lien en vedette - fonctionnalité provisoire +language: fr +altLangPage: gc-featured-link-en.html +dateModified: 2021-07-07 +layout: no-container +--- +
+

{{ page.title }}

+ + {% include alert-provisional.html siteroot="../../" %} + + + +
+
Statut
+
Provisoire
+
Type
+
Conception de Canada.ca
+
Dernière revue
+
2021-07-07
+
Est conforme à
+
Spécifications du contenu et de l'architecture de l'information 2.1.2
+
Directives
+
n/a
+
Nom technique
+
gc-featured-link
+
+ +

Objectif

+

Ceci ajoute un lien en vedette court et descriptif vers une page que votre institution doit mettre en évidence. Il doit être utilisé pour attirer l'attention sur les avertissements ou les avis.

+ +

Exemples pratiques

+ +

Lien en vedette (Provisiore v1.0)

+

La structure sémantique logique des en-têtes n'a pas été suivie afin de s'adapter à chaque exemples pratiques.

+
+ +
+
+
+
+

En vedette

+

[Titre de la promotion]

+

Description longue [Facultatif]

+
+
+
+
+ +
+

Code

+ 
<section class="provisional gc-featured-link">
+		<div class="container">
+			<div class="row">
+				<div class="col-xs-12">
+					<h2 class="wb-inv">En vedette</h2>
+					<p><a class="stretched-link" href="#">[Titre de la promotion]</a></p>
+					<p>Description longue [Facultatif]</p>
+				</div>
+			</div>
+		</div>
+	</section>
+
+ +

Modèles de conception précédents

+
+ Modèle précédent (Page d'accueil) +

Modèle utilisant les "helpers":

+
+
+
+
+

En vedette : 

+

[Titre de la promotion]

+
+
+
+
+ + 
<div class="bg-gctheme opct-90">
+			<div class="container">
+				<div class="row">
+					<div class="mrgn-tp-md mrgn-bttm-md col-xs-12">
+						<p class="pull-left text-white mrgn-bttm-0">En vedette : </p>
+						<p class="pull-left mrgn-bttm-0"><a class="stretched-link text-white" href="#">[Titre de la promotion]</a></p>
+					</div>
+				</div>
+			</div>
+		</div>
+
+
+ +

Évaluation et rapport

+

Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.

+
diff --git a/components/glyphicons/index.json-ld b/components/glyphicons/index.json-ld new file mode 100644 index 0000000000..aafd457aca --- /dev/null +++ b/components/glyphicons/index.json-ld @@ -0,0 +1,34 @@ +{ + "@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": "Glyphicons - Documentation and working examples", + "fr": "Glyphicons - Documentation et examples pratiques" + }, + "description": { + "en": "", + "fr": "" + }, + "modified": "2023-07-06", + "componentName": "glyphicons", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Glyphicons - Documentation and working examples", + "language": "en", + "path": "glyphicons-en.html" + }, + { + "title": "Glyphicons - Documentation et examples pratiques", + "language": "fr", + "path": "glyphicons-fr.html" + } + ] + } +}