Update supports

README.md

@@ -8,8 +8,6 @@
 [![Backers on Open Collective](https://opencollective.com/bootstrap-table/backers/badge.svg)](#backers)
 [![Sponsors on Open Collective](https://opencollective.com/bootstrap-table/sponsors/badge.svg)](#sponsors)
 
-[![](https://graphs.waffle.io/wenzhixin/bootstrap-table/throughput.svg)](https://graphs.waffle.io/wenzhixin/bootstrap-table/throughput.svg)
-
 An extended Bootstrap table with radio, checkbox, sort, pagination, extensions and other added features.
 
 To get started, check out:
@@ -128,9 +126,99 @@ Support this project by becoming a sponsor. Your logo will show up here with a l
 <a href="https://opencollective.com/bootstrap-table/sponsor/8/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/8/avatar.svg"></a>
 <a href="https://opencollective.com/bootstrap-table/sponsor/9/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/9/avatar.svg"></a>
 <a href="https://opencollective.com/bootstrap-table/sponsor/10/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/10/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/11/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/11/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/12/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/12/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/13/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/13/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/14/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/14/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/15/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/15/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/16/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/16/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/17/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/17/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/18/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/18/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/19/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/19/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/20/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/20/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/21/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/21/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/22/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/22/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/23/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/23/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/24/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/24/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/25/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/25/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/26/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/26/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/27/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/27/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/28/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/28/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/29/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/29/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/30/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/30/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/31/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/31/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/32/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/32/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/33/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/33/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/34/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/34/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/35/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/35/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/36/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/36/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/37/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/37/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/38/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/38/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/39/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/39/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/40/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/40/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/41/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/41/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/42/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/42/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/43/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/43/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/44/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/44/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/45/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/45/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/46/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/46/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/47/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/47/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/48/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/48/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/49/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/49/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/sponsor/50/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/50/avatar.svg"></a>
 
 ## OpenCollective Backers
 
-Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/bootstrap-table#backer)]
-
-<a href="https://opencollective.com/bootstrap-table#backers" target="_blank"><img src="https://opencollective.com/bootstrap-table/backers.svg?width=890"></a>
+Support this project by becoming a backer. Your image will show up here with a link to your website. [[Become a backer](https://opencollective.com/bootstrap-table#backer)]
+
+<a href="https://opencollective.com/bootstrap-table/backer/0/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/0/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/1/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/1/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/2/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/2/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/3/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/3/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/4/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/4/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/5/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/5/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/6/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/6/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/7/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/7/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/8/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/8/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/9/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/9/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/10/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/10/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/11/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/11/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/12/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/12/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/13/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/13/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/14/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/14/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/15/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/15/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/16/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/16/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/17/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/17/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/18/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/18/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/19/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/19/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/20/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/20/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/21/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/21/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/22/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/22/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/23/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/23/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/24/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/24/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/25/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/25/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/26/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/26/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/27/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/27/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/28/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/28/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/29/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/29/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/30/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/30/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/31/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/31/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/32/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/32/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/33/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/33/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/34/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/34/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/35/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/35/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/36/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/36/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/37/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/37/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/38/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/38/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/39/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/39/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/40/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/40/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/41/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/41/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/42/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/42/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/43/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/43/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/44/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/44/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/45/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/45/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/46/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/46/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/47/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/47/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/48/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/48/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/49/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/49/avatar.svg"></a>
+<a href="https://opencollective.com/bootstrap-table/backer/50/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/backer/50/avatar.svg"></a>

site/_includes/opencollective.html

@@ -1,58 +0,0 @@
-<div class="container border-bottom">
-
-  <div class="pt-5 pb-5">
-    <div>
-      <h3>PayPal Sponsors</h3>
-    </div>
-
-    <div>
-      <a href="https://edubirdie.com/write-my-essay" target="_blank">
-        <img height="64" src="{{ site.baseurl }}/assets/images/edu-birdie.png" alt="Write my essay services from Edubirdie">
-      </a>
-    </div>
-  </div>
-
-  <div class="pt-5 pb-5">
-    <div>
-      <h3>OpenCollective Sponsors</h3>
-    </div>
-
-    <div>
-      Support this project by becoming a sponsor.
-      Your logo will show up here with a link to your website.
-      [<a href="https://opencollective.com/bootstrap-table#sponsor" target="_blank">
-        Become a sponsor
-      </a>]
-    </div>
-
-    <div>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/0/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/0/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/1/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/1/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/2/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/2/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/3/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/3/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/4/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/4/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/5/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/5/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/6/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/6/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/7/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/7/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/8/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/8/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/9/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/9/avatar.svg"></a>
-      <a href="https://opencollective.com/bootstrap-table/sponsor/10/website" target="_blank"><img src="https://opencollective.com/bootstrap-table/sponsor/10/avatar.svg"></a>
-    </div>
-  </div>
-
-  <div class="pt-5 pb-5">
-    <div>
-      <h3>OpenCollective Backers</h3>
-    </div>
-
-    <div>
-      Thank you to all our backers!
-      🙏 [<a href="https://opencollective.com/bootstrap-table#backer" target="_blank">
-        Become a backer
-      </a>]
-      <a href="https://opencollective.com/bootstrap-table#backers" target="_blank">
-        <img src="https://opencollective.com/bootstrap-table/backers.svg?width=890">
-      </a>
-    </div>
-  </div>
-</div>

site/_includes/scripts.html

@@ -1,4 +1,4 @@
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
 <script async defer src="https://buttons.github.io/buttons.js"></script>
@@ -13,6 +13,7 @@ $(function () {
 {%- endif -%}
 
 <script src="{{ site.baseurl }}/assets/js/docs.min.js?m=1"></script>
+<script src="{{ site.baseurl }}/assets/js/supports.js?m=1"></script>
 {% include analytics.html %}
 
 {%- if page.group == "themes" -%}

site/_includes/stylesheet.html

@@ -7,6 +7,6 @@
 {% endif %}
 {% if page.layout != "examples" %}
 <link href="{{ site.baseurl }}/assets/css/docs.min.css" rel="stylesheet">
-<link href="{{ site.baseurl }}/assets/css/style.css?m=3" rel="stylesheet">
+<link href="{{ site.baseurl }}/assets/css/style.css?m=4" rel="stylesheet">
 {% endif %}
 {%- endif -%}

site/_includes/supports.html

@@ -0,0 +1,53 @@
+<div class="container border-bottom supports-container">
+  <div class="pt-5">
+    <h3>Support the Team</h3>
+
+    <div>
+      Through contributions, donations, and sponsorship, you allow bootstrap-table to thrive.
+    </div>
+  </div>
+
+  <div class="pt-5">
+    <div>
+      <h3>PayPal Sponsors</h3>
+    </div>
+
+    <div>
+      <a href="https://edubirdie.com/write-my-essay" target="_blank" title="$300 by Write my essay services from Edubirdie">
+        <img height="64" src="{{ site.baseurl }}/assets/images/edu-birdie.png" alt="Write my essay services from Edubirdie">
+      </a>
+    </div>
+  </div>
+
+  <div class="supports pt-5 pb-5">
+    <div>
+      <h3>OpenCollective Sponsors</h3>
+    </div>
+
+    <div class="support-description">
+      Support this project by becoming a sponsor. Your logo will show up here with a link to your website.
+      <a href="https://opencollective.com/bootstrap-table#sponsor" target="_blank">
+        Become a sponsor
+      </a>
+    </div>
+
+    <div class="support-sponsors">
+    </div>
+  </div>
+
+  <div class="supports pt-5 pb-5">
+    <div>
+      <h3>OpenCollective Backers</h3>
+    </div>
+
+    <div class="support-description">
+      Support this project by becoming a backer. Your image will show up here with a link to your website.
+      <a href="https://opencollective.com/bootstrap-table#sponsor" target="_blank">
+        Become a backer
+      </a>
+    </div>
+
+    <div class="support-backers">
+    </div>
+  </div>
+</div>

site/assets/css/style.css

@@ -113,3 +113,37 @@
 header.themes .bd-lead {
   max-width: 100%;
 }
+
+.supports-container {
+  text-align: center;
+}
+
+.supports {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding: 0 .5em 1em;
+}
+
+.support-description {
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  margin-bottom: 1em;
+}
+
+.support-item {
+  position: relative;
+  margin: 0 2px 2px;
+}
+
+.support-silver-avatar {
+  max-height: 64px;
+  max-width: 192px;
+  vertical-align: middle;
+}

site/assets/js/supports.js

@@ -0,0 +1,29 @@
+$(function () {
+  function createSupportItem (item) {
+    if (!item.image) {
+      item.image = 'https://images.opencollective.com/' + item.profile.split('/').pop() + '/avatar.png'
+    }
+    return [
+      '<a class="support-item" href="' + item.website + '" target="_blank" title="$' + item.totalAmountDonated + ' by ' + item.name + '">',
+      '<img class="support-silver-avatar" src="' + item.image + '" alt="' + item.name + '">',
+      '</a>'
+    ].join('')
+  }
+
+  $.getJSON('https://examples.wenzhixin.net.cn/opencollective/all.json', res => {
+    res.sort(function (a, b) {
+      return b.totalAmountDonated - a.totalAmountDonated
+    })
+
+    var organizations = res.filter(function (item) {
+      return item.role === 'BACKER' && item.type === 'ORGANIZATION' && item.isActive
+    })
+
+    var backers = res.filter(function (item) {
+      return item.role === 'BACKER' && item.type === 'USER' && item.isActive
+    })
+
+    $('.support-sponsors').html(organizations.map(createSupportItem).join(''))
+    $('.support-backers').html(backers.map(createSupportItem).join(''))
+  })
+})

site/index.html

@@ -91,7 +91,7 @@ yarn add bootstrap-table
     </a>
   </div>
 
-  {% include opencollective.html %}
+  {% include supports.html %}
 
   {% include subscribe.html %}
 </div>