chore: re-organize backers.md

Author: yyx990803

BACKERS.md

@@ -1,4 +1,4 @@
-# Backers
+<h1 align="center">Sponsors &amp; Backers</h1>
 
 Vue.js is an MIT-licensed open source project. It's an independent project with its ongoing development made possible entirely thanks to the support by these awesome [backers](https://github.com/vuejs/vue/blob/dev/BACKERS.md). If you'd like to join them, please consider:
 
@@ -9,81 +9,106 @@ Vue.js is an MIT-licensed open source project. It's an independent project with
 
 Funds donated via Patreon goes directly to support Evan You's full-time work on Vue.js. Funds donated via OpenCollective are managed with transparent expenses and will be used for compensating work and expenses by core team members or sponsoring community events. Your name/logo will receive proper recognition and exposure by donating on either platform.
 
----
+<br><br>
+
+<h2 align="center">Platinum via Patreon</h2>
 
-### $2000
+<p align="center">
+  <a href="https://stdlib.com">
+    <img width="300px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/stdlib.png">
+  </a>
+  <br><br>
+  <a href="https://xiaozhuanlan.com">
+    <img width="200px" src="https://raw.githubusercontent.com/vuejs/cn.vuejs.org/master/themes/vue/source/images/xiaozhuanlan.png">
+  </a>
+</p>
 
-<a href="https://stdlib.com/">
-  <img width="300px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/stdlib.png">
-</a>
+<h2 align="center">Platinum via OpenCollective</h2>
 
 <a href="https://opencollective.com/vuejs/platinumsponsor/0/website" target="_blank"><img src="https://opencollective.com/vuejs/platinumsponsor/0/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/platinumsponsor/1/website" target="_blank"><img src="https://opencollective.com/vuejs/platinumsponsor/1/avatar.svg"></a>
-<a href="https://opencollective.com/vuejs/platinumsponsor/2/website" target="_blank"><img src="https://opencollective.com/vuejs/platinumsponsor/2/avatar.svg"></a>
-<a href="https://opencollective.com/vuejs/platinumsponsor/3/website" target="_blank"><img src="https://opencollective.com/vuejs/platinumsponsor/3/avatar.svg"></a>
-<a href="https://opencollective.com/vuejs/platinumsponsor/4/website" target="_blank"><img src="https://opencollective.com/vuejs/platinumsponsor/4/avatar.svg"></a>
-<a href="https://opencollective.com/vuejs/platinumsponsor/5/website" target="_blank"><img src="https://opencollective.com/vuejs/platinumsponsor/5/avatar.svg"></a>
-
----
 
-### $1000
+<h2 align="center">Gold via Patreon</h2>
 
-<a href="https://xiaozhuanlan.com">
-  <img width="200px" src="https://raw.githubusercontent.com/vuejs/cn.vuejs.org/master/themes/vue/source/images/xiaozhuanlan.png">
-</a>
+<table>
+  <tbody>
+    <tr>
+      <td align="center" valign="middle">
+        <a href="https://deepstreamhub.com" target="_blank">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/deepstream.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://jsfiddle.net/">
+          <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/jsfiddle.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://laravel.com/">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/laravel.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://chaitin.cn/">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/chaitin.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://htmlburger.com/">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/htmlburger.png">
+        </a>
+      </td>
+    </tr>
+    <tr></tr>
+    <tr>
+      <td align="center" valign="middle">
+        <a href="https://starter.someline.com/">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/someline.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="http://monterail.com/" target="_blank">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/monterail.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://www.2mhost.com/" target="_blank">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/2mhost.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://vuejsjob.com/?ref=vuejs" target="_blank">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/vuejobs.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://leanpub.com/vuejs2" target="_blank">
+          <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/tmvuejs2.png">
+        </a>
+      </td>
+    </tr>
+    <tr></tr>
+    <tr>
+      <td align="center" valign="middle">
+        <a href="https://component.io/" target="_blank">
+          <img width="170px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/component_io.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://www.v2ex.com/t/379389" target="_blank">
+          <img width="170px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/v2exer.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://www.xfive.co/" target="_blank">
+          <img width="100px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/xfive.png">
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
 
----
-
-### $500
-
-<a href="https://deepstreamhub.com">
-  <img width="160px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/deepstream.png">
-</a>
-<br><br>
-<a href="https://jsfiddle.net/">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/jsfiddle.png">
-</a>
-<br><br>
-<a href="https://laravel.com">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/laravel.png">
-</a>
-<br><br>
-<a href="https://chaitin.cn">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/chaitin.png">
-</a>
-<br><br>
-<a href="https://htmlburger.com/">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/htmlburger.png">
-</a>
-<br><br>
-<a href="https://starter.someline.com/">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/someline.png">
-</a>
-<br><br>
-<a href="http://monterail.com/" target="_blank">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/monterail.png">
-</a>
-<br><br>
-<a href="https://www.2mhost.com/" target="_blank">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/2mhost.png">
-</a>
-<br><br>
-<a href="https://vuejsjob.com/?ref=vuejs" target="_blank">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/vuejobs.png">
-</a>
-<br><br>
-<a href="https://leanpub.com/vuejs2" target="_blank">
-  <img width="140px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/tmvuejs2.png">
-</a>
-<br><br>
-<a href="https://component.io/" target="_blank">
-  <img width="150px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/component_io.png">
-</a>
-<br><br>
-<a href="https://www.v2ex.com/t/379389" target="_blank">
-  <img width="150px" src="https://raw.githubusercontent.com/vuejs/vuejs.org/master/themes/vue/source/images/v2exer.png">
-</a>
-<br><br>
+<h2 align="center">Gold via OpenCollective</h2>
 
 <a href="https://opencollective.com/vuejs/goldsponsor/0/website" target="_blank"><img src="https://opencollective.com/vuejs/goldsponsor/0/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/goldsponsor/1/website" target="_blank"><img src="https://opencollective.com/vuejs/goldsponsor/1/avatar.svg"></a>
@@ -116,12 +141,12 @@ Funds donated via Patreon goes directly to support Evan You's full-time work on
 <a href="https://opencollective.com/vuejs/goldsponsor/28/website" target="_blank"><img src="https://opencollective.com/vuejs/goldsponsor/28/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/goldsponsor/29/website" target="_blank"><img src="https://opencollective.com/vuejs/goldsponsor/29/avatar.svg"></a>
 
----
-
-### $250
+<h2 align="center">Silver via Patreon</h2>
 
 - Matt Mullenweg
 
+<h2 align="center">Silver via OpenCollective</h2>
+
 <a href="https://opencollective.com/vuejs/silversponsor/0/website" target="_blank"><img src="https://opencollective.com/vuejs/silversponsor/0/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/silversponsor/1/website" target="_blank"><img src="https://opencollective.com/vuejs/silversponsor/1/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/silversponsor/2/website" target="_blank"><img src="https://opencollective.com/vuejs/silversponsor/2/avatar.svg"></a>
@@ -153,38 +178,55 @@ Funds donated via Patreon goes directly to support Evan You's full-time work on
 <a href="https://opencollective.com/vuejs/silversponsor/28/website" target="_blank"><img src="https://opencollective.com/vuejs/silversponsor/28/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/silversponsor/29/website" target="_blank"><img src="https://opencollective.com/vuejs/silversponsor/29/avatar.svg"></a>
 
----
+<h2 align="center">Bronze via Patreon</h2>
 
-### $100
+<table>
+  <tbody>
+    <tr>
+      <td align="center" valign="middle">
+        <a href="http://tighten.co/">
+          <img width="140px" src="http://i.imgur.com/T7fQYLT.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="http://invoicemachine.com/">
+          <img width="140px" src="http://assets.invoicemachine.com/images/flat_logo.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://alligator.io">
+          <img width="140px" src="https://alligator.io/images/alligator-logo.svg">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://monei.net/">
+          <img width="90px" src="http://i.imgur.com/JUSjHAi.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://www.accelebrate.com/">
+          <img width="120pxpx" src="https://www.accelebrate.com/assets/images/accelebrate_logo@2x.png">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="https://www.waterfall.com">
+          <img width="100px" src="https://waterfall.com/waterfall_logo_large.png">
+        </a>
+      </td>
+    </tr>
+    <tr></tr>
+    <tr>
+      <td align="center" valign="middle">
+        <a href="https://vuetifyjs.com">
+          <img width="40px" src="https://vuetifyjs.com/static/doc-images/logo.svg">
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 align="center">Bronze via OpenCollective</h2>
 
-<a href="http://tighten.co/">
-  <img width="140px" src="http://i.imgur.com/T7fQYLT.png">
-</a>
-&nbsp;&nbsp;
-<a href="http://invoicemachine.com/">
-  <img width="140px" src="http://assets.invoicemachine.com/images/flat_logo.png">
-</a>
-&nbsp;&nbsp;
-<a href="https://alligator.io">
-  <img width="140px" src="https://alligator.io/images/alligator-logo.svg">
-</a>
-&nbsp;&nbsp;
-<a href="https://monei.net/">
-  <img width="90px" src="http://i.imgur.com/JUSjHAi.png">
-</a>
-&nbsp;&nbsp;
-<a href="https://www.accelebrate.com/">
-  <img width="120pxpx" src="https://www.accelebrate.com/assets/images/accelebrate_logo@2x.png">
-</a>
-&nbsp;&nbsp;
-<a href="https://www.waterfall.com">
-  <img width="100px" src="https://waterfall.com/waterfall_logo_large.png">
-</a>
-&nbsp;&nbsp;<br>
-<a href="https://vuetifyjs.com">
-  <img width="40px" src="https://vuetifyjs.com/static/doc-images/logo.svg"> Vuetify
-</a>
-<br><br>
 <a href="https://opencollective.com/vuejs/sponsor/0/website" target="_blank"><img src="https://opencollective.com/vuejs/sponsor/0/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/sponsor/1/website" target="_blank"><img src="https://opencollective.com/vuejs/sponsor/1/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/sponsor/2/website" target="_blank"><img src="https://opencollective.com/vuejs/sponsor/2/avatar.svg"></a>
@@ -216,9 +258,7 @@ Funds donated via Patreon goes directly to support Evan You's full-time work on
 <a href="https://opencollective.com/vuejs/sponsor/28/website" target="_blank"><img src="https://opencollective.com/vuejs/sponsor/28/avatar.svg"></a>
 <a href="https://opencollective.com/vuejs/sponsor/29/website" target="_blank"><img src="https://opencollective.com/vuejs/sponsor/29/avatar.svg"></a>
 
----
-
-### $50+ via Patreon
+<h2 align="center">Generous Backers via Patreon ($50+)</h2>
 
 - No Divide Studio
 - James Kyle
@@ -233,9 +273,7 @@ Funds donated via Patreon goes directly to support Evan You's full-time work on
 - Konstantin Levinski
 - Samuel Smith
 
----
-
-### $10+ via Patreon
+<h2 align="center">Backers via Patreon</h2>
 
 - Sylvain Pollet-Villard
 - Luca Borghini
@@ -409,6 +447,6 @@ Funds donated via Patreon goes directly to support Evan You's full-time work on
 - Alexander Karelas
 - Matias Verdier
 
-## Backers via [OpenCollective](https://opencollective.com/vuejs#backer)
+<h2 align="center">Backers via OpenCollective</h2>
 
 <a href="https://opencollective.com/vuejs#backers" target="_blank"><img src="https://opencollective.com/vuejs/backers.svg?width=890"></a>