add wallaby logo to bottom of site

Author: boneskull

docs/_includes/default.html

@@ -31,7 +31,11 @@ <h1>
     <main id="content">{{ content }}</main>
 
     <aside class="sponsorship">
-      <a href="https://matomo.org/" rel="external noopener">
+      <a
+        href="https://matomo.org/"
+        rel="external noopener"
+        title="Mocha is sponsored by Matomo"
+      >
         <img src="images/matomo-logo.png?trim" alt="Matomo logo" />
       </a>
       <a
@@ -46,6 +50,16 @@ <h1>
           alt="OpenJS Foundation Logo"
         />
       </a>
+      <a
+        href="https://wallabyjs.com"
+        rel="external noopener"
+        title="Mocha is sponsored by Wallaby"
+      >
+        <figure id="wallaby-logo">
+          <img src="images/wallaby-logo.png?trim" alt="Wallaby logo" />
+          <figcaption>Wallaby</figcaption>
+        </figure>
+      </a>
     </aside>
 
     <footer>

docs/css/style.css

@@ -231,6 +231,7 @@ img.screenshot {
 
 .sponsorship a {
   padding: 0 40px;
+  text-decoration: none;
 }
 
 footer {
@@ -301,6 +302,23 @@ blockquote {
   padding: 10px;
 }
 
+figure#wallaby-logo {
+  vertical-align: top;
+  display: inline-block;
+  text-align: center;
+}
+figure#wallaby-logo figcaption {
+  margin-top: 10px;
+  display: block;
+  font-family: 'Open Sans', -apple-system, system-ui, 'Segoe UI', Oxygen, Ubuntu,
+    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-weight: 400;
+  letter-spacing: 2px;
+  text-transform: uppercase;
+  color: #2c2c2c;
+  -webkit-font-smoothing: antialiased;
+}
+
 @media all and (max-width: 960px) {
   #copyright-notice {
     max-width: initial;