From 50b189ecea6ae90f4ebd170d37ceb3aabc023428 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Thu, 19 Dec 2024 15:58:26 -0500 Subject: [PATCH] News: updating news template --- .../{news_v2-en.html => news_v3-en.html} | 117 ++++++++++------- .../{news_v2-fr.html => news_v3-fr.html} | 124 +++++++++++------- templates/news/news-doc-en.html | 62 ++++----- templates/news/news-doc-fr.html | 64 +++++---- templates/news/news-en.html | 13 +- templates/news/news-fr.html | 13 +- 6 files changed, 225 insertions(+), 168 deletions(-) rename templates/news/deprecated/{news_v2-en.html => news_v3-en.html} (83%) rename templates/news/deprecated/{news_v2-fr.html => news_v3-fr.html} (83%) diff --git a/templates/news/deprecated/news_v2-en.html b/templates/news/deprecated/news_v3-en.html similarity index 83% rename from templates/news/deprecated/news_v2-en.html rename to templates/news/deprecated/news_v3-en.html index 6cf2009ec..ce07db8f2 100644 --- a/templates/news/deprecated/news_v2-en.html +++ b/templates/news/deprecated/news_v3-en.html @@ -2,59 +2,84 @@ { "title": "News", "language": "en", - "altLangPage": "news_v2-fr.html", + "altLangPage": "news_v3-fr.html", "secondlevel": false, - "dateModified": "2023-09-01", + "dateModified": "2024-09-13", "share": "true", "pageType": "news" } --- - -
-

Promotions

- -
- -
- Canada’s response to the crisis in Israel, the West Bank and the Gaza Strip -
-
- - -
- -
- Learn about Canada’s response to the Russian invasion of Ukraine -
-
- - -
- -
- Protect your child with routine vaccination -
-
- - -
- -
- Discover groundbreaking forestry research at Natural Resources Canada -
-
- -
- - -
-
- {% include gc-follow-us/follow.html %} +
+
+

Find the most recent Government of Canada news content.

+
+
+
+
+

Follow:

+ +
+
-{% include components/gc-features/features.html %} +
+

Features

+ + + + + +
+
+
+ +

[1. Feature hyperlink text]

+

1. Brief description of the feature being promoted.

+
+
+ +

[2. Feature hyperlink text]

+

2. Brief description of the feature being promoted.

+
+
+
+
+ +

[3. Feature hyperlink text]

+

3. Brief description of the feature being promoted.

+
+
+ +

[4. Feature hyperlink text]

+

4. Brief description of the feature being promoted.

+
+
+
+
+ +

[5. Feature hyperlink text]

+

5. Brief description of the feature being promoted.

+
+
+ +

[6. Feature hyperlink text]

+

6. Brief description of the feature being promoted.

+
+
+
+
@@ -385,7 +410,7 @@

Resources

-

To access all articles, please visit the advanced search.

+

To access all articles, please visit the advanced search.

Search results

@@ -420,6 +445,6 @@

Search results

-

To access all articles, please visit the advanced search.

+

To access all articles, please visit the advanced search.

diff --git a/templates/news/deprecated/news_v2-fr.html b/templates/news/deprecated/news_v3-fr.html similarity index 83% rename from templates/news/deprecated/news_v2-fr.html rename to templates/news/deprecated/news_v3-fr.html index 2ccd850fb..742bb9e90 100644 --- a/templates/news/deprecated/news_v2-fr.html +++ b/templates/news/deprecated/news_v3-fr.html @@ -2,60 +2,84 @@ { "title": "Nouvelles", "language": "fr", - "altLangPage": "news_v2-en.html", - "breadcrumbs": false, + "altLangPage": "news_v3-en.html", "secondlevel": false, - "dateModified": "2023-09-01", + "dateModified": "2024-09-13", "share": "true", "pageType": "news" } --- - -
-

Promotions

- -
- -
- La réponse du Canada à la crise en Israël, en Cisjordanie et dans la bande de Gaza -
-
- - -
- -
- Renseignez-vous sur la réponse du Canada à l’invasion russe de l’Ukraine -
-
- - -
- -
- Protégez votre enfant grâce à la vaccination de routine -
-
- - -
- -
- Découvrez le travail de recherche novateur de RNCan dans le domaine de la foresterie -
-
- -
- - -
-
- {% include gc-follow-us/follow.html %} +
+
+

Trouvez les dernières nouvelles du gouvernement du Canada.

+
+
+
+
+

Suivez :

+ +
+
-{% include components/gc-features/features.html %} +
+

En vedette

+ + + + + +
+
+
+ +

[1. Lien à l’élément en vedette]

+

1. Brève description de l’élément en vedette.

+
+
+ +

[2. Lien à l’élément en vedette]

+

2. Brève description de l’élément en vedette.

+
+
+
+
+ +

[3. Lien à l’élément en vedette]

+

3. Brève description de l’élément en vedette.

+
+
+ +

[4. Lien à l’élément en vedette]

+

4. Brève description de l’élément en vedette.

+
+
+
+
+ +

[5. Lien à l’élément en vedette]

+

5. Brève description de l’élément en vedette.

+
+
+ +

[6. Lien à l’élément en vedette]

+

6. Brève description de l’élément en vedette.

+
+
+
+
@@ -379,14 +403,14 @@

Promotions

Ressources

-

Pour accéder à tous les articles, visitez la page de recherche avancée.

+

Pour accéder à tous les articles, visitez la page de recherche avancée.

Search results

@@ -421,6 +445,6 @@

Search results

-

Pour accéder à tous les articles, visitez la page de recherche avancée.

+

Pour accéder à tous les articles, visitez la page de recherche avancée.

diff --git a/templates/news/news-doc-en.html b/templates/news/news-doc-en.html index 78bda6310..d782f6613 100644 --- a/templates/news/news-doc-en.html +++ b/templates/news/news-doc-en.html @@ -3,7 +3,7 @@ description: Documentation and working examples for the News template. language: en altLangPage: news-doc-fr.html -dateModified: 2024-09-13 +dateModified: 2024-12-19 share: true --- @@ -15,26 +15,29 @@
Type
Canada.ca template
Last review
-
2024-09-13
+
2024-12-19
Conforming to
Content and IA spec 3.0
Specification
News pages - Canada.ca mandatory template
Template version
-
Version 3.0
+
Version 4.0
Available instances
https://www.canada.ca/en/news.html
https://www.canada.ca/fr/nouvelles.html
-

Working examples

- +

Working example

+

News landing page template - Version 4.0

List of changes

    +
  • Version 4.0: +
      +
    • Changed paragraph above news items.
      • +
    • Changed paragraph below news items.
      • +
    +
  • Version 3.0:
    • Removal of the promotions section at the top of the page.
      • @@ -47,36 +50,33 @@

      List of changes

      Previous version

      +
      Version 3.0
      +
      News landing page template - Version 3.0
      Version 2.0
      News landing page template - Version 2.0
      -

      Transition from version 2.0 to 3.0

      +

      Transition from version 3.0 to 4.0

        -
      • Promotions: -
          -
        • Remove the promotions section at the top of the page.
          • -
        • Add introduction text to the left of the "Follow" section and change pull-right class to text-sm-right on the <div> wrapping the "Follow" section. See working example for HTML markup.
          • -
        +
      • + Change paragraph above news items from:
        + 
        <p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">advanced search</a>.</p>
        + to:
        + 
        <p class="nojs-hide"><a href="https://www.canada.ca/en/news/advanced-news-search.html">Perform an advanced search</a></p>
        • -
      - -
        -
      • Features: -
          -
        • Add the attribute data-wb-randomize='{ "toggle": "hide" }' to each <div class="col-lg-4 col-sm-6 hght-inhrt"> element wrapping the features groups.
          • -
        • Change the HTML tag for features from <div> to <section>
          • -
        • Add the class hide to the <section class="well well-sm eqht-trgt"> elements (feature elements).
          • -
        • Above the <div class="row"> element, add a <ul class="nojs-show"> with a list of the links for all the features contained in all the <div class="col-lg-4 col-sm-6 hght-inhrt"> elements. This step is necessary for users of the basic HTML version.
          • -
        +
      • + Change paragraph below news items from:
        + 
        <p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">advanced search</a>.</p>
        + to:
        + 
        <p class="text-center nojs-hide"><a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">Access all news products</a></p>
        • -
      - -
        -
      • News articles: -
          -
        • Update the advanced search link to the following: https://www.canada.ca/en/news/advanced-news-search/news-results.html
          • -
        +
      • Add the following block right after the first paragraph (before the news products table): + 
        <div class="nojs-show"><p>News products are not available in basic HTML view. You can either:</p>
+			<ul>
+				<li><a href="https://www.canada.ca/en/news/advanced-news-search/news-results.html">Access all news products</a> or</li>
+				<li><a href="https://www.canada.ca/en/news/advanced-news-search.html">Perform an advanced search</a></li>
+			</ul>
+		</div>
      diff --git a/templates/news/news-doc-fr.html b/templates/news/news-doc-fr.html index a4a66e0e7..be582faf6 100644 --- a/templates/news/news-doc-fr.html +++ b/templates/news/news-doc-fr.html @@ -3,7 +3,7 @@ description: Documentation et exemple pratique des pages de nouvelles. language: fr altLangPage: news-doc-en.html -dateModified: 2024-09-13 +dateModified: 2024-12-19 share: true --- @@ -15,26 +15,29 @@
      Type
      Gabarit de Canada.ca
      Dernière revue
      -
      2024-09-13
      +
      2024-12-19
      Est conforme à
      Spécifications du contenu et de l'architecture de l'information 3.0
      Spécification
      Pages de profil des ministres - Modèle obligatoire de Canada.ca
      Version du gabarit
      -
      Version 3.0
      +
      Version 4.0
      Instances disponibles
      https://www.canada.ca/fr/nouvelles.html
      https://www.canada.ca/en/news.html
      -

      Exemples pratiques

      - +

      Exemple pratique

      +

      Gabarit de la page d'accueil des nouvelles - Version 4.0

      Liste des modifications

        +
      • Version 4.0 : +
          +
        • Modification du paragraphe au-dessus des nouvelles.
          • +
        • Modification du paragraphe sous des nouvelles.
          • +
        +
      • Version 3.0 :
        • Suppression de la section des promotions au haut de la page.
          • @@ -47,36 +50,31 @@

          Liste des modifications

          Version précédente

          -
          Version 2.0
          -
          Gabarit de la page d'accueil des nouvelles - Version 2.0
          +
          Version 3.0
          +
          Gabarit de la page d'accueil des nouvelles - Version 3.0
          -

          Transition de la version 2.0 à la version 3.0

          +

          Transition de la version 3.0 à la version 4.0

            -
          • Promotions : -
              -
            • Supprimez la section des promotions en haut de la page.
              • -
            • Ajoutez le texte d'introduction à gauche de la section « Suivez » et remplacez la classe pull-right par text-sm-right sur le <div> qui entoure la section « Suivez ». Voir l'exemple pratique pour le code HTML.
              • -
            +
          • + Modifier le paragraphe au-dessus des nouvelles de :
            + 
            <p>Pour accéder à tous les articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">page de recherche avancée</a>.</p>
            + à :
            + 
            <p class="nojs-hide"><a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">Effectuer une recherche avancée</a></p>
            • -
          - -
            -
          • En vedette : -
              -
            • Ajoutez l'attribut data-wb-randomize='{ "toggle": "hide" }' à chaque élément <div class="col-lg-4 col-sm-6 hght-inhrt"> enveloppant les groupes de fonctionnalités.
              • -
            • Modifiez la balise HTML des fonctionnalités de <div> à <section>
              • -
            • Ajoutez la classe hide aux éléments <section class="well well-sm eqht-trgt"> (éléments de fonctionnalité).
              • -
            • Au-dessus de l'élément <div> nouvellement créé, ajoutez un <ul class="nojs-show"> avec une liste des liens vers toutes les promotions contenues dans l'élément <div>. Cette étape est nécessaire pour les utilisateurs de la version HTML de base.
              • -
            +
          • + Modifier le paragraphe sous les nouvelles de :
            + 
            <p>Pour accéder à tous les articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">page de recherche avancée</a>.</p>
            + à :
            + 
            <p class="text-center"><a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">Accéder à tous les articles</a></p>
            • -
          - -
            -
          • Articles de nouvelles : -
              -
            • Mettez à jour le lien de recherche avancée vers ce qui suit : https://www.canada.ca/fr/nouvelles/recherche-avancée-nouvelles/resultats-nouvelles.html
              • -
            +
          • Ajoutez le bloc suivant juste après le premier paragraphe (avant le tableau des produits d’actualité) : + 
            <div class="nojs-show"><p>Les articles ne sont pas disponibles en version HTML simplifiée. Vous pouvez soit :</p>
+			<ul>
+				<li><a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">Effectuer une recherche avancée</a> ou</li>
+				<li><a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles/resultats-de-nouvelles.html">Accéder à tous les articles</a></li>
+			</ul>
+		</div>
          diff --git a/templates/news/news-en.html b/templates/news/news-en.html index 79d097018..f2d869ee9 100644 --- a/templates/news/news-en.html +++ b/templates/news/news-en.html @@ -4,7 +4,7 @@ "language": "en", "altLangPage": "news-fr.html", "secondlevel": false, - "dateModified": "2024-09-13", + "dateModified": "2024-12-19", "share": "true", "pageType": "news" } @@ -410,7 +410,13 @@

          Resources

-

To access all articles, please visit the advanced search.

+

Perform an advanced search

+

News products are not available in basic HTML view. You can either:

+ +

Search results

@@ -443,8 +449,7 @@

Search results

+

Access all news products.

- -

To access all articles, please visit the advanced search.

diff --git a/templates/news/news-fr.html b/templates/news/news-fr.html index 43ae3d658..720d11cd6 100644 --- a/templates/news/news-fr.html +++ b/templates/news/news-fr.html @@ -4,7 +4,7 @@ "language": "fr", "altLangPage": "news-en.html", "secondlevel": false, - "dateModified": "2024-09-13", + "dateModified": "2024-12-19", "share": "true", "pageType": "news" } @@ -410,7 +410,13 @@

Ressources

-

Pour accéder à tous les articles, visitez la page de recherche avancée.

+

Effectuer une recherche avancée

+

Les articles ne sont pas disponibles en version HTML simplifiée. Vous pouvez soit :

+ +

Search results

@@ -443,8 +449,7 @@

Search results

+

Accéder à tous les articles

- -

Pour accéder à tous les articles, visitez la page de recherche avancée.