home

Author: yyx990803

README.md

@@ -1,3 +1,12 @@
 # vuejs.org
 
-This site is built with [hexo](http://zespia.tw/hexo/). Site content is written in Markdown located in `source`. Pull requests welcome!
+This site is built with [hexo](http://zespia.tw/hexo/). Site content is written in Markdown format located in `source`. Pull requests welcome!
+
+## Developing
+
+Start a dev server at `localhost:4000`:
+
+```
+& npm install -g hexo
+& hexo server
+```

themes/vue/layout/layout.ejs

@@ -5,7 +5,7 @@
         <meta charset="utf-8">
         <meta name="description" content="Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces.">
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
+        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Lato' rel='stylesheet' type='text/css'>
         <link rel="icon" href="/images/logo.png" type="image/x-icon">
         <script>
             window.PAGE_TYPE = "<%- page.type %>"

themes/vue/layout/partials/landing.ejs

@@ -51,6 +51,15 @@
         </div>
     </div>
 </div>
+<div id="why">
+    <h2>You should try it out if you like:</h2>
+    <ul>
+        <li>Data bindings</li>
+        <li>Plain JS object models</li>
+        <li>API that simply makes sense</li>
+        <li>Mix &amp; matching small libraries</li>
+    </ul>
+</div>
 <div id="footer">
     <a class="start" href="/guide/index.html">Get Started</a>
     <p>Released under the <a href="http://opensource.org/licenses/MIT" target="_blank">MIT License</a></p>

themes/vue/source/css/_settings.styl

@@ -1,6 +1,6 @@
 // font faces
 $body-font = 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif
-//$code-font = 'Source Code Pro', 'Menlo', 'Consolas', monospace
+$logo-font = 'Lato', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif
 $code-font = Monaco, courier, monospace
 
 // font sizes

themes/vue/source/css/index.styl

@@ -43,6 +43,7 @@ html, body
         margin-top -360px
         left 0
     h1
+        font-family $logo-font
         font-size 3em
         margin .5em 0 0
     .sub
@@ -133,6 +134,28 @@ html, body
         &.module
             background-position -200px 0
 
+#why
+    padding 4em 0
+    background-color $green
+    color #fff
+    h2
+        margin-top 0
+        color #fff
+        font-size 1.5em
+        text-align center
+    ul
+        line-height 1.8em
+        font-size 1.15em
+        width 280px
+        margin 0 auto
+        padding 0
+        list-style-type none
+        li:before
+            content "✓"
+            font-weight bold
+            margin-right .75em
+            font-size 1.2em
+
 #footer
     text-align center
     color #fff
@@ -206,6 +229,11 @@ html, body
         font-size 14px
         margin .8em 0
         width 250px
+    #why
+        ul
+            width 250px
+        h2
+            font-size 1.35em
 
 @media screen and (max-width: 860px)
     #features, #hero

themes/vue/source/css/page.styl

@@ -29,9 +29,10 @@ $header-height = 40px
 
 #logo
     display inline-block
-    font-size 1.5em
+    font-size 1.25em
     line-height $header-height
     color $dark
+    font-family $logo-font
     img
         vertical-align middle
         margin-right 6px