Add some basic blog archive page

monopati.py

@@ -72,6 +72,9 @@ def generate_posts():
         year = str(datetime.tm_year)
         month = ('0' + str(datetime.tm_mon) if datetime.tm_mon < 10 else str(datetime.tm_mon))
         day = ('0' + str(datetime.tm_mday) if datetime.tm_mday < 10 else str(datetime.tm_mday))
+
+        shortdate = str.join('.', (year, month, day))
+
         postpath = path.join(year, month, day)
         try:
             makedirs(postpath)
@@ -83,6 +86,7 @@ def generate_posts():
         post_object = dict(
             date=date,
+            shortdate=shortdate,
             title=headers['title'],
             slug=headers['slug'],
             tags=tags,

pages/index.html

 {% extends "base.html" %}
 {% block content %}
-  <div class="row">
-    <div class="col-md-12 text-center">
-      <p>Hi, I'm {{ author }}.</p>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12 text-center">
+        <p>Hi, I'm {{ author }}.</p>
+      </div>
     </div>
   </div>
 {% endblock %}

templates/base.html

@@ -21,7 +21,7 @@
         <div class="col-md-12 text-center">
           <p><img src="/static/img/avatar.png" alt="{{ author }}" class="img-circle" /></p>
-          <a href="/index.html">Home</a> &bull;
+          <a href="/index.html">About</a> &bull;
           <a href="/blog.html">Blog</a>
         </div>
       </div>

templates/blog.html

@@ -2,23 +2,20 @@
 {% block content %}
   <div class="container">
-    <h3>Posts</h3>
-    <table class="table table-striped">
-      <thead>
+    <h3>Blog</h3>
+    <table class="table table-responsive">
+      {% for post in posts %}
         <tr>
-          <th>Date</th>
-          <th>Title</th>
+          <td id="pubdate">{{ post['shortdate'] }}</td>
+          <td>
+            <a href="{{ post.link }}">{{ post.title }}</a><br>
+            {% for tag in post.tags %}
+              <span class="text-muted">#{{ tag }}</span>&nbsp;
+            {% endfor %}
+          </td>
         </tr>
-      </thead>
-      <tbody>
-        {% for post in posts %}
-          <tr>
-            <td>{{ post['date'] }}</td>
-            <td><a href="{{ post.link }}">{{ post.title }}</a></td>
-          </tr>
-        {% endfor %}
-      </tbody>
+      {% endfor %}
     </table>
   </div>
 {% endblock %}