index: render blog subtitles

sass/static/style.scss

@@ -205,6 +205,17 @@ body
         content: $marker_li;
     }
 
+    .subtitle
+    {
+        font-style: italic;
+        font-size: 0.8rem;
+        margin-left: 1rem;
+    }
+    .date
+    {
+        font-style: normal;
+    }
+
     header, h1, h2, h3
     {
         display: flex;

templates/index.html

@@ -10,7 +10,10 @@
 <ul>
     {% for page in blog.pages %}
         <li>
-            <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+            <div>
+                <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+            </div>
+	    <div class="subtitle">{{ page.description }} <span class="date">({{ page.date }})</span></div>
         </li>
     {% endfor %}
 </ul>