chore: move special sponsors back to the left

Author: yyx990803

themes/vue/layout/partials/sponsors_sidebar.ejs

@@ -1,8 +1,21 @@
-<div id="sidebar-sponsors">
+<div id="sidebar-sponsors-special">
   <div class="main-sponsor">
-    <span>Sponsors</span>
+    <span>Special Sponsors</span>
     <div>
-    <%_ for (const sponsor of [...theme.special_sponsors, ...theme.platinum_sponsors]) {_%>
+    <%_ for (const sponsor of theme.special_sponsors) {_%>
+    <a href="<%- sponsor.url %>" target="_blank" class="logo">
+      <img src="<%- url_for(`/images/${sponsor.wide_img || sponsor.img}`) %>">
+    </a>
+    <%_ } _%>
+    </div>
+  </div>
+</div>
+
+<div id="sidebar-sponsors-platinum">
+  <div class="main-sponsor">
+    <span>Patreon Sponsors</span>
+    <div>
+    <%_ for (const sponsor of theme.platinum_sponsors) {_%>
     <a href="<%- sponsor.url %>" target="_blank" class="logo">
       <img src="<%- url_for(`/images/${sponsor.wide_img || sponsor.img}`) %>">
     </a>

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

@@ -3,14 +3,14 @@
   font-size: .85em
   .logo
     color: $light
-    margin-top: 6px
+    margin-top: 10px
     text-align: center
     font-weight: bold
     display block
     &:first-child
       margin-top: 12px
     &:last-child
-      margin-bottom: 12px
+      margin-bottom: 14px
   img, a
     width: 125px
 
@@ -25,8 +25,11 @@
   text-align: center
   margin-bottom: 20px
 
+#sidebar-sponsors-special
+  margin-top -10px
+
 @media screen and (min-width: 1300px)
-  #sidebar-sponsors
+  #sidebar-sponsors-platinum
     position fixed
     z-index 99
     top 90px