docs: show netlify badge on footer (#4190)

Signed-off-by: Outsider <outsideris@gmail.com>
mochajs · Feb 26, 2020 · 4dc3cd1 · 4dc3cd1
1 parent 09b948b
commit 4dc3cd1
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 42 deletions.
diff --git a/docs/_includes/default.html b/docs/_includes/default.html
@@ -90,47 +90,60 @@ <h1>
         </p>
       </div>
 
-      <ul id="openjsf-links">
-        <li>
-          <a href="https://openjsf.org/" rel="external noopener"
-            >The OpenJS Foundation</a
-          >
-        </li>
-        <li>
-          <a href="https://terms-of-use.openjsf.org/" rel="external noopener"
-            >Terms of Use</a
-          >
-        </li>
-        <li>
-          <a href="https://privacy-policy.openjsf.org/" rel="external noopener"
-            >Privacy Policy</a
-          >
-        </li>
-        <li>
-          <a href="https://bylaws.openjsf.org/" rel="external noopener"
-            >OpenJS Foundation Bylaws</a
-          >
-        </li>
-        <li>
-          <a
-            href="https://trademark-policy.openjsf.org/"
-            rel="external noopener"
-            >Trademark Policy</a
-          >
-        </li>
-        <li>
-          <a href="https://trademark-list.openjsf.org/" rel="external noopener"
-            >Trademark List</a
-          >
-        </li>
-        <li>
-          <a
-            href="https://www.linuxfoundation.org/cookies/"
-            rel="external noopener"
-            >Cookie Policy</a
-          >
-        </li>
-      </ul>
+      <div id="external-links">
+        <ul id="openjsf-links">
+          <li>
+            <a href="https://openjsf.org/" rel="external noopener"
+              >The OpenJS Foundation</a
+            >
+          </li>
+          <li>
+            <a href="https://terms-of-use.openjsf.org/" rel="external noopener"
+              >Terms of Use</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://privacy-policy.openjsf.org/"
+              rel="external noopener"
+              >Privacy Policy</a
+            >
+          </li>
+          <li>
+            <a href="https://bylaws.openjsf.org/" rel="external noopener"
+              >OpenJS Foundation Bylaws</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://trademark-policy.openjsf.org/"
+              rel="external noopener"
+              >Trademark Policy</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://trademark-list.openjsf.org/"
+              rel="external noopener"
+              >Trademark List</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://www.linuxfoundation.org/cookies/"
+              rel="external noopener"
+              >Cookie Policy</a
+            >
+          </li>
+        </ul>
+        <div class="netlify-badge">
+          <a href="https://www.netlify.com">
+            <img
+              src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg"
+            />
+          </a>
+        </div>
+      </div>
       <dl id="last-modified" class="dl-inline">
         <dt>Last updated</dt>
         <dd>

diff --git a/docs/css/style.css b/docs/css/style.css
@@ -251,6 +251,10 @@ footer {
   max-width: 66%;
 }
 
+#external-links {
+  position: relative;
+}
+
 #openjsf-links {
   margin: 0;
   padding: 0;
@@ -271,6 +275,12 @@ footer {
   content: ' | ';
 }
 
+#external-links .netlify-badge {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
 .dl-inline dt,
 .dl-inline dd {
   display: inline;
@@ -291,7 +301,7 @@ blockquote {
   padding: 10px;
 }
 
-@media all and (max-width: 900px) {
+@media all and (max-width: 960px) {
   #copyright-notice {
     max-width: initial;
   }