Yak shave the design a bit

[styx.blog] / core / templates / core / post_list.html

diff --git a/core/templates/core/post_list.html b/core/templates/core/post_list.html
index 8d6561c..bca4c13 100644 (file)
--- a/core/templates/core/post_list.html
+++ b/core/templates/core/post_list.html
@@ -6,19 +6,25 @@
 
 {% for post in page_obj %}
 <article>
-  <h1>
-    <a href='{% url "post-detail" post.slug %}'>
-      {{ post.title }}
-    </a>
-  </h1>
+  <header>
+    <h1>
+      <a href='{% url "post-detail" post.slug %}'>
+        {{ post.title }}
+      </a>
+    </h1>
+
+    <time>{{ post.publication_utc|date:'l, F j, Y' }}</time>
+  </header>
 
-  <div class='teaser'>
+  <main class='teaser'>
     {{ post.teaser_html }}
-  </div>
+  </main>
 
-  <a class='read-more' href='{% url "post-detail" post.slug %}'>
-    Read more
-  </a>
+  <footer>
+    <a href='{% url "post-detail" post.slug %}'>
+      Read more
+    </a>
+  </footer>
 </article>
 {% endfor %}