Skip to content

Commit

Permalink
News: updating news template
Browse files Browse the repository at this point in the history
  • Loading branch information
@Garneauma
Garneauma committed Dec 19, 2024
1 parent a4a99fd commit 50b189e
Show file tree
Hide file tree
Showing 6 changed files with 225 additions and 168 deletions.
117 changes: 71 additions & 46 deletions templates/news/deprecated/news_v2-en.html → templates/news/deprecated/news_v3-en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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"
}
---

<!-- START: Banner -->
<div class="mrgn-bttm-md" data-wb-randomize="{ &quot;shuffle&quot;: true, &quot;selector&quot;: &quot;a&quot;, &quot;toggle&quot;: &quot;hide&quot; }">
<h2 class="wb-inv">Promotions</h2>
<a href="https://www.international.gc.ca/world-monde/issues_development-enjeux_developpement/response_conflict-reponse_conflits/crisis-crises/israel.aspx?lang=eng" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
<figure>
<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/F5F5F5/000000.png" alt="">
<figcaption class="well brdr-rds-0">
<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Canada’s response to the crisis in Israel, the West Bank and the Gaza Strip</span>
</figcaption>
</figure>
</a>
<a href="https://www.international.gc.ca/world-monde/issues_development-enjeux_developpement/response_conflict-reponse_conflits/crisis-crises/ukraine.aspx?lang=eng&amp;utm_campaign=gac-amc-ukraine-21-22&amp;utm_source=canadahome&amp;utm_medium=feat&amp;utm_content=en" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
<figure>
<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/26374A/FFFFFF.png" alt="">
<figcaption class="well brdr-rds-0">
<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Learn about Canada’s response to the Russian invasion of Ukraine</span>
</figcaption>
</figure>
</a>
<a href="/en/services/health/campaigns/childhood-vaccines.html" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
<figure>
<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/7834BC/FFFFFF.png" alt="">
<figcaption class="well brdr-rds-0">
<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Protect your child with routine vaccination</span>
</figcaption>
</figure>
</a>
<a href="https://natural-resources.canada.ca/simply-science/forestry-and-insects/667?utm_campaign=ss-nfw&amp;utm_medium=vurl&amp;utm_source=canada.ca&amp;utm_content=forestry-en" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
<figure>
<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/0000FF/000000.png" alt="">
<figcaption class="well brdr-rds-0">
<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Discover groundbreaking forestry research at Natural Resources Canada</span>
</figcaption>
</figure>
</a>
</div>
<!-- END -->

<div class="clearfix">
<div class="pull-right">
{% include gc-follow-us/follow.html %}
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
<p>Find the most recent Government of Canada news content.</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
<div class="text-sm-right">
<section class="followus">
<h2>Follow:</h2>
<ul>
<li><a rel="external" class="rss" href="https://canada.ca/en/news/web-feeds.html"><span class="wb-inv">Web feeds</span></a></li>
<li><a rel="external" class="twitter" href="https://twitter.com/NewsroomGC"><span class="wb-inv">Twitter</span></a></li>
</ul>
</section>
</div>
</div>
</div>

{% include components/gc-features/features.html %}
<section class="gc-features">
<h2>Features</h2>
<!-- START: Add the list of links to the features to display in basic HTML mode -->
<ul class="nojs-show">
<li><a href="#">[1. Feature hyperlink text]</a></li>
<li><a href="#">[2. Feature hyperlink text]</a></li>
<li><a href="#">[3. Feature hyperlink text]</a></li>
<li><a href="#">[4. Feature hyperlink text]</a></li>
<li><a href="#">[5. Feature hyperlink text]</a></li>
<li><a href="#">[6. Feature hyperlink text]</a></li>
</ul>
<!-- END -->

<!-- Add the "data-wb-randomize" attribute to the "row" element to randomize the features -->
<div class="row wb-eqht-grd">
<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/000000/FFFFFF" alt="">
<h3><a href="#" class="stretched-link">[1. Feature hyperlink text]</a></h3>
<p>1. Brief description of the feature being promoted.</p>
</section>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/e5ff6a/000000" alt="">
<h3><a href="#" class="stretched-link">[2. Feature hyperlink text]</a></h3>
<p>2. Brief description of the feature being promoted.</p>
</section>
</div>
<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/46b393/000000" alt="">
<h3><a href="#" class="stretched-link">[3. Feature hyperlink text]</a></h3>
<p>3. Brief description of the feature being promoted.</p>
</section>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/0bd6fd/000000" alt="">
<h3><a href="#" class="stretched-link">[4. Feature hyperlink text]</a></h3>
<p>4. Brief description of the feature being promoted.</p>
</section>
</div>
<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/2b3551/FFFFFF" alt="">
<h3><a href="#" class="stretched-link">[5. Feature hyperlink text]</a></h3>
<p>5. Brief description of the feature being promoted.</p>
</section>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/311893/FFFFFF" alt="">
<h3><a href="#" class="stretched-link">[6. Feature hyperlink text]</a></h3>
<p>6. Brief description of the feature being promoted.</p>
</section>
</div>
</div>
</section>

<div class="row mrgn-tp-md">
<div class="col-md-3">
Expand Down Expand Up @@ -385,7 +410,7 @@ <h2 class="h4">Resources</h2>
</section>
</div>
<div class="col-md-9">
<p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search.html">advanced search</a>.</p>
<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>

<section class="mrgn-tp-xl">
<h2 class="wb-inv">Search results</h2>
Expand Down Expand Up @@ -420,6 +445,6 @@ <h2 class="wb-inv">Search results</h2>
</table>
</section>

<p>To access all articles, please visit the <a href="https://www.canada.ca/en/news/advanced-news-search.html">advanced search</a>.</p>
<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>
</div>
</div>
124 changes: 74 additions & 50 deletions templates/news/deprecated/news_v2-fr.html → templates/news/deprecated/news_v3-fr.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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"
}
---

<!-- START: Banner -->
<div class="mrgn-bttm-md" data-wb-randomize="{ &quot;shuffle&quot;: true, &quot;selector&quot;: &quot;a&quot;, &quot;toggle&quot;: &quot;hide&quot; }">
<h2 class="wb-inv">Promotions</h2>
<a href="https://www.international.gc.ca/world-monde/issues_development-enjeux_developpement/response_conflict-reponse_conflits/crisis-crises/israel.aspx?lang=eng" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
<figure>
<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/F5F5F5/000000.png" alt="">
<figcaption class="well brdr-rds-0">
<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">La réponse du Canada à la crise en Israël, en Cisjordanie et dans la bande de Gaza</span>
</figcaption>
</figure>
</a>
<a href="https://www.international.gc.ca/world-monde/issues_development-enjeux_developpement/response_conflict-reponse_conflits/crisis-crises/ukraine.aspx?lang=eng&amp;utm_campaign=gac-amc-ukraine-21-22&amp;utm_source=canadahome&amp;utm_medium=feat&amp;utm_content=en" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
<figure>
<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/26374A/FFFFFF.png" alt="">
<figcaption class="well brdr-rds-0">
<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Renseignez-vous sur la réponse du Canada à l’invasion russe de l’Ukraine</span>
</figcaption>
</figure>
</a>
<a href="/en/services/health/campaigns/childhood-vaccines.html" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
<figure>
<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/7834BC/FFFFFF.png" alt="">
<figcaption class="well brdr-rds-0">
<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Protégez votre enfant grâce à la vaccination de routine</span>
</figcaption>
</figure>
</a>
<a href="https://natural-resources.canada.ca/simply-science/forestry-and-insects/667?utm_campaign=ss-nfw&amp;utm_medium=vurl&amp;utm_source=canada.ca&amp;utm_content=forestry-en" class="promo hide learmore" data-gc-analytics="promo:homePageFeature">
<figure>
<img class="img-responsive full-width" src="https://dummyimage.com/1170x347/0000FF/000000.png" alt="">
<figcaption class="well brdr-rds-0">
<span class="h4 mrgn-tp-0 mrgn-bttm-0 mrgn-lft-0">Découvrez le travail de recherche novateur de RNCan dans le domaine de la foresterie</span>
</figcaption>
</figure>
</a>
</div>
<!-- END -->

<div class="clearfix">
<div class="pull-right">
{% include gc-follow-us/follow.html %}
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
<p>Trouvez les dernières nouvelles du gouvernement du Canada.</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
<div class="text-sm-right">
<section class="followus">
<h2>Suivez :</h2>
<ul>
<li><a rel="external" class="rss" href="https://canada.ca/fr/nouvelles/fils-nouvelles.html"><span class="wb-inv">Fils de nouvelles</span></a></li>
<li><a rel="external" class="twitter" href="https://twitter.com/salledepresseGC"><span class="wb-inv">Twitter</span></a></li>
</ul>
</section>
</div>
</div>
</div>

{% include components/gc-features/features.html %}
<section class="gc-features">
<h2>En vedette</h2>
<!-- START: Add the list of links to the features to display in basic HTML mode -->
<ul class="nojs-show">
<li><a href="#">[1. Lien à l’élément en vedette]</a></li>
<li><a href="#">[2. Lien à l’élément en vedette]</a></li>
<li><a href="#">[3. Lien à l’élément en vedette]</a></li>
<li><a href="#">[4. Lien à l’élément en vedette]</a></li>
<li><a href="#">[5. Lien à l’élément en vedette]</a></li>
<li><a href="#">[6. Lien à l’élément en vedette]</a></li>
</ul>
<!-- END -->

<!-- Add the "data-wb-randomize" attribute to the "row" element to randomize the features -->
<div class="row wb-eqht-grd">
<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/000000/FFFFFF" alt="">
<h3><a href="#" class="stretched-link">[1. Lien à l’élément en vedette]</a></h3>
<p>1. Brève description de l’élément en vedette.</p>
</section>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/e5ff6a/000000" alt="">
<h3><a href="#" class="stretched-link">[2. Lien à l’élément en vedette]</a></h3>
<p>2. Brève description de l’élément en vedette.</p>
</section>
</div>
<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/46b393/000000" alt="">
<h3><a href="#" class="stretched-link">[3. Lien à l’élément en vedette]</a></h3>
<p>3. Brève description de l’élément en vedette.</p>
</section>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/0bd6fd/000000" alt="">
<h3><a href="#" class="stretched-link">[4. Lien à l’élément en vedette]</a></h3>
<p>4. Brève description de l’élément en vedette.</p>
</section>
</div>
<div class="col-lg-4 col-sm-6 hght-inhrt" data-wb-randomize='{ "toggle": "hide" }'>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/2b3551/FFFFFF" alt="">
<h3><a href="#" class="stretched-link">[5. Lien à l’élément en vedette]</a></h3>
<p>5. Brève description de l’élément en vedette.</p>
</section>
<section class="well well-sm eqht-trgt hide">
<img src="https://dummyimage.com/360x203/311893/FFFFFF" alt="">
<h3><a href="#" class="stretched-link">[6. Lien à l’élément en vedette]</a></h3>
<p>6. Brève description de l’élément en vedette.</p>
</section>
</div>
</div>
</section>

<div class="row mrgn-tp-md">
<div class="col-md-3">
Expand Down Expand Up @@ -379,14 +403,14 @@ <h2 class="wb-inv">Promotions</h2>
<section>
<h2>Ressources</h2>
<ul class="list-group">
<li class="list-group-item"><a rel="external" href="http://www.gazette.gc.ca/accueil-home-fra.html">Gazette du Canada</a></li>
<li class="list-group-item"><a rel="external" href="https://www.noscommunes.ca/DocumentViewer/fr/chambre/dernier/debats">Index du Hansard</a></li>
<li class="list-group-item"><a href="./nouvelles/coordonnees-medias.html">Coordonnées pour les médias</a></li>
<li class="list-group-item"><a rel="" href="#">Gazette du Canada</a></li>
<li class="list-group-item"><a rel="" href="#">Index du Hansard</a></li>
<li class="list-group-item"><a href="#">Coordonnées pour les médias</a></li>
</ul>
</section>
</div>
<div class="col-md-9">
<p>Pour accéder&nbsp;à tous les&nbsp;articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">page de recherche avancée</a>.</p>
<p>Pour accéder&nbsp;à tous les&nbsp;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>

<section class="mrgn-tp-xl">
<h2 class="wb-inv">Search results</h2>
Expand Down Expand Up @@ -421,6 +445,6 @@ <h2 class="wb-inv">Search results</h2>
</table>
</section>

<p>Pour accéder&nbsp;à tous les&nbsp;articles, visitez la <a href="https://www.canada.ca/fr/nouvelles/recherche-avancee-de-nouvelles.html">page de recherche avancée</a>.</p>
<p>Pour accéder&nbsp;à tous les&nbsp;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>
</div>
</div>
Loading

0 comments on commit 50b189e

Please sign in to comment.