Pressbooks footer.

resources/assets/styles/layouts/_footer.scss

@@ -0,0 +1,121 @@
+.content-info {
+  .powered-by {
+    display: flex;
+    position: relative;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 125px;
+    background-color: $dark-grey;
+    font-size: 14px;
+
+    h1,
+    a {
+      color: $white;
+      font-family: Karla, sans-serif;
+      text-decoration: none;
+      text-transform: none;
+      letter-spacing: normal;
+    }
+
+    h1 {
+      font-size: 16px;
+      font-weight: normal;
+      margin-bottom: 0;
+
+      .pressbooks {
+        font-weight: 600;
+      }
+    }
+
+    ul {
+      display: none;
+      margin: 0;
+    }
+
+    .pressbooks-icon {
+      display: none;
+    }
+
+    .pressbooks-links {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .social-media {
+      margin-top: 1em;
+
+      a {
+        font-size: 32px;
+        margin: 0 0.25em;
+        transition: all 0.4s;
+      }
+    }
+  }
+}
+
+@media (min-width: $medium) {
+  .content-info {
+    .powered-by {
+      flex-direction: row;
+      justify-content: space-between;
+      height: 106.76px;
+      padding: 0 38px;
+
+      h1 {
+        font-weight: 600;
+      }
+
+      ul {
+        display: block;
+        list-style: none;
+
+        li {
+          display: inline-block;
+
+          &::after {
+            content: "|";
+            color: $white;
+            display: inline-block;
+            margin: 0 0.5em;
+          }
+
+          &:last-child {
+            &::after {
+              content: "";
+              display: none;
+            }
+          }
+        }
+      }
+
+      h1 a,
+      li a {
+        border-bottom: solid 1px $dark-grey;
+        transition: all 0.4s;
+
+        &:hover,
+        &:focus {
+          border-bottom: solid 1px $white;
+        }
+      }
+
+      .pressbooks-icon {
+        display: block;
+        line-height: 1;
+      }
+
+      .social-media {
+        margin-top: 0;
+
+        a {
+          font-size: 24px;
+          margin: 0 0 0 0.5em;
+        }
+      }
+    }
+  }
+}

resources/views/partials/footer.blade.php

@@ -1,5 +1,21 @@
 <footer class="content-info">
   <div class="container">
     @php(dynamic_sidebar('sidebar-footer'))
+    <section class="powered-by">
+      <a class="pressbooks-icon" href="https://pressbooks.com" title="Pressbooks"><img src="@asset('images/pb.png')" srcset="1x @asset('images/pb.png'), 2x @asset('images/pb@2x.png')" alt="{{ __('The Pressbooks logo', 'aldine')}}" width="45" height="44" /></a>
+      <div class="pressbooks-links">
+        <h1><a href="https://pressbooks.com">{!! sprintf(__('Powered by %s', 'aldine'), '<span class="pressbooks">Pressbooks</span>') !!}</a></h1>
+        <ul>
+          <li><a href="https://github.com/pressbooks" title="{{ __('Open Source', 'aldine') }}">{{ __('Open Source', 'aldine') }}</a></li>
+          <li><a href="https://github.com/pressbooks" title="{{ __('Open Textbooks', 'aldine') }}">{{ __('Open Textbooks', 'aldine') }}</a></li>
+          <li><a href="https://github.com/pressbooks" title="{{ __('Open Book Publishing', 'aldine') }}">{{ __('Open Book Publishing', 'aldine') }}</a></li>
+          <li><a href="https://github.com/pressbooks" title="{{ __('Learn More', 'aldine') }}">{{ __('Learn More', 'aldine') }}</a></li>
+        </ul>
+      </div>
+      <div class="social-media">
+        <a class="facebook" href="https://facebook.com/pressbooks2" title="{{ __('Pressbooks on Facebook', 'aldine') }}"><i class="fa fa-facebook-official"></i></a>
+        <a class="twitter" href="https://twitter.com/intent/follow?screen_name=pressbooks" title="{{ __('Pressbooks on Twitter', 'aldine') }}"><i class="fa fa-twitter"></i></a>
+      </div>
+    </section>
   </div>
 </footer>