Update UI

Author: zxdong262

bin/data.js

@@ -230,16 +230,6 @@ export default {
     {
       url: 'https://dartnode.com?aff=NuttyMonkey521',
       title: 'DartNode'
-    },
-    {
-      url: 'https://www.digitalocean.com/?refcode=c10bcb28b846&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge',
-      title: 'DigitalOcean',
-      image: 'https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%202.svg'
-    },
-    {
-      url: 'https://vercel.com/oss',
-      title: 'Vercel OSS Program',
-      image: 'https://vercel.com/oss/program-badge.svg'
     }
   ]
 }

src/css/home.styl

@@ -32,6 +32,15 @@ ul
     vertical-align middle
     margin 0 4px 4px 0
 
+.sponsor-badges
+  a
+    display inline-block
+    vertical-align middle
+    margin 0 8px 8px 0
+  img
+    max-height 32px
+    height auto
+
 .langs
   a
     text-decoration none

src/views/parts/badge.pug

@@ -11,6 +11,12 @@
     img(src="https://img.shields.io/github/sponsors/electerm?label=Sponsors", alt="GitHub Sponsors")
   span.badge-githubstar
     iframe(src='https://ghbtns.com/github-btn.html?user=electerm&repo=electerm&type=watch&count=true', allowtransparency='true', frameborder='0', scrolling='0', width='110', height='20')
+
+.sponsor-badges.pd1y
+  a(href='https://www.digitalocean.com/?refcode=c10bcb28b846&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge', rel='noreferrer', title='DigitalOcean')
+    img(src='https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%202.svg', alt='DigitalOcean')
+  a(href='https://vercel.com/oss', rel='noreferrer', title='Vercel OSS Program')
+    img(src='https://vercel.com/oss/program-badge.svg', alt='Vercel OSS Program')
 .pd3y
   //- a(href='https://electerm-demo.html5beta.com', rel='noreferrer', title='Click to check online demo')
   //-   img.iblock(src='https://electerm.html5beta.com/electerm.gif', alt='')