add OpenJS Foundation logo to website (#4008)

* add OpenJS Foundation logo to website

* fix flaky template

Signed-off-by: Christopher Hiller <[email protected]>

Author: boneskull

Diff for: docs/_includes/default.html

@@ -22,43 +22,54 @@
     <header id="_header">
       <h1>
         <a href="/">
-          <img
-            id="mocha-logo"
-            src="/images/mocha-logo.svg"
-            alt="Mocha logo"
-          />
+          <img id="mocha-logo" src="/images/mocha-logo.svg" alt="Mocha logo" />
         </a>
       </h1>
       <p id="tag"><em>simple</em>, <em>flexible</em>, <em>fun</em></p>
     </header>
 
     <main id="content">{{ content }}</main>
-	
-	<aside class="sponsorship">
-		<a href="https://matomo.org/" rel="external noopener" target="_blank">
-			<img 
-				id="matomoLogo"
-				src="images/matomo-logo.png?trim"
-				alt="Matomo logo"
-			/>
-		</a>
-	</aside>
+
+    <aside class="sponsorship">
+      <a href="https://matomo.org/" rel="external noopener" target="_blank">
+        <img
+          id="matomoLogo"
+          src="images/matomo-logo.png?trim"
+          alt="Matomo logo"
+        />
+      </a>
+      <a
+        title="Mocha is an OpenJS Foundation Project"
+        href="https://openjsf.org"
+        rel="external noopener"
+        target="_blank"
+      >
+        <img
+          src="/images/openjsf-logo.svg"
+          width="300"
+          height="94"
+          alt="OpenJS Foundation Logo"
+        />
+      </a>
+    </aside>
 
     <footer>
       <div>
         <a rel="home" href="https://mochajs.org/">mochajs.org</a>
         is licensed under a
         <a
           rel="license external noopener"
-          href="https://creativecommons.org/licenses/by/4.0/">
+          href="https://creativecommons.org/licenses/by/4.0/"
+        >
           Creative Commons Attribution 4.0 International License</a
         >.
         <dl class="dl-inline last-modified">
           <dt>Last updated</dt>
           <dd>
             <time
               itemprop="lastModified"
-              datetime="{{ 'now' | date: '%Y-%m-%dT%H:%M:%SZ' }}">
+              datetime="{{ 'now' | date: '%Y-%m-%dT%H:%M:%SZ' }}"
+            >
               {{ 'now' | date: '%a %b %d %H:%M:%S %Y' }}
             </time>
           </dd>

Diff for: docs/css/style.css

@@ -174,10 +174,10 @@ code {
   line-height: 1.8;
 }
 
-:not(pre)>code {
+:not(pre) > code {
   background-color: #f5f2f0;
   border-radius: 3px;
-  padding: .2em .4em;
+  padding: 0.2em 0.4em;
 }
 
 pre {
@@ -200,14 +200,19 @@ img.screenshot {
 }
 
 #matomoLogo {
-    display: block; 
-    height: 176px;
+  display: block;
+  height: 176px;
 }
 
 .sponsorship {
-    display: flex; 
-    justify-content: center;
-	margin-bottom: 60px;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 60px;
+  align-items: center;
+}
+
+.sponsorship a {
+  padding: 0 40px;
 }
 
 footer {

Diff for: docs/images/openjsf-logo.svg

@@ -1911,7 +1911,7 @@ or the [source](https://github.com/mochajs/mocha/blob/master/lib/mocha.js).
 [yargs-configobject-extends]: http://yargs.js.org/docs/#api-configobject-extends-keyword
 [zsh-globbing]: http://zsh.sourceforge.net/Doc/Release/Expansion.html#Recursive-Globbing
 
-<!-- AUTO-GENERATED-CONTENT:START (manifest:template=[Gitter]: ${gitter}) -->
+<!-- AUTO-GENERATED-CONTENT:START (manifest:template=[gitter]: ${gitter}) -->
 
 [gitter]: https://gitter.im/mochajs/mocha