Move post and post header to separate partials, and change styling.

2 files changed, 16 insertions, 0 deletions

diff --git a/blog/_includes/post-excerpt.html b/blog/_includes/post-excerpt.html
new file mode 100644
index 0000000..73c4478
--- /dev/null
+++ b/blog/_includes/post-excerpt.html
@@ -0,0 +1,9 @@
+{% assign post = include.post %}
+<article class="post">
+  {% include post-header.html post = post%}
+  <section class="post-body">
+    {{ post.excerpt }}
+
+    <p><a href="{{ post.url }}">{% t global.read_more %}</a></p>
+  </section>
+</article>
diff --git a/blog/_includes/post-header.html b/blog/_includes/post-header.html
new file mode 100644
index 0000000..e1baeb8
--- /dev/null
+++ b/blog/_includes/post-header.html
@@ -0,0 +1,7 @@
+{% assign post = include.post %}
+<header class="post-header">
+  <date>{{ post.date | date_to_string }}</date>
+  <h1>
+    <a href="{{ post.url }}">{{ post.title }}</a>
+  </h1>
+</header>