Merge pull request #167 from anct-cnum/mp/nouvelleModificationPageFor…

…mation Ajout wording et passage en rem
anct-cnum · Apr 9, 2024 · c8ae356 · c8ae356
2 parents 7201115 + d574710
commit c8ae356
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 6 deletions.
diff --git a/src/assets/sass/views/_formation.scss b/src/assets/sass/views/_formation.scss
@@ -7,8 +7,8 @@
 
 .formation {
   color: $grey !important;
-  font-size: 16px !important;
-  line-height: 24px !important;
+  font-size: 1rem !important;
+  line-height: 1.5rem !important;
   a {
     color: #000091;
   }
@@ -18,19 +18,19 @@
   }
 
   .introduction {
-    font-size: 18px;
+    font-size: 1.125rem;
   }
 
   .title-h3 {
-    font-size: 18px; 
+    font-size: 1.125rem; 
     color: $blue-light;
     margin-bottom: 0;
     margin-top: 0; 
   }
 
   .description {
     color: $light-grey;
-    font-size: 12px;
+    font-size: 0.75rem;
     font-weight: 400;
     line-height: 20px;
     letter-spacing: 0em;

diff --git a/src/views/formation/FormationContinue.js b/src/views/formation/FormationContinue.js
@@ -5,6 +5,7 @@ function FormationContinue() {
   const mednumUrl = 'https://lamednum.coop/formation/';
   const popschoolUrl = 'https://popschool.fr/inscription-pop-school/';
   const popschoolAideUrl = 'https://popschool.fr/formation-conseiller-numerique/';
+  const aidantsconnectUrl = 'https://aidantsconnect.beta.gouv.fr/habilitation';
   return (
     <div className="fr-col-9 fr-mt-5w cadre">
       <div className="fr-ml-5w fr-col-11">
@@ -22,6 +23,15 @@ function FormationContinue() {
             lamednum.coop/formation
           </a>
         </p>
+        <p>
+          Si vous souhaitez suivre le module Aidants Connect, le calendrier des sessions vous sera partag&eacute; une fois
+          l&rsquo;habilitation de votre structure obtenue.
+        </p>
+        <p>Pour obtenir l&rsquo;habilitation Aidants Connect&nbsp;:&nbsp;
+          <a href={aidantsconnectUrl} rel="noopener noreferrer" target="_blank">
+            aidantsconnect.beta.gouv.fr/habilitation
+          </a>
+        </p>
         <h3 style={{ fontSize: '20px' }}>-&nbsp;Passage du CCP2 et CCP3 du titre REMN</h3>
         <p>
           Le nouveau dispositif de formation permet aux conseillers num&eacute;riques <b>ayant valid&eacute; le titre CCP1</b>,

diff --git a/src/views/formation/FormationInitiale.js b/src/views/formation/FormationInitiale.js
@@ -5,6 +5,7 @@ function FormationInitiale() {
   const contactOutreMerUrl = 'https://framaforms.org/formulaire-de-contact-structure-accueillant-un-cnfs-1699450618';
   const fabrikUrl = 'https://fabrikmediationnumerique.org/';
   const mednumUrl = 'https://lamednum.coop/formation/';
+  const aidantsconnectUrl = 'https://aidantsconnect.beta.gouv.fr/habilitation';
 
   return (
     <div className="fr-col-9 fr-mt-3w cadre">
@@ -91,14 +92,27 @@ function FormationInitiale() {
       <div className="fr-ml-5w fr-col-11">
         <p>
           Afin de vous permettre de personnaliser votre parcours, deux modules compl&eacute;mentaires de 7h ou 14h sont propos&eacute;s
-          au choix parmi 15 th&eacute;matiques.
+          au choix parmi 15 th&eacute;matiques.&nbsp;<b>Il est n&eacute;cessaire d&rsquo;avoir d&eacute;j&agrave; re&ccedil;u votre convocation
+          pour la pr&eacute;paration au CCP1 avant de proc&eacute;der &agrave; votre inscription sur une session de formation.</b>
         </p>
         <p>
           <b>Inscriptions&nbsp;:&nbsp;</b>
           <a href={mednumUrl} rel="noopener noreferrer" target="_blank">
            lamednum.coop/formation
           </a>
         </p>
+        <p>
+          Si vous souhaitez suivre le module Aidants Connect, le calendrier des sessions vous sera partag&eacute; une fois
+          l&rsquo;habilitation de votre structure obtenue. <b>Vous pouvez entamer les d&eacute;marches avant la r&eacute;ception de
+          votre convocation pour la pr&eacute;paration au CCP1, mais devrez attendre cette convocation pour vous inscrire &agrave;
+          une session de formation.</b>
+        </p>
+        <p>
+          <b>Pour obtenir l&rsquo;habilitation Aidants Connect&nbsp;:&nbsp;</b>
+          <a href={aidantsconnectUrl} rel="noopener noreferrer" target="_blank">
+            aidantsconnect.beta.gouv.fr/habilitation
+          </a>
+        </p>
       </div>
     </div>
   );