Fix #3692

jgthms · Jan 19, 2024 · 2983ef2 · 2983ef2
1 parent 4268eb3
commit 2983ef2
Show file tree

Hide file tree

Showing 6 changed files with 2,322 additions and 1,894 deletions.
diff --git a/docs/_includes/footer/support.html b/docs/_includes/footer/support.html
@@ -1,44 +1,36 @@
 <div class="bd-footer-support">
-  <h4 class="bd-footer-title">
-    <strong>Support</strong> Bulma <span class="bd-emoji-bis">😃</span>
-  </h4>
+  <h4 class="bd-footer-title"><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">
-        <strong>One-time</strong> donation
-      </p>
+      <p class="bd-footer-donation-title"><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>
     </div>
 
     {% if site.data.sponsors.footer.size > 0 %}
       <div class="bd-footer-donation column">
-        <p class="bd-footer-donation-title">
-          Visit our <strong>Sponsors</strong>
-        </p>
+        <p class="bd-footer-donation-title">Visit our <strong>Sponsors</strong></p>
 
-        <div class="bd-footer-donation-items">
-          {% for sponsor_id in site.data.sponsors.footer %}
-            {% include elements/sponsor-item.html
-              sponsor_id=sponsor_id
-              classname="bd-footer-sponsor"
-              %}
-          {% endfor %}
-        </div>
+        <div class="bd-footer-donation-items" id="pied"></div>
       </div>
     {% endif %}
 
     <div class="bd-footer-donation column">
-      <p class="bd-footer-donation-title">
-        <strong>Monthly</strong> donation
-      </p>
+      <p class="bd-footer-donation-title"><strong>Monthly</strong> donation</p>
       <div class="bd-footer-donation-action">
         {% include elements/sponsor-button.html %}
       </div>

diff --git a/docs/_javascript/index.js b/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);
+          }
         });
       });
   }