adjust sponsor layout

Author: yyx990803

themes/vue/_config.yml

@@ -42,6 +42,14 @@ platinum:
   - name: Chrome Frameworks Fund
     url: https://opencollective.com/2021-frameworks-fund
     img: chrome_frameworks_fund.png
+  - name: HeroDevs
+    url: https://www.herodevs.com/support/vue
+    img: herodevs.png
+platinum_china:
+  - name: Aircode
+    url: https://docs-cn.aircode.io/chatgpt/
+    img: aircode.png
+    description: 5 分钟用 JS 接入 ChatGPT
 gold:
   - name: Volta
     url: https://volta.net/?utm_source=vuejs.org&utm_campaign=sponsoring/
@@ -70,9 +78,6 @@ gold:
   - name: FASTCODING Inc
     url: 'https://fastcoding.jp/javascript/ '
     img: fastcoding_inc.svg
-  - name: VPSServer.com
-    url: https://www.vpsserver.com
-    img: vpsserver_com.png
   - name: LINE Corporation
     url: https://linecorp.com
     img: line_corporation.png
@@ -91,19 +96,13 @@ gold:
   - name: Crisp
     url: https://crisp.chat/en/
     img: crisp.png
-  - name: Cypress.io
-    url: https://cypress.io
-    img: cypress_io.svg
   - name: Localazy
     url: >-
       https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy?utm_source=vuejs&utm_medium=banner&utm_campaign=sponsorships_vuejs&utm_content=logo
     img: localazy.svg
   - name: LearnVue
     url: https://learnvue.co
     img: learnvue.png
-  - name: Quickbooks tool hub
-    url: https://quickbookstoolhub.com
-    img: quickbooks_tool_hub.png
   - name: Casinoburst.com
     url: https://casinoburst.com/casino-utan-licens/
     img: casinoburst_com.png
@@ -122,15 +121,27 @@ gold:
   - name: Goread.io
     url: https://goread.io/buy-instagram-followers
     img: goread_io.png
-  - name: Definir Tech
-    url: https://definir-tech.com/
-    img: definir_tech.png
   - name: Twicsy
     url: https://twicsy.com/buy-instagram-likes
     img: twicsy.png
   - name: Sentry
     url: sentry.io/for/vue?utm_source=vuejs.org&utm_medium=paid-community
     img: sentry.png
+  - name: Famous Fonts
+    url: https://www.fontbolt.com/
+    img: famous_fonts.png
+  - name: Justanotherpanel
+    url: https://justanotherpanel.com/
+    img: justanotherpanel.png
+  - name: Likes.io
+    url: https://likes.io/buy-instagram-followers
+    img: likes_io.png
+  - name: Howsociable
+    url: https://howsociable.com/buy-instagram-followers/
+    img: howsociable.png
+  - name: Poprey.com
+    url: https://poprey.com/
+    img: poprey_com.png
 silver:
   - name: Draxlr
     url: https://www.draxlr.com
@@ -153,13 +164,16 @@ silver:
   - name: Gcore
     url: https://gcore.com
     img: gcore.png
+  - name: awisee.agency
+    url: https://awisee.agency
+    img: awisee_agency.png
+  - name: Optimizers
+    url: https://www.optimizers.nl
+    img: optimizers.png
 bronze:
   - name: Derek Pollard
     url: https://polyglotengineer.com/derek.pollard
     img: derek_pollard.png
-  - name: Earthlink
-    url: https://www.earthlink.ro
-    img: earthlink.png
   - name: BGASoft
     url: https://www.bgasoft.com
     img: bgasoft.png
@@ -178,9 +192,6 @@ bronze:
   - name: Bürkert Werke GmbH & Co KG
     url: https://www.burkert.com
     img: b_rkert_werke_gmbh___co_kg.png
-  - name: Arcanite
-    url: https://arcanite.ch
-    img: arcanite.png
 # END SPONSORS
 video_china:
   - url: http://cloud.youku.com/index.php?source=vuejs

themes/vue/layout/index.ejs

@@ -48,13 +48,17 @@
       })()
       </script>
     </a>
+    <br>
+    <a class="description" href="<%- sponsor.url %>" target="_blank" rel="noopener sponsored">
+      <%-sponsor.description-%>
+    </a>
     <%_ } _%>
     <%_if (theme.platinum_china.length < 2) { _%>
     <!-- end: special logic for cn -->
     <br>
-    <a class="become-backer" href="/support-vuejs/#special-sponsor-china">
+    <!-- <a class="become-backer" href="/support-vuejs/#special-sponsor-china">
       成为特别赞助商
-    </a>
+    </a> -->
     <%_} _%>
   </div>
   <%_ } _%>

themes/vue/source/css/_sponsors-index.styl

@@ -62,4 +62,8 @@
     padding: 4px 0
     text-align: center
     margin: 20px 0 0
+  .description
+    margin: 20px 0
+  .description:hover
+    color: $green
 // end: special logic for cn