Add description to headers, tweak wording.

theme/static/css/style.css

@@ -375,8 +375,13 @@ main img {
 main .hero {
     display: block;
 }
-main header h1 + .time,
-main header h2 + .time {
+main header .description {
+    margin-top: -.8em;
+    font-size: 1.25em;
+    color: #aaa;
+}
+main header h1 ~ .time,
+main header h2 ~ .time {
     display: block;
     margin-top: -1em;
 }

theme/templates/article.html

@@ -31,12 +31,17 @@
                 <h1>
                     {{ article.title }}
                 </h1>
+                {% if article.description %}
+                <p class="description">
+                    {{ article.description }}
+                </p>
+                {% endif %}
                 <p class="time">
                 <time datetime="{{ article.date.isoformat() }}">
-                    Posted on {{ article.locale_date }}</time>
+                    Posted {{ article.locale_date }}.</time>
                 {% if article.modified %}
                 <time datetime="{{ article.modified.isoformat() }}">
-                    Modified on {{ article.locale_modified }}</time>
+                    Updated {{ article.locale_modified }}.</time>
                 {% endif %}
                 </p>
             </header>