diff --git a/theme/static/css/style.css b/theme/static/css/style.css index 7d8e68b1954b505095ff68df1100cc05fe7ea4fe..9c6d2c0687537298814f1af351e28c6e35a25420 100644 --- a/theme/static/css/style.css +++ b/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; } diff --git a/theme/templates/article.html b/theme/templates/article.html index 6ba4051216ea541d7562764a6bee48a1dd9ba044..c5d6d7ad52ef0c3f58df4cbc8b0f86a277e435b4 100644 --- a/theme/templates/article.html +++ b/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>