Adds a site footer template necessary for bento 🙈

We already had a `site_footer` but it was really a `libraries_footer` so it was renamed.

`site_footer` now appears at the bottom of the main content but before the actual `<footer>` tags. This is what bento used to call `about_bento`.

Author: JPrevost

README.md

@@ -34,7 +34,11 @@ If you have local overrides for styles, import them _after_ the shared styles.
 
 You'll want to set `<%= content_for(:title, "SOMETHING") %>` on your views.
 
-You'll want to copy `app/views/layouts/_site_nav.html.erb` into your local repo and make appropriate changes.
+You'll want to copy `app/views/layouts/_site_nav.html.erb` into your local
+repo and make appropriate changes.
+
+`app/views/layouts/_site_footer.html.erb` is also available if you really need
+a third footer above the other two (I'm looking at you bento!).
 
 If you need to make changes to other templates, you can also copy those to your local repo but you should check with others as the main header / footer / etc are probably best left as they are in this gem.
 

app/views/layouts/_libraries_footer.html.erb

@@ -0,0 +1,25 @@
+<div class="wrap-outer-footer layout-band">
+  <div class="wrap-footer footer-slim">
+    <div class="footer-main" aria-label="MIT Libraries footer">
+      <div class="identity">
+        <div class="wrap-logo-lib">
+          <a href="https://libraries.mit.edu" class="logo-mit-lib" alt="MIT Libraries Logo">
+            <span class="sr">MIT Libraries home</span>
+            <%= image_tag("mitlib-wordmark.svg", :alt => "MIT Libraries logo") %>
+          </a>
+        </div>
+      </div><!-- end .identity -->
+      <div class="wrap-sitemap">
+        <nav class="sitemap-libraries-abbrev" aria-label="MIT Libraries site menu">
+          <h2 class="sr">MIT Libraries navigation</h2>
+          <a class="item" href="https://libraries.mit.edu/">Home</a>
+          <a class="item" href="https://libraries.mit.edu/search">Search</a>
+          <a class="item" href="https://libraries.mit.edu/hours">Hours &amp; locations</a>
+          <a class="item" href="https://libraries.mit.edu/borrow">Borrow &amp; request</a>
+          <a class="item" href="https://libraries.mit.edu/research-support">Research support</a>
+          <a class="item" href="https://libraries.mit.edu/about">About the Libraries</a>
+        </nav>
+      </div><!-- end .links-all -->
+    </div>
+  </div>
+</div>

app/views/layouts/_site_footer.html.erb

@@ -1,25 +1 @@
-<div class="wrap-outer-footer layout-band">
-  <div class="wrap-footer footer-slim">
-    <div class="footer-main" aria-label="MIT Libraries footer">
-      <div class="identity">
-        <div class="wrap-logo-lib">
-          <a href="https://libraries.mit.edu" class="logo-mit-lib" alt="MIT Libraries Logo">
-            <span class="sr">MIT Libraries home</span>
-            <%= image_tag("mitlib-wordmark.svg", :alt => "MIT Libraries logo") %>
-          </a>
-        </div>
-      </div><!-- end .identity -->
-      <div class="wrap-sitemap">
-        <nav class="sitemap-libraries-abbrev" aria-label="MIT Libraries site menu">
-          <h2 class="sr">MIT Libraries navigation</h2>
-          <a class="item" href="https://libraries.mit.edu/">Home</a>
-          <a class="item" href="https://libraries.mit.edu/search">Search</a>
-          <a class="item" href="https://libraries.mit.edu/hours">Hours &amp; locations</a>
-          <a class="item" href="https://libraries.mit.edu/borrow">Borrow &amp; request</a>
-          <a class="item" href="https://libraries.mit.edu/research-support">Research support</a>
-          <a class="item" href="https://libraries.mit.edu/about">About the Libraries</a>
-        </nav>
-      </div><!-- end .links-all -->
-    </div>
-  </div>
-</div>
+<%# This template can be used to place content at the bottom of each page above the libraries and institute footers %> 

app/views/layouts/application.html.erb

@@ -11,6 +11,7 @@
       <%= render partial: "layouts/global_alert" %>
 
       <%= render partial: "layouts/site_header" %>
+
       <%= render partial: "layouts/site_nav" %>
 
       <div class="wrap-outer-content layout-band">
@@ -20,6 +21,7 @@
 
             <%= yield %>
 
+            <%= render partial: "layouts/site_footer" %>
           </main>
           <!-- close content-main -->
         </div>
@@ -28,7 +30,7 @@
       <script src="https://use.fontawesome.com/38304317ff.js"></script>
 
       <footer>
-        <%= render partial: "layouts/site_footer" %>
+        <%= render partial: "layouts/libraries_footer" %>
         <%= render partial: "layouts/institute_footer" %>
       </footer>
     </div>