Add blog post list and placeholder blog post

• add blog post list
• add css specificially for the blog and projects pages
• make layouts more modular for including different CSS on each page
• use HTML for directory pages for better use with Liquid

Blog.html

@@ -0,0 +1,49 @@
+---
+layout: collection
+title: Blog
+permalink: Blog/
+---
+
+{% assign char-count = 500 %}
+
+<ul id="post-list">
+    {% for post in site.posts %}
+        <li class="post-entry">
+            <a class="post-title" href="{{ post.url | prepend: site.baseurl }}">
+                    {{ post.title }}
+            </a>
+            <table>
+                <tr>
+                    <td class="post-tags">
+                        tags:
+                        <i>
+                            {% if post.tags %}
+                                {% for tag in post.tags limit: 6%}
+                                    {{ tag }}
+                                {% endfor %}
+                            {% else %}
+                                none
+                            {% endif %}
+                        </i>
+                    </td>
+                    <td  class="post-date">
+                        <i>{{ post.date | date: "%b %-d, %Y" }}</i>
+                    </td>
+                </tr>
+            </table>
+
+            <hr>
+
+            <div class="post-excerpt">
+                {% assign excerpt-text = post.content | markdownify %}
+                {% assign excerpt-length = excerpt-text | number_of_words %}
+
+                {{post.content | markdownify| truncate: char-count}}
+
+                <a class="post-see-more" href="{{ post.url | prepend: site.baseurl }}">
+                    <i>See&nbsp;More</i>
+                </a>
+            </div>
+        </li>
+    {% endfor %}
+</ul>