tweak index

Author: yyx990803

themes/vue/layout/index.ejs

@@ -8,13 +8,10 @@
       <li><a href="http://forum.vuejs.org" class="nav-link" target="_blank">Forum</a></li>
       <li><a href="https://gitter.im/yyx990803/vue" class="nav-link" target="_blank">Chat</a></li>
     </ul>
-    <ul id="translations">
-      <li><a href="http://cn.vuejs.org" class="nav-link">中文</a></li>
-      <li class="delimiter">|</li>
-      <li><a href="http://jp.vuejs.org" class="nav-link">日本語</a></li>
-    </ul>
-    <img id="logo" src="/images/logo.png">
-    <h1>Vue.js</h1>
+    <div id="logo-wrap">
+      <img id="logo" src="/images/logo.png">
+      <h1>Vue.js</h1>
+    </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>
@@ -24,6 +21,11 @@
       <li><iframe src="http://ghbtns.com/github-btn.html?user=yyx990803&repo=vue&type=watch&count=true"
     allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe></li>
     </ul>
+    <ul id="translations">
+      <li><a href="http://cn.vuejs.org" class="nav-link">中文</a></li>
+      <li class="delimiter">|</li>
+      <li><a href="http://jp.vuejs.org" class="nav-link">日本語</a></li>
+    </ul>
   </div>
   <div class="down"><img src="/images/down.png"></div>
 </div>

themes/vue/source/css/index.styl

@@ -40,6 +40,9 @@ html, body
     margin 0 auto
     width 200px
 
+#logo-wrap
+    margin 4em 0
+
 #hero
     text-align center
     height 100%
@@ -56,7 +59,7 @@ html, body
         font-family $logo-font
         font-weight 300
         font-size 4em
-        margin .4em 0
+        margin 0
     .warning
         color $light
     .desc
@@ -82,7 +85,7 @@ html, body
     list-style-type none
     margin 0 auto
     padding 0
-    margin-top 2em
+    margin 1.5em auto
     li
         display inline-block
         margin 0 5px
@@ -251,8 +254,10 @@ html, body
         margin 3em 1.8em 0
     #translations
         margin-bottom 2em
+    #logo-wrap
+        margin 4em 0
     #logo
-        width 100px
+        width 120px
     .nav-link
         font-size .85em
         margin 0 .5em
@@ -271,26 +276,21 @@ html, body
             max-width 300px
             margin 1em auto
         a.button
+            width 260px
             font-size .8em
             margin .5em 0
-        .sub
-            font-size 1em
         .desc
             max-width 300px
         .warning, .desc
-            font-size .9em
+            font-size .85em
             margin 1em auto
             br
                 display none
         .down
             display none
     #social
-        margin-top 1.5em
         max-width 340px
-        li
-            margin-bottom 10px
-            &.last
-                margin 0
+        margin 1.2em auto
     .cool
         margin-top 0
     #features .feat