add facebook icon/link back to global footer (#262)

mbta · Nov 5, 2019 · a23b501 · a23b501
1 parent b6fcf2c
commit a23b501
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/apps/site/assets/css/_social.scss b/apps/site/assets/css/_social.scss
@@ -27,6 +27,14 @@
   width: 1.5em;
 }
 
+.c-social--facebook {
+  background-color: $facebook;
+
+  .fa {
+    color: $white;
+  }
+}
+
 .c-social--instagram {
   background-color: $white;
 

diff --git a/apps/site/lib/site_web/templates/layout/_footer.html.eex b/apps/site/lib/site_web/templates/layout/_footer.html.eex
@@ -81,7 +81,8 @@
       <li class="m-footer__group">
         <div class="m-footer__group-title">Follow Us Online</div>
         <ul class="c-social">
-          <% social_links = %{"instagram" => "https://www.instagram.com/mbtapics/",
+          <% social_links = %{"facebook" => "https://www.facebook.com/TheMBTA/",
+                              "instagram" => "https://www.instagram.com/mbtapics/",
                               "youtube"   => "https://www.youtube.com/user/mbtagm/",
                               "twitter"   => "https://twitter.com/MBTA"} %>
           <%= for {name, href} <- social_links do %>