Merge pull request #138 from cfpb/banner-ga

add beta banner and google analytics script
cfpb · Aug 3, 2017 · 377c930 · 377c930
2 parents 8f47cf6 + b61ec56
commit 377c930
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/keycloak/themes/hmda/login/resources/css/hmda.css b/keycloak/themes/hmda/login/resources/css/hmda.css
@@ -20,6 +20,19 @@ h6,
   max-width: 450px;
 }
 
+.beta-banner .usa-alert-heading {
+  text-transform: none;
+}
+
+.beta-banner .usa-alert {
+  margin-top: 0;
+  padding: 3rem;
+}
+
+.beta-banner .usa-alert p {
+  margin: 0;
+}
+
 .usa-alert-heading {
   text-transform: capitalize;
 }
@@ -98,6 +111,7 @@ body {
   width: 100%;
 }
 
+.usa-alert-info,
 .usa-alert-error,
 .usa-alert-info,
 .usa-alert-warning {

diff --git a/keycloak/themes/hmda/login/template.ftl b/keycloak/themes/hmda/login/template.ftl
@@ -29,10 +29,33 @@
             <script src="${script}" type="text/javascript"></script>
         </#list>
     </#if>
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','GTM-KDGB99D');</script>
+    <!-- End Google Tag Manager -->
 </head>
 
 <body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KDGB99D"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
   <header class="usa-header usa-header-basic" role="banner">
+    <section class="beta-banner usa-text-small">
+      <div class="usa-alert usa-alert-warning">
+        <div class="usa-alert-body">
+          <h3 class="usa-alert-heading">This is a beta release</h3>
+          <div class="usa-alert-text">
+            <p>The beta HMDA Platform is a work in progress, intended to provide HMDA filers with an understanding of the submission process, prior to the filing period.</p>
+            <p>This is part of our work to improve the HMDA electronic reporting process for financial institutions.</p>
+            <p>For more information about filing your HMDA data, please visit <a href="https://www.consumerfinance.gov/hmda">https://www.consumerfinance.gov/hmda/.</a></p>
+          </div>
+        </div>
+      </div>
+    </section>
     <div class="usa-banner">
       <header class="usa-banner-header">
         <div class="usa-grid usa-banner-inner">