Adding a left menu navigation

_includes/blog_post.html

@@ -1,4 +1,4 @@
-<h2><a href="/react{{ page.url }}">{{ page.title }}</a></h2>
+<h1><a href="/react{{ page.url }}">{{ page.title }}</a></h1>
 <p class="meta">{{ page.date | date_to_string }} by {{ page.author }}</p>
 
 <div id="post">

_includes/nav_blog.html

@@ -0,0 +1,10 @@
+<div class="nav-docs">
+  <div class="nav-docs-section">
+    <h3>Recent posts</h3>
+    <ul>
+    {% for post in site.posts %}
+      <li><a href="/react{{ post.url }}"{% if page.title == post.title %} class="active"{% endif %}>{{ post.title }}</a></li>
+    {% endfor %}
+    </ul>
+  </div>
+</div>

_layouts/blog.html

@@ -3,7 +3,8 @@ layout: default
 sectionid: blog
 ---
 
-<section class="content wrap nosidebar">
+<section class="content wrap documentationContent">
+  {% include nav_blog.html %}
   <div class="inner-content">
     {% for page in site.posts %}
       {% include blog_post.html %}

_layouts/post.html

@@ -3,7 +3,8 @@ layout: default
 sectionid: blog
 ---
 
-<section class="content wrap nosidebar">
+<section class="content wrap documentationContent">
+  {% include nav_blog.html %}
   <div class="inner-content">
     {% include blog_post.html %}
   </div>