adjust landing page design

themes/vue/layout/index.ejs

@@ -18,8 +18,7 @@
         </ul>
         <img id="logo" src="/images/logo.png">
         <h1>Vue.js</h1>
-        <p class="sub">MVVM Made Simple</p>
-        <p class="desc">Vue.js is a library for building interactive web interfaces. <br>It provides data-reactive components with a simple and flexible API.</p>
+        <p class="desc">Vue.js is a library for building modern web interfaces. <br>It provides data-reactive components with a simple and flexible API.</p>
         <p class="buttons">
             <a href="/guide/installation.html" class="button">Get Vue.js v<%- theme.vue_version %></a>
             <a href="https://github.com/yyx990803/vue" target="_blank" class="button">Source on GitHub</a>
@@ -90,23 +89,23 @@
             <p>Write some HTML, grab some JSON, create a Vue instance, that's it.</p>
         </div>
         <div class="feat">
-            <h2><span class="icon fast"></span>Fast</h2>
-            <p>Precise and efficient async batch DOM updates.</p>
+            <h2><span class="icon powerful"></span>Reactive</h2>
+            <p>Expressions & computed properties with transparent dependency tracking.</p>
         </div>
         <div class="feat">
-            <h2><span class="icon composable"></span>Composable</h2>
+            <h2><span class="icon composable"></span>Components</h2>
             <p>Compose your application with decoupled, reusable components.</p>
         </div>
         <div class="feat">
             <h2><span class="icon compact"></span>Compact</h2>
             <p>~19kb min+gzip, no dependency.</p>
         </div>
         <div class="feat">
-            <h2><span class="icon powerful"></span>Powerful</h2>
-            <p>Expressions & computed properties with transparent dependency tracking.</p>
+            <h2><span class="icon fast"></span>Fast</h2>
+            <p>Precise and efficient async batch DOM updates.</p>
         </div>
         <div class="feat">
-            <h2><span class="icon module"></span>Module Friendly</h2>
+            <h2><span class="icon module"></span>Package Ready</h2>
             <p>Install via NPM, Bower or Duo - leverage your favorite eco system!</p>
         </div>
     </div>

themes/vue/source/css/index.styl

@@ -43,19 +43,19 @@ html, body
 #hero
     text-align center
     height 100%
-    min-height 800px
+    min-height 720px
     position relative
     .inner
         height 640px
         width 100%
         position absolute
         top 50%
-        margin-top -360px
+        margin-top -340px
         left 0
     h1
         font-family $logo-font
         font-size 3em
-        margin .5em 0 0
+        margin .5em 0 .8em
     .sub
         color $medium
         font-size 1.2em