Add tags to posts.

_layouts/post.html

@@ -4,9 +4,10 @@ layout: base
 
 <h1>{{ page.title }}</h1>
 <div id="content">
-    <div id="post-info">
-        <span><i class="fa fa-clock-o"></i> Date:</span> {{ page.date | date: "%B %-d, %Y" }}
-    </div>
+    <ul id="post-info">
+        <li><span><i class="fa fa-tag"></i> Tags:</span> {{ page.tags | join: ", " }}</li>
+        <li><span><i class="fa fa-clock-o"></i> Date:</span> {{ page.date | date: "%B %-d, %Y" }}</li>
+    </ul>
     <div id="post">
         {{ content }}
     </div>

_posts/2011-06-23-oh-look-a-blog.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: Oh Look, A Blog!
+tags: Misc
 description: Just kinda playing with the idea of my own site right now
 ---
 

_posts/2011-08-05-earwigbot-progress-wiki-toolset.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: EarwigBot Progress: Wiki Toolset
+tags: Wikipedia
 description: YAWTF (Yet Another Wiki Tools Framework, or Yet Another... WTF?)
 ---
 

_posts/2011-08-23-earwigbot-progress-page-editing.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: EarwigBot Progress: Page Editing
+tags: Wikipedia
 description: Exactly what it says on the tin
 ---
 

_posts/2012-01-29-earwigbot-and-toolserver-updates.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: EarwigBot and Toolserver Updates
+tags: Wikipedia
 description: More progress on EarwigBot and the Toolserver site rewrite, including dynamic backgrounds
 ---
 

_posts/2014-06-01-obfuscating-hello-world.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: Obfuscating "Hello world!"
+tags: Python
 description: Fun with functional programming in Python
 ---
 

_posts/2014-08-20-copyvio-detector.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: Copyvio Detector
+tags: Wikipedia
 description: A technical writeup of some recent developments
 ---
 

index.html

@@ -136,9 +136,15 @@ title: Home
         </td>
         <td style="width: 50%; vertical-align: top;">
             <h2>Posts</h2>
+            <div>
+                Tags:
+                {% for tag in site.tags %}
+                    {{tag[0]}}
+                {% endfor %}
+            </div>
             <ul id="post-list">
                 {% for post in site.posts %}
-                    <li>{{ post.date | date: "%b %-d, %Y" }}: <a class="underlined" href="{{ post.url }}">{{ post.title }}</a><br /><span class="subtitle">{{ post.description }}<br /><!-- Category &middot; --><a href="{{ post.url }}#disqus_thread" data-disqus-identifier="{{ post.id }}"></a></span></li>
+                    <li>{{ post.date | date: "%b %-d, %Y" }}: <a class="underlined" href="{{ post.url }}">{{ post.title }}</a><br /><span class="subtitle">{{ post.description }}<br />{{ post.tags | join: ", " }} &middot; <a href="{{ post.url }}#disqus_thread" data-disqus-identifier="{{ post.id }}"></a></span></li>
                 {% endfor %}
             </ul>
         </td>

static/main.css

@@ -98,6 +98,21 @@ a.underlined:hover, a.underlined:active { text-decoration: none; }
     font-size: 14px;
 }
 
+#post-info {
+    list-style-type: none;
+    margin: 0;
+    padding-left: 0;
+}
+
+#post-info li {
+    line-height: 1em;
+    margin-bottom: 0.5em;
+}
+
+#post-info li:last-child {
+    margin-bottom: 0;
+}
+
 #post-info span {
     color: #777;
 }