podcast logo (#2425)

* Added podcast logo to footer (#2323) * include png image * Update podcast link * 'push podcast footer icon to new line' Co-authored-by: foglabs <foglaboratories@gmail.com>
WGBH-MLA · May 9, 2022 · 0bfdaf8 · 0bfdaf8
1 parent f2079c9
commit 0bfdaf8
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 8 deletions.
diff --git a/app/assets/stylesheets/locals/footer.css.scss b/app/assets/stylesheets/locals/footer.css.scss
@@ -106,16 +106,24 @@
                         margin-right:1em;
                 }
 
-                ul.social a {
+                ul.social a.footer-sprite {
                         background-image:url(/site-ui/aapb-site-sprite.png);
-                        background-repeat:no-repeat;
                         background-position:0 -350px;
                         background-size: 512px auto;
+                }
+
+                ul.social a {
+                        background-repeat:no-repeat;
                         display:block;
+                        width:32px;
                         height:32px;
                         opacity:.8;
                         text-indent:-9999em;
-                        width:32px;
+                }
+
+                ul.social .blog a {
+                        background-position:-80px -350px;
+                        background-position:0 -350px;
                 }
 
                 ul.social .twitter a {
@@ -131,6 +139,12 @@
                         background-position: 0px -297px;
                 }
 
+                ul.social .podcast a {
+                        background-image:url(/site-ui/podcast_32x32.png);
+                        background-position: 0px 0px;
+
+                }
+
                 ul.social a:hover {
                         opacity:1;
                 }
@@ -219,4 +233,3 @@ hr {
     }
   }
 }
-
diff --git a/app/views/shared/_footer.html.erb b/app/views/shared/_footer.html.erb
@@ -72,10 +72,14 @@
                   </ul>
                   <% if i == 1 && j == 1 %>
                     <ul class="social list-unstyled">
-                      <li class="blog"><a class="blog" href="https://americanarchivepb.wordpress.com/" target="_blank" title="Read the AAPB Blog">Read Our Blog</a></li>
-                      <li class="twitter"><a href="https://twitter.com/amarchivepub" target="_blank" title="Follow us on Twitter">Follow us on Twitter</a></li>
-                      <li class="facebook"><a href="https://www.facebook.com/amarchivepub" target="_blank" title="Like us on Facebook">Like us on Facebook</a></li>
-                      <li class="instagram"><a href="https://www.instagram.com/amarchivepub/" target="_blank" title="Follow us on Instagram">Follow us on Instagram</a></li>
+                      <li class="blog"><a class="footer-sprite" href="https://americanarchivepb.wordpress.com/" target="_blank" title="Read the AAPB Blog">Read Our Blog</a></li>
+                      <li class="twitter"><a class="footer-sprite" href="https://twitter.com/amarchivepub" target="_blank" title="Follow us on Twitter">Follow us on Twitter</a></li>
+                      <li class="facebook"><a class="footer-sprite" href="https://www.facebook.com/amarchivepub" target="_blank" title="Like us on Facebook">Like us on Facebook</a></li>
+                      <li class="instagram"><a class="footer-sprite" href="https://www.instagram.com/amarchivepub/" target="_blank" title="Follow us on Instagram">Follow us on Instagram</a></li>
+                    </ul>
+                    <ul class="social list-unstyled">
+                      <li class="podcast"><a href="https://feeds.feedburner.com/PresentingThePastExploringTheAmericanArchiveOfPublicBroadcasting" target="_blank" title="Listen to our Podcast">Listen to our Podcast</a></li>
+
                     </ul>
                   <% end %>
                 </div>

diff --git a/public/site-ui/podcast_32x32.png b/public/site-ui/podcast_32x32.png