Merge branch 'main' of https://github.com/gc-proto/ircc

gc-proto · Nov 18, 2024 · cfae4e4 · cfae4e4
2 parents 6b85f30 + 7ba954d
commit cfae4e4
Show file tree

Hide file tree

Showing 2 changed files with 67 additions and 1 deletion.
diff --git a/prototypes/my-application/application.html b/prototypes/my-application/application.html
@@ -159,6 +159,34 @@ <h1 property="name" id="wb-cont" dir="ltr">IRCC applications</h1>
             </div>
         </div>
 
+        <div class="reference parbase section"><div class="cq-dd-paragraph"><div class="mwsgeneric_base_html mwsgeneric-base-html parbase">
+
+
+
+            <span data-incl-name="canadapost-citimmtr-eng"></span>
+        <div id="alerts">
+           <section class="brdr-0 mrgn-bttm-0 infobg">
+               <div class="container">
+                   <h2 class="wb-inv">Alerts</h2>
+                   <div class="row mrgn-tp-md">
+                       <div class="col-md-2 col-xs-12 icon">
+                           <p class="text-center"><span class="fas fa-exclamation-circle fa-3x" aria-hidden="true"></span></p>
+                       </div>
+                       <div class="col-md-10 col-xs-12 small">  
+                           <details>
+                               <summary><strong>The Canada Post labour disruption will cause delays in mail delivery  </strong></summary>
+                               <p>We’re still processing applications normally. However, there will be delays in</p>
+                               <ul>
+                                   <li>sending applications mailed within or to Canada</li>
+                                   <li>getting mail from us</li>
+                               </ul>
+                               <p>We encourage you to <strong>apply online if possible</strong>. If you need to apply on paper, use a courier to send us your application.</p>
+                           </details>
+                       </div>
+                   </div>
+               </div>
+           </section>
+        </div>
         <section class="my-application">
 
 
@@ -483,5 +511,30 @@ <h3 class="wb-inv">Government of Canada Corporate</h3>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha384-rY/jv8mMhqDabXSo+UCggqKtdmBfd3qC2/KvyTDNQ6PcUJXaxK1tMepoQda4g5vB" crossorigin="anonymous"></script>
     <script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
     <script src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/js/theme.min.js"></script>
-
+    <script>
+
+        // CSS rules
+        var rule  = '.infobg { background-color:#d9edf7 !important; margin-bottom: 0px !important; padding: 6px !important; }';
+
+        function addCss(rule) {
+          let css = document.createElement('style');
+          css.type = 'text/css';
+          if (css.styleSheet) css.styleSheet.cssText = rule; // Support for IE
+          else css.appendChild(document.createTextNode(rule)); // Support for the rest
+          document.getElementsByTagName("head")[0].appendChild(css);
+        }
+
+
+        // Load the rules and execute after the DOM loads
+        window.onload = function() {addCss(rule)};
+
+
+        var ht=$("#alerts").height();
+        ht=ht-27;
+        ht=ht+"px";
+        console.log(ht);
+        $(".icon").css("line-height",ht);
+        $(".icon").css("vertical-align", "middle");
+
+        </script>
 </html>
diff --git a/prototypes/my-application/demande.html b/prototypes/my-application/demande.html
@@ -60,6 +60,19 @@ <h1 property="name" id="wb-cont" dir="ltr">Demandes d’IRCC</h1>
 
 
             <div class="container">
+                <div class="alert alert-warning">
+                    <p class="h4"><strong>La perturbation du travail à Postes Canada causera des retards de livraison
+                            de la poste</strong></p>
+                    <p>Nous continuons de traiter les demandes comme à l’habitude. Cependant, il y aura des retards
+                        concernant&nbsp;:</p>
+                    <ul>
+                        <li>l’envoi par la poste de demandes au Canada ou vers le Canada;</li>
+                        <li>la réception de courrier de notre part.</li>
+                    </ul>
+                    <p>Nous vous encourageons à <strong>présenter une demande en ligne, si possible</strong>. Si vous devez présenter une demande papier, utilisez un service de messagerie pour nous envoyer votre demande.</p>
+                </div>
+
+
                 <div class="row mrgn-bttm-lg">
                     <div class="col-md-1 h2 mrgn-tp-0 mrgn-rght-lg hidden-xs hidden-sm"><i class="big-number">1</i></div>
                     <div class="col-md-10">