add some links

Evan You · Evan You · commit bfd8d9af80c7 · 2014-10-09T17:04:24.000-04:00
diff --git a/css/style.css b/css/style.css
@@ -48,13 +48,14 @@ a {
 }
 #nav {
   padding: 10px 10px 10px 40px;
-  background-color: #333;
-  color: #fff;
+  border-top: 2px solid #f60;
 }
 #nav a {
-  color: #fff;
   margin-right: 10px;
 }
+#nav .source {
+  float: right;
+}
 .story {
   padding: 2px 0 2px 40px;
   position: relative;
diff --git a/css/style.styl b/css/style.styl
@@ -48,11 +48,11 @@ a
 
 #nav
   padding 10px 10px 10px 40px
-  background-color #333
-  color #fff
+  border-top 2px solid #f60
   a
-    color #fff
     margin-right 10px
+  .source
+    float right
 
 .story
   padding 2px 0 2px 40px
diff --git a/index.html b/index.html
@@ -72,6 +72,10 @@ <h1><a href="#1">Hacker News</a></h1>
       <div id="nav" v-show="stories.length > 0">
         <a v-if="page > 1" href="#{{page - 1}}">&lt; prev</a>
         <a v-if="page < 4" href="#{{page + 1}}">more...</a>
+        <span class="source">
+          Built with <a href="http://vuejs.org" target="_blank">Vue.js</a> |
+          <a href="https://github.com/yyx990803/vue-hackernews" target="_blank">Source</a>
+        </span>
       </div>
 
       <!-- comments sidebar -->
