add blog link in header

Author: Evan You

source/guide/installation.md

@@ -4,7 +4,7 @@ order: 1
 vue_version: 0.8.6
 dev_size: 97.19
 min_size: 34.02
-gz_size: 11.60
+gz_size: 11.61
 ---
 
 > **Compatibility Note:** Vue.js does not support IE8 and below.

themes/vue/layout/partials/header.ejs

@@ -6,7 +6,9 @@
     <ul id="nav">
         <li><a href="/guide/" class="nav-link<%- page.path.match(/guide/) ? ' current' : '' %>">Guide</a></li>
         <li><a href="/api/" class="nav-link<%- page.path.match(/api/) ? ' current' : '' %>">API Reference</a></li>
+        <br class="break" />
         <li><a href="/examples/" class="nav-link<%- page.path.match(/examples/) ? ' current' : '' %>">Examples</a></li>
+        <li><a href="/blog/" class="nav-link<%- page.path.match(/blog/) ? ' current' : '' %>">Blog</a></li>
         <li><a href="https://github.com/yyx990803/vue" target="_blank" class="nav-link">GitHub</a></li>
     </ul>
 </div>

themes/vue/layout/partials/landing.ejs

@@ -10,10 +10,10 @@
 <div id="hero">
     <div class="inner">
         <ul id="nav">
-            <li><a href="/guide/" class="nav-link<%- page.path.match(/guide/) ? ' current' : '' %>">Guide</a></li>
-            <li><a href="/api/" class="nav-link<%- page.path.match(/api/) ? ' current' : '' %>">API Reference</a></li>
-            <li><a href="/examples/" class="nav-link<%- page.path.match(/examples/) ? ' current' : '' %>">Examples</a></li>
-            <li><a href="https://github.com/yyx990803/vue" target="_blank" class="nav-link">GitHub</a></li>
+            <li><a href="/guide/" class="nav-link">Guide</a></li>
+            <li><a href="/api/" class="nav-link">API Reference</a></li>
+            <li><a href="/examples/" class="nav-link">Examples</a></li>
+            <li><a href="/blog/" class="nav-link">Blog</a></li>
         </ul>
         <img id="logo" src="/images/logo.png">
         <h1>Vue.js</h1>

themes/vue/source/css/_common.styl

@@ -3,6 +3,7 @@
 
 body
     font-family $body-font
+    -webkit-font-smoothing antialiased
     color $medium
     margin 0
 

themes/vue/source/css/index.styl

@@ -20,7 +20,9 @@ html, body
 .nav-link
     color $light
     padding-bottom 3px
-    margin 0 1em
+    margin 0 1.5em
+    &:first-child
+        margin-left 0
     &:hover, &.current
         border-bottom 3px solid $green
         zoom()

themes/vue/source/css/page.styl

@@ -17,11 +17,11 @@ $header-height = 40px
     top 25px
     height $header-height
     line-height $header-height
+    .break
+        display none
     li
         display inline-block
-        margin-left 1.2em
-        &:first-child
-            margin-left 0 !important
+        margin 0 .6em
 .nav-link
     padding-bottom 3px
     &:hover, &.current
@@ -148,8 +148,18 @@ $header-height = 40px
     #nav
         position static
         margin-top .4em
+        height 55px
+        line-height 2.2em
+        .break
+            display inline-block
+    .nav-link
+        padding-bottom 1px
+        &:hover, &.current
+            border-bottom 2px solid $green
     #logo
         display block
+        img
+            margin-right 0
         span
             display none
     #main