added new screenshot, explanations from the repo and the diagram

Author: LinusBorg

src/examples/hackernews.md

@@ -4,10 +4,32 @@ type: examples
 order: 10
 ---
 
-> This is a HackerNews clone built upon HN's official Firebase API, and using Webpack + vue-loader for the build setup.
+> This is a HackerNews clone built upon HN's official Firebase API, Vue 2.0 + vue-router + vuex, with server-side rendering.
 
+{% raw %}
 <div style="max-width:600px">
-  <a href="http://vuejs.github.io/vue-hackernews" target="_blank"><img style="width:100%" src="/images/hn.png"></a>
+  <a href="https://github.com/vuejs/vue-hackernews-2.0" target="blank">
+    <img style="width:100%" src="/images/hn.png">
+  </a>
 </div>
+{% endraw %}
+[Live Demo](https://vue-hn.now.sh/)
 
-> [[Source](https://github.com/vuejs/vue-hackernews)]
+> [[Source](https://github.com/vuejs/vue-hackernews-2.0)]
+
+> Note: the demo may need some spin up time if nobody has accessed it for a certain period.
+
+## Features
+
+- Server Side Rendering
+  - Vue + vue-router + vuex working together
+  - Server-side data pre-fetching
+  - Client-side state & DOM hydration
+- Single-file Vue Components
+  - Hot-reload in development
+  - CSS extraction for production
+- Real-time List Updates with FLIP Animation
+
+## Architecture Overview
+
+<img width="973" alt="Hackernew clone architecture overview" src="/images/hn-architecture.png">