chore: update sponsor

Author: yyx990803

src/support-vuejs/index.md

@@ -66,13 +66,16 @@ Recurring pledges come with exclusive perks, e.g. having your name listed in the
 
 <p style="text-align: center;">
   <a href="https://stdlib.com">
-    <img src="/images/stdlib.png" style="width: 300px;">
+    <img src="/images/stdlib.png" style="width: 250px;">
   </a>
   <a href="http://tooltwist.com/" target="_blank">
-    <img src="/images/tooltwist.png" style="width: 300px;">
+    <img src="/images/tooltwist.png" style="width: 250px;">
   </a>
   <a href="https://www.infinitynewtab.com/donate/index.html" target="_blank">
-    <img src="/images/infinitynewtab.png" style="width: 300px">
+    <img src="/images/infinitynewtab.png" style="width: 250px">
+  </a>
+  <a href="https://vueschool.io/?utm_source=Vuejs.org&utm_medium=Banner&utm_campaign=Sponsored%20Banner&utm_content=V1" target="_blank">
+    <img src="/images/vueschool.png" style="width: 250px">
   </a>
 </p>
 

themes/vue/_config.yml

@@ -2,3 +2,13 @@ site_description: "Vue.js - The Progressive JavaScript Framework"
 google_analytics: UA-46852172-1
 root_domain: vuejs.org
 vue_version: 2.5.13
+
+platinum_sponsors:
+  - url: https://stdlib.com
+    img: stdlib.png
+  - url: http://tooltwist.com/
+    img: tooltwist.png
+  - url: https://www.infinitynewtab.com/donate/index.html
+    img: infinitynewtab.png
+  - url: https://vueschool.io/?utm_source=Vuejs.org&utm_medium=Banner&utm_campaign=Sponsored%20Banner&utm_content=V1
+    img: vueschool.png

themes/vue/layout/partials/sidebar.ejs

@@ -5,16 +5,14 @@
     </ul>
     <div class="list">
       <div class="main-sponsor">
-        <span>Platinum Sponsors</span><br>
-        <a href="https://stdlib.com" target="_blank" class="logo">
-          <img src="<%- url_for("/images/stdlib.png") %>">
-        </a>
-        <a href="http://tooltwist.com/" target="_blank" class="logo">
-          <img src="<%- url_for("/images/tooltwist.png") %>" style="margin-top:-5px">
-        </a>
-        <a href="https://www.infinitynewtab.com/donate/index.html" target="_blank" class="logo">
-          <img src="<%- url_for("/images/infinitynewtab.png") %>">
+        <span>Platinum Sponsors</span>
+        <div>
+        <%_ for (const sponsor of theme.platinum_sponsors) {_%>
+        <a href="<%- sponsor.url %>" target="_blank" class="logo">
+          <img src="<%- url_for(`/images/${sponsor.img}`) %>">
         </a>
+        <%_ } _%>
+        </div>
       </div>
       <a class="become-backer" href="<%- url_for("/support-vuejs") %>">
         Become a Sponsor

themes/vue/layout/partials/sponsors.ejs

@@ -1,11 +1,10 @@
 <h3>Patreon Sponsors</h3>
 
-<a href="http://tooltwist.com/" target="_blank" style="width: 160px;">
-  <img src="<%- url_for("/images/tooltwist.png") %>" style="width: 160px;">
-</a>
-<a href="https://www.infinitynewtab.com/donate/index.html" target="_blank" style="width: 160px; position:relative; top: 2px">
-  <img src="/images/infinitynewtab.png" style="width: 160px;">
+<%_ for (const sponsor of theme.platinum_sponsors.slice(1)) {_%>
+<a href="<%- sponsor.url %>" target="_blank" style="width: 160px;">
+  <img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 160px;">
 </a>
+<%_ } _%>
 <br>
 <br>
 <a href="https://jsfiddle.net/" target="_blank">

themes/vue/source/css/_sidebar.styl

@@ -64,12 +64,14 @@
     font-size: .85em
     .logo
       color: $light
-      margin-top: 15px
+      margin-top: 6px
       text-align: center
       font-weight: bold
       display block
+      &:first-child
+        margin-top: 12px
       &:last-child
-        margin-bottom 15px
+        margin-bottom: 12px
     img, a
       width: 125px
   .become-backer