add juejin

yyx990803 · yyx990803 · commit c0213a72ab0b · 2016-07-16T15:27:58.000-04:00
diff --git a/src/support-vuejs/index.md b/src/support-vuejs/index.md
@@ -34,6 +34,9 @@
   <a href="https://starter.someline.com/" target="_blank">
     <img width="250px" src="/images/someline.png">
   </a>
+  <a href="http://gold.xitu.io/?utm_source=vuejs&utm_medium=image&utm_content=juejin&utm_campaign=q3_website" target="_blank">
+    <img width="180px" src="/images/juejin.png">
+  </a>
 </p>
 
 Vue.js is an MIT licensed open source project and completely free to use.
diff --git a/themes/vue/layout/index.ejs b/themes/vue/layout/index.ejs
@@ -13,7 +13,8 @@
     </div>
     <p class="desc">Reactive Components for Modern Web Interfaces</p>
     <p class="buttons">
-      <a href="/guide/installation.html" class="button">Install v<%- theme.vue_version %></a>
+      <a href="/guide/installation.html" class="small-button">Install v<%- theme.vue_version %></a>
+      <a href="/guide/index.html" class="small-button">Get Started</a>
     </p>
     <ul id="social">
       <li><a href="https://twitter.com/vuejs" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @vuejs</a></li>
diff --git a/themes/vue/layout/partials/sponsors.ejs b/themes/vue/layout/partials/sponsors.ejs
@@ -21,3 +21,6 @@
 <a href="https://starter.someline.com/" target="_blank" style="top:-2px">
   <img src="/images/someline.png">
 </a>
+<a href="http://gold.xitu.io/?utm_source=vuejs&utm_medium=image&utm_content=juejin&utm_campaign=q3_website" target="_blank" style="width:75px">
+  <img src="/images/juejin.png" style="width:75px">
+</a>
diff --git a/themes/vue/source/css/_common.styl b/themes/vue/source/css/_common.styl
@@ -40,20 +40,31 @@ em
 p
     word-spacing 0.05em
 
-a.button
+button()
     display inline-block
-    font-family $code-font
     font-weight 700
     color #fff
     background-color lighten($green, 8%)
-    border-bottom 2px solid darken($green, 12%)
-    padding 12px 14px
-    border-radius 4px
     transition all .15s ease
     &:hover
         background-color lighten($green, 15%)
-        -webkit-transform translate(0, -2px)
-        transform translate(0, -2px)
+        -webkit-transform scale(1.03)
+        transform scale(1.03)
+
+a.button
+    button()
+    font-family $code-font
+    border-bottom 2px solid darken($green, 12%)
+    padding 12px 14px
+    border-radius 4px
+
+
+a.small-button
+    button()
+    padding 4px 8px 5px
+    border-radius 4px
+    width 140px
+    margin 0 5px
 
 .highlight
     overflow-x auto
diff --git a/themes/vue/source/css/index.styl b/themes/vue/source/css/index.styl
@@ -258,6 +258,9 @@ html, body
 #donate
     margin-left -2px !important
 
+#sponsors
+    padding-top 20px
+
 #sponsors, #sponsors-mobile
     span
         color $light
@@ -274,10 +277,9 @@ html, body
     display none
     text-align center
     margin-bottom 2em
+    padding 0 1em
     a
-        display block
-        width auto
-        margin 10px auto
+        margin 20px 10px 0
 
 @media screen and (max-width: 480px)
     body
@@ -335,7 +337,7 @@ html, body
         h2
             font-size 1.4em
 
-@media screen and (max-width: 860px)
+@media screen and (max-width: 960px)
     #features, #hero
         font-size 16px
     #sponsors
diff --git a/themes/vue/source/images/juejin.png b/themes/vue/source/images/juejin.png
