From f7366ea9f0cbbc2291bbed62f0eac30103045c04 Mon Sep 17 00:00:00 2001
From: Ryan Kotval <rkotval@mbta.com>
Date: Wed, 25 Oct 2023 09:23:42 -0500
Subject: [PATCH] =?UTF-8?q?feat(PolicyFooter):=20Add=20the=20terms=20of=20?=
 =?UTF-8?q?serivce=20and=20policy=20links=20to=20the=20=E2=80=A6=20(#1778)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(PolicyFooter): Add the terms of serivce and policy links to the footer

* Updated static color value to global variable

* Fixed styling

* Fixed padding
---
 apps/site/assets/css/_footer.scss              | 18 ++++++++++++++++++
 .../site_web/templates/layout/_footer.html.eex |  4 ++++
 2 files changed, 22 insertions(+)

diff --git a/apps/site/assets/css/_footer.scss b/apps/site/assets/css/_footer.scss
index 73750b2bd8..652696fa6b 100644
--- a/apps/site/assets/css/_footer.scss
+++ b/apps/site/assets/css/_footer.scss
@@ -490,3 +490,21 @@ address {
     border-radius: 40px 40px 0 0;
   }
 }
+
+.m-footer__policy-links {
+  display: block;
+  font-size: .9rem;
+
+  @include media-breakpoint-up(lg) {
+    font-size: 1rem;
+    margin-left: 3.5rem;
+  }
+
+  @include media-breakpoint-down(xs) {
+    margin-left: 1rem;
+  }
+
+  a {
+    color: $brand-primary-light-contrast;
+  }
+}
diff --git a/apps/site/lib/site_web/templates/layout/_footer.html.eex b/apps/site/lib/site_web/templates/layout/_footer.html.eex
index ea0d1c1f5b..e8e440063d 100644
--- a/apps/site/lib/site_web/templates/layout/_footer.html.eex
+++ b/apps/site/lib/site_web/templates/layout/_footer.html.eex
@@ -70,6 +70,10 @@
             </div>
           </div>
           <p class="m-footer__copyright">&copy; Massachusetts Bay Transportation Authority, all rights reserved.</p>
+          <div class="container m-footer__policy-links mt-16">
+            <%= link "Privacy Policy", to: "/policies/privacy-policy", class: "me-16" %>
+            <%= link "Terms of Use", to: "/policies/terms-use" %>
+          </div>
         </div>
       </footer>
     </div>