From 4dc3cd1cd3dbae13f81d4d0e1386dcee67e25194 Mon Sep 17 00:00:00 2001
From: "JeongHoon Byun (aka Outsider)" <outsideris@gmail.com>
Date: Thu, 27 Feb 2020 06:20:27 +0900
Subject: [PATCH] docs: show netlify badge on footer (#4190)

Signed-off-by: Outsider <outsideris@gmail.com>
---
 docs/_includes/default.html | 95 +++++++++++++++++++++----------------
 docs/css/style.css          | 12 ++++-
 2 files changed, 65 insertions(+), 42 deletions(-)

diff --git a/docs/_includes/default.html b/docs/_includes/default.html
index 476b96a64d..7e3a29f000 100644
--- 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
index f9bfc27a75..60bca37af4 100644
--- 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;
   }