Added category page to display posts per category.

Fixes issue st4ple#3

Author: Oliver Stapleton

_includes/css/style.css

@@ -465,4 +465,11 @@ csmall {
 .share i {
 	padding-right: 15px;
 	font-size: 18px;
-}
+}
+
+a.anchor{
+    display: block; 
+    position: relative; 
+    top: -80px; 
+    visibility: hidden;
+}

_includes/sidebar.html

@@ -16,7 +16,7 @@ <h4>Categories</h4>
     <div class="hline"></div>
     {% for category in site.categories %}{% unless category.first == "blog" or category.first == "project" or category.first == "question" %}
         <p>
-            <a href="{{ category.url }}"><i class="fa fa-angle-right"></i> {{ category | first | capitalize }}</a>
+            <a href="{{ '/category/#'  | prepend: site.baseurl  }}{{ category | first }}"><i class="fa fa-angle-right"></i> {{ category | first | capitalize }}</a>
             <span class="badge badge-theme pull-right">{{ category | last | size }}</span>
         </p>
     {% endunless %}{% endfor %}
@@ -41,7 +41,7 @@ <h4>Popular Tags</h4>
     <div class="hline"></div>
     <p>
         {% for category in site.categories %}{% unless category.first == "blog" or category.first == "project" %}
-            <a class="btn btn-theme" href="{{ category.url }}" role="button">{{ category | first | capitalize }} ({{ category | last | size }})</a>	         
+            <a class="btn btn-theme" href="{{ '/category/#'  | prepend: site.baseurl  }}{{ category | first }}" role="button">{{ category | first | capitalize }} ({{ category | last | size }})</a>	         
         {% endunless %}{% endfor %}
     </p>
 </div>

category.html

@@ -0,0 +1,35 @@
+---
+layout: blog
+title: Categories
+permalink: /category/
+---
+
+<div class="container mtb">
+    <div class="row">
+        <div class="col-lg-8">
+
+        <! -- BLOG POSTS LIST -->
+        {% for category in site.categories %}{% unless category.first == "blog" or category.first == "project" or category.first == "question" %}
+
+                <a class="anchor" id="{{ category.first }}"></a><h4>{{ category.first }}</h4>
+                    <div class="hline"></div>
+                    <ul class="popular-posts">
+                        {% for post in site.categories[category.first] %}
+
+                            <li>
+                                <a href="{{ post.url  | prepend: site.baseurl }}"><img src="{{ "/assets/img/blog/thumbs/" | prepend: site.baseurl }}{{ post.thumb }}" alt="Popular Post"></a>
+                                <p><a href="{{ post.url }}">{{ post.title }}</a></p>
+                                <em>Posted on {{ post.date | date_to_string }}</em>
+                            </li>
+               
+            {% endfor %}
+                                                </ul>
+
+
+        {% endunless %}{% endfor %}
+        </div><! --/col-lg-8 -->
+
+        {% include sidebar.html %}
+
+    </div><! --/row -->
+</div><! --/container -->