From 61ae9e0f5ff3963562dc40a9130ba7b2c8263668 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Thu, 22 Feb 2024 15:34:37 -0500 Subject: [PATCH 1/3] Update pages-profil-institutionnel.md --- .../pages-profil-institutionnel.md | 359 +----------------- 1 file changed, 3 insertions(+), 356 deletions(-) diff --git a/modeles-obligatoire/pages-profil-institutionnel.md b/modeles-obligatoire/pages-profil-institutionnel.md index 5cfae9b4..fd9833b5 100644 --- a/modeles-obligatoire/pages-profil-institutionnel.md +++ b/modeles-obligatoire/pages-profil-institutionnel.md @@ -48,8 +48,10 @@ title: "Pages d'accueil institutionnelle - Modèle obligatoire de Canada.ca"

Comment mettre en œuvre

-

Vous pouvez utiliser la version bêtaou la version stablede ce modèle.

+
+

Nous travaillons à la stabilisation de la page d’accueil institutionnelle. Cet exemple codé de la version beta disparaîtra prochainement. Un lien vers le code stabilisé sera fourni dès que ce code sera disponible sur GCWeb.

+

Version bêta de la page d'accueil institutionnelle

La version bêta est une amélioration par rapport à la version stable. Le code est toujours en révision. Il se peut que des modifications y soient apportées.

La version bêta remplacera éventuellement la version stable.

@@ -69,363 +71,8 @@ title: "Pages d'accueil institutionnelle - Modèle obligatoire de Canada.ca" -
- Code - -
-
-
- HTML -
<div class="provisional bg-cover bg-right bg-hide-sm bg-hide-xs mrgn-tp-md pb-3" data-bgimg="put your image link here">
-				<div class="container">
-					<div class="row">
-						<div class="col-md-7">
-							<h1 property="name" id="wb-cont">[Nom de l'institution]</h1>
-							<p>Brève description du mandat de l'institution</p>
-							<a class="provisional btn btn-call-to-action" href="#">Bouton vers une super-tâche [facultatif]</a>
-						</div>
-						<div class="clearfix"></div>
-					</div>
-				</div>
-			</div>
-			<section class="provisional gc-featured-lnk">
-				<div class="container">
-					<h2 class="wb-inv">Lien en vedette</h2>
-					<a class="h5" href="#">Lien en vedette [facultatif]</a>
-				</div>
-			</section>
-			<section class="provisional most-requested-bullets well well-sm brdr-0">
-				<div class="container">
-					<div class="row">
-						<div class="pddng-r-0 col-md-2">
-							<h2 class="mrgn-tp-md">En demande</h2>
-						</div>
-						<div class="col-md-10">
-							<ul class="wb-eqht mrgn-tp-md mrgn-bttm-md colcount-md-2">
-								<li><a href="#">[Lien vers une tâche principale]</a></li>
-								<li><a href="#">[Lien vers une tâche principale]</a></li>
-								<li><a href="#">[Lien vers une tâche principale]</a></li>
-								<li><a href="#">[Lien vers une tâche principale]</a></li>
-								<li><a href="#">[Lien vers une tâche principale]</a></li>
-								<li><a href="#">[Lien vers une tâche principale]</a></li>
-							</ul>
-						</div>
-					</div>
-				</div>
-			</section>
-			<section class="gc-srvinfo col-md-12 mrgn-bttm-lg">
-				<div class="container">
-					<div class="row">
-						<h2 class="wb-inv">Services et renseignements</h2>
-						<div class="wb-eqht">
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="col-lg-4 col-md-6">
-								<h3><a href="#">[Texte de l'hyperlien]</a></h3>
-								<p>Utilisez une formulation basée sur l'action, ou faites simplement une les des mots-clés qui résument les renseignements disponibles ou des tâches pouvant être accomplies sur la page liée.</p>
-							</div>
-							<div class="clearfix"></div>
-						</div>
-					</div>
-				</div>
-			</section>
-			<div class="clearfix"></div>
-			<section class="well well-sm brdr-0 mrgn-bttm-0">
-				<div class="container">
-					<div class="wb-eqht">
-						<h2 class="h3 mrgn-tp-md">Coordonnées</h2>
-						<ul class="provisional list-bld list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-3">
-							<li><a href="#">Communiquer avec [institution]</a></li>
-							<li><a href="#">[Tâche de contact 2]</a></li>
-							<li><a href="#">[Tâche de contact 3]</a></li>
-						</ul>
-					</div>
-					<div class="row">
-						<section class="col-md-8 pull-left mrgn-bttm-lg">
-							<h2 class="h3 mrgn-tp-md">À propos de [Institution]</h2>
-							<ul class="provisional list-bld list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
-								<li><a href="#">Mandat</a></li>
-								<li><a href="#">Structure organisationnelle</a></li>
-								<li><a href="#">Transparence</a></li>
-								<li><a href="#">Possibilités d'emploi</a></li>
-								<li><a href="#">Rapports</a></li>
-								<li><a href="#">Observation</a></li>
-								<li><a href="#">Avis de mesure d'exécution</a></li>
-								<li><a href="#">[Lien institutionnel]</a></li>
-								<li><a href="#">[Lien institutionnel]</a></li>
-								<li>More: <a href="#">Au sujet de [institution]</a></li>
-							</ul>
-						</section>
-						<div class="provisional col-md-4 col-sm-5 pull-right xs-left">
-							<section class="lnkbx">
-								<h2 class="h3">Ministre</h2>
-								<p>
-									<a href="#">[(L'honorable) prénom et nom de famille]</a><br>
-									<small>Titre officiel du ministre</small>
-								</p>
-								<p>
-									<a href="#">[(L'honorable) prénom et nom de famille]</a><br>
-									<small>Titre officiel du ministre</small>
-								</p>
-								<p>
-									<a href="#">[(L'honorable) prénom et nom de famille]</a><br>
-									<small>Titre officiel du ministre</small>
-								</p>
-							</section>
-							<section class="provisional followus">
-								<h2 class="mrgn-tp-lg h3">Suivezs</h2>
-								<ul>
-									<li><a href="#" class="facebook" rel="external"><span class="wb-inv">Facebook</span></a></li>
-									<li><a href="#" class="twitter" rel="external"><span class="wb-inv">Twitter</span></a></li>
-									<li><a href="#" class="youtube" rel="external"><span class="wb-inv">YouTube</span></a></li>
-									<li><a href="#" class="linkedin" rel="external"><span class="wb-inv">LinkedIn</span></a></li>
-								</ul>
-							</section>
-						</div>
-						<div class="clearfix"></div>
-					</div>
-				</div>
-			</section>
-			<div class="container">
-				<div class="row">
-					<section class="col-md-4 wb-feeds limit-3 gc-nws">
-						<h2 class="h3">Nouvelles</h2>
-						<!-- démonstration de l'apparence - utiliser le flux json le cas échéant -->
-						<ul class="feeds-cont list-unstyled lst-spcd feed-active">
-							<li><a href="#">[Titre de nouvelle]</a><br> <small class="feeds-date">AAAA-MM-JJ HH:MM</small></li>
-							<li><a href="#">[Titre de nouvelle]</a><br> <small class="feeds-date">AAAA-MM-JJ HH:MM</small></li>
-							<li><a href="#">[Titre de nouvelle]</a><br> <small class="feeds-date">AAAA-MM-JJ HH:MM</small></li>
-						</ul>
-						<!-- exemple de flux json pour les nouvelles
-						<ul class="feeds-cont list-unstyled lst-spcd">
-							<li> <a data-ajax="https://www.canada.ca/content/canadasite/api/nws/fds/en/web-feeds/revenue-agency.json" href="https://www.canada.ca/en/revenue-agency.atom.xml" rel="external">Canada Revenue Agency news items</a> </li>
-						</ul>-->
-						<p>En savoir plus :<a href="#" class="admin">Nouvelles de [Institution]</a></p>
-					</section>
-					<section class="col-md-8 gc-prtts">
-						<h2 class="h3">En vedette</h2>
-						<div class="row wb-eqht gc-srvinfo">
-							<div class="col-sm-6">
-								<div class="well well-sm brdr-rds-0 eqht-trgt">
-									<img class="img-responsive full-width" src="https://wet-boew.github.io/themes-dist/GCWeb/img/360x203.png" alt="">
-									<h3 class="h5"><a href="#" class="stretched-link">[Hyperlien de l'élément]</a></h3>
-									<p>Brève description de l'élément en vedette.</p>
-								</div>
-							</div>
-							<div class="col-sm-6">
-								<div class="well well-sm brdr-rds-0 eqht-trgt">
-									<img class="img-responsive full-width" src="https://wet-boew.github.io/themes-dist/GCWeb/img/360x203.png" alt="">
-									<h3 class="h5"><a href="#" class="stretched-link">[Hyperlien de l'élément]</a></h3>
-									<p>Brève description de l'élément en vedette.</p>
-								</div>
-							</div>
-						</div>
-					</section>
-				</div>
-			</div>
-
-
- CSS -
.provisional.bg-cover {
-	background-size: cover;
-}
-
-.provisional.bg-right {
-	background-position: right;
-}
-
-.provisional.pb-3 {
-	padding-bottom: 15px;
-}
-
-.provisional.btn-call-to-action {
-	font-size: 1em;
-}
-
-.provisional.gc-featured-lnk {
-	background: #31708f;
-	margin-bottom: 0em;
-	padding-top:20px;
-	padding-bottom:20px;
-}
-
-.provisional.gc-featured-lnk a {
-	color:#fff
-}
-
-ul.feeds-cont li a {
-	font-weight: bold;
-}
-
-.provisional.most-requested-bullets li {
-	font-family: 'Lato', sans-serif;
-	font-size: 17px;
-	font-weight: 600;
-	line-height: 26px;
-	margin-top: 0
-}
-
-.provisional.most-requested-bullets .pddng-r-0 {
-	padding-right: 0px;
-}
-
-.provisional.most-requested-bullets h2 {
-	font-size: 1.2em;
-}
-
-.provisional.list-bld {
-	font-weight: 600;
-}
-
-.provisional.followus h2 {
-	font-size: 1.1em;
-	margin-top: 10px;
-}
-
-.provisional.followus {
-	padding: 0;
-}
-
-.provisional.followus h2 {
-	display: block;
-}
-
-.provisional.followus h2,
-.provisional.followus ul {
-	margin-left: 0;
-}
 
-.provisional.followus-vertical {
-	line-height: 0em;
-}
 
-.provisional.followus-vertical,
-.provisional.followus {
-	background-color: transparent;
-}
-
-.provisional.followus-vertical a {
-	text-decoration: none;
-}
-
-.provisional.followus-vertical ul {
-	display: block;
-	list-style-type: none;
-	margin-block-start: 1em;
-	padding-inline-start: 1em;
-	font-size: 16px;
-	margin-block-end: 0em;
-}
-
-.provisional.followus-vertical ul li {
-	margin-bottom: 15px;
-}
-
-.provisional.followus-vertical ul li:last-child {
-	margin-bottom: 0px;
-}
-
-.provisional.followus-vertical ul li a {
-	border: none;
-	padding: 0px 5px;
-}
-
-.provisional.followus ul li a {
-	border: none;
-}
-
-.provisional .social-lnk {
-	position: relative;
-	bottom:-18px;
-	left:45px;
-}
-
-.provisional.followus-vertical li {
-	display: block;
-	background-position: left;
-}
-
-.provisional.followus .facebook,
-.provisional.followus .twitter,
-.provisional.followus .youtube,
-.provisional.followus .instagram,
-.provisional.followus .linkedin {
-	display: block;
-	height: 38px;
-	width: 38px;
-}
-/* supprimez cette section si vous ne voulez pas les nouvelles icônes */
-
-.provisional.followus .facebook {
-	background: url("https://design.canada.ca/images/social-media/facebook.png") 0 0 / cover no-repeat;
-}
-.provisional.followus .twitter {
-	background: url("https://design.canada.ca/images/social-media/twitter.png") 0 0 / cover no-repeat;
-}
-.provisional.followus .youtube {
-	background: url("https://design.canada.ca/images/social-media/youtube.png") 0 0 / cover no-repeat;
-}
-.provisional.followus .instagram {
-	background: url("https://design.canada.ca/images/social-media/instagram.png") 0 0 / cover no-repeat;
-}
-.provisional.followus .linkedin {
-	background: url("https://design.canada.ca/images/social-media/linkedin.png") 0 0 / cover no-repeat;
-}
-/* fin des nouvelles icônes de réseaux sociaux */
-
-@media screen and (max-width: 767px) {
-	.provisional.bg-hide-xs {
-		background-image: url("none") !important;
-	}
-
-	.provisional.btn-call-to-action {
-		font-size: .9em;
-	}
-
-	.provisional.xs-left {
-		float: left !important;
-	}
-}
-
-@media (min-width:768px) and (max-width:991px) {
-	.provisional.bg-hide-sm {
-		background-image: url("none") !important;
-	}
-}
-
-
-
-
From 5b66f4ccec1944e58e097d288231aa6c53b15531 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Thu, 22 Feb 2024 15:38:11 -0500 Subject: [PATCH 2/3] move under beta heading --- modeles-obligatoire/pages-profil-institutionnel.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/modeles-obligatoire/pages-profil-institutionnel.md b/modeles-obligatoire/pages-profil-institutionnel.md index fd9833b5..623403e8 100644 --- a/modeles-obligatoire/pages-profil-institutionnel.md +++ b/modeles-obligatoire/pages-profil-institutionnel.md @@ -49,10 +49,10 @@ title: "Pages d'accueil institutionnelle - Modèle obligatoire de Canada.ca"

Comment mettre en œuvre

Vous pouvez utiliser la version bêtaou la version stablede ce modèle.

-
+

Version bêta de la page d'accueil institutionnelle

+

Nous travaillons à la stabilisation de la page d’accueil institutionnelle. Cet exemple codé de la version beta disparaîtra prochainement. Un lien vers le code stabilisé sera fourni dès que ce code sera disponible sur GCWeb.

-

Version bêta de la page d'accueil institutionnelle

La version bêta est une amélioration par rapport à la version stable. Le code est toujours en révision. Il se peut que des modifications y soient apportées.

La version bêta remplacera éventuellement la version stable.

Vous devrez utiliser un CSS distinct pour mettre en œuvre la version bêta de ce modèle.

From a2d4cdf33415ffb8f4d945c083842f4b3b924ff7 Mon Sep 17 00:00:00 2001 From: donohuech <118768603+donohuech@users.noreply.github.com> Date: Thu, 22 Feb 2024 15:58:04 -0500 Subject: [PATCH 3/3] Update pages-profil-institutionnel.md --- modeles-obligatoire/pages-profil-institutionnel.md | 1 - 1 file changed, 1 deletion(-) diff --git a/modeles-obligatoire/pages-profil-institutionnel.md b/modeles-obligatoire/pages-profil-institutionnel.md index 623403e8..ae320700 100644 --- a/modeles-obligatoire/pages-profil-institutionnel.md +++ b/modeles-obligatoire/pages-profil-institutionnel.md @@ -74,7 +74,6 @@ title: "Pages d'accueil institutionnelle - Modèle obligatoire de Canada.ca"
-

Version stable de la page d'accueil institutionnelle

La version stable sera éventuellement remplacée par la version bêta.