diff --git a/sass/static/style.scss b/sass/static/style.scss
index a908245..16d252d 100644
--- a/sass/static/style.scss
+++ b/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;
diff --git a/templates/index.html b/templates/index.html
index 4d2b12b..2944f2b 100644
--- a/templates/index.html
+++ b/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>