Remove <table> for blog post entires

blog/index.html

@@ -2,14 +2,17 @@
 layout: default
 title: "Blog"
 ---
-<table class="post-list">
+<h1>Blog</h1>
-  {% for post in site.posts %}
+{% for post in site.posts %}
-    <tr>
+<article>
-      <td>
+  <header>
-        <h3 class="post-title"><a class="post-title-link" href="{{ post.url }}">{{ post.title }}</a></h2>
+    <h2 class="post-title">
-        <span class="post-date">{{ post.date | date: "%d %B %Y" }}</span>
+      <a class="post-title-link" href="{{ post.url }}">{{ post.title }}</a>
-        <div class="post-excerpt">{{ post.excerpt }}</div>
+    </h2>
-      </td>
+    <time class="post-date" datetime="{{ post.date | date: '%y-%m-%d' }}">
-    </tr>
+      {{ post.date | date: '%d %B %Y' }}
-  {% endfor %}
+    </time>
-</table>
+  </header>
+  <div class="post-excerpt">{{ post.excerpt }}</div>
+</article>
+{% endfor %}