Fix #3692

docs/_includes/footer/support.html

@@ -1,18 +1,21 @@
 <div class="bd-footer-support">
-  <h4 class="bd-footer-title">
+  <h4 class="bd-footer-title"><strong>Support</strong> Bulma <span class="bd-emoji-bis">😃</span></h4>
-    <strong>Support</strong> Bulma <span class="bd-emoji-bis">😃</span>
-  </h4>
 
   <div class="bd-footer-donations columns is-multiline">
     <div class="bd-footer-donation column">
-      <p class="bd-footer-donation-title">
+      <p class="bd-footer-donation-title"><strong>One-time</strong> donation</p>
-        <strong>One-time</strong> donation
-      </p>
       <div class="bd-footer-donation-action">
         <form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
           <input type="hidden" name="cmd" value="_s-xclick">
           <input type="hidden" name="hosted_button_id" value="8WMKYSRFN6A78">
-          <input type="image" src="{{site.url}}/images/paypal-donate.png" border="0" name="submit" alt="PayPal – The safer, easier way to pay online." height="30">
+          <input
+            type="image"
+            src="{{site.url}}/images/paypal-donate.png"
+            border="0"
+            name="submit"
+            alt="PayPal – The safer, easier way to pay online."
+            height="30"
+          >
           <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
         </form>
       </div>
@@ -20,25 +23,14 @@
 
     {% if site.data.sponsors.footer.size > 0 %}
       <div class="bd-footer-donation column">
-        <p class="bd-footer-donation-title">
+        <p class="bd-footer-donation-title">Visit our <strong>Sponsors</strong></p>
-          Visit our <strong>Sponsors</strong>
-        </p>
 
-        <div class="bd-footer-donation-items">
+        <div class="bd-footer-donation-items" id="pied"></div>
-          {% for sponsor_id in site.data.sponsors.footer %}
-            {% include elements/sponsor-item.html
-              sponsor_id=sponsor_id
-              classname="bd-footer-sponsor"
-              %}
-          {% endfor %}
-        </div>
       </div>
     {% endif %}
 
     <div class="bd-footer-donation column">
-      <p class="bd-footer-donation-title">
+      <p class="bd-footer-donation-title"><strong>Monthly</strong> donation</p>
-        <strong>Monthly</strong> donation
-      </p>
       <div class="bd-footer-donation-action">
         {% include elements/sponsor-button.html %}
       </div>

docs/_javascript/index.js

@@ -96,6 +96,7 @@ document.addEventListener("DOMContentLoaded", () => {
   // Amis
 
   const $amis = document.getElementById("amis");
+  const $pied = document.getElementById("pied");
 
   if ($amis) {
     fetch("https://jgthms.com/amis/new.json")
@@ -110,7 +111,7 @@ document.addEventListener("DOMContentLoaded", () => {
         response.forEach((item) => {
           const el = document.createElement("a");
           el.className = "bd-sponsor-item bd-partner-sponsor";
-          el.href = "url";
+          el.href = item.url;
           el.target = "_blank";
           el.title = item.title || item.id;
 
@@ -120,6 +121,11 @@ document.addEventListener("DOMContentLoaded", () => {
 
           el.appendChild(img);
           $amis.appendChild(el);
+
+          if (item.pied && $pied) {
+            el.className = "bd-sponsor-item bd-footer-sponsor";
+            $pied.appendChild(el);
+          }
         });
       });
   }

docs/documentation/components/modal.html

@@ -120,7 +120,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
   // Add a keyboard event to close all modals
   document.addEventListener('keydown', (event) => {
-    if (event.code === 'Escape') {
+    if(e.key === "Escape") {
       closeAllModals();
     }
   });

docs/lib/index.js

@@ -85,6 +85,7 @@ document.addEventListener("DOMContentLoaded", function () {
   // Amis
 
   var $amis = document.getElementById("amis");
+  var $pied = document.getElementById("pied");
 
   if ($amis) {
     fetch("https://jgthms.com/amis/new.json").then(function (response) {
@@ -107,6 +108,11 @@ document.addEventListener("DOMContentLoaded", function () {
 
         el.appendChild(img);
         $amis.appendChild(el);
+
+        if (item.pied && $pied) {
+          el.className = "bd-sponsor-item bd-footer-sponsor";
+          $pied.appendChild(el);
+        }
       });
     });
   }