Styling updates and add social links

_includes/layouts/post.njk

@@ -3,13 +3,15 @@ layout: layouts/base.njk
 ---
 <article>
   <h1>{{ title }}</h1>
-  <address>by <a href="{{ author.url or metadata.author.url }}">
-    {{ author.name or metadata.author.name }}
-  </a></address>
-  <time datetime="{{ page.date | htmlDateString }}">published {{ page.date | readableDate }}</time>
-  {% if series %}
-  <aside>This article is part of a series: <a href="#seriesNav">{{ series.name }}</a></aside>
-  {% endif %}
+  <div class="about">
+    <address>by <a href="{{ author.url or metadata.author.url }}">
+      {{ author.name or metadata.author.name }}
+    </a></address>
+    <time datetime="{{ page.date | htmlDateString }}">published {{ page.date | readableDate }}</time>
+    {% if series %}
+    <aside>This article is part of a series - <a href="#seriesNav">{{ series.name }}</a></aside>
+    {% endif %}
+  </div>
   {{ content | safe }}
 </article>
 {% if collections.posts %}
@@ -17,14 +19,15 @@ layout: layouts/base.njk
 {% set nextPost = collections.posts | getNextCollectionItem %}
 {% if nextPost or previousPost %}
 <nav name="Article Navigation">
-  <ol>
-    {% if previousPost %}<li><a href="{{ previousPost.url}}">{{ previousPost.data.title }}</a></li>{% endif %}
-    {% if nextPost %}<li><a href="{{ nextPost.url}}">{{ nextPost.data.title }}</a></li>{% endif %}
+  <ol class="simple-list">
+    {% if previousPost %}<li>Previous: <a href="{{ previousPost.url}}">{{ previousPost.data.title }}</a></li>{% endif %}
+    {% if nextPost %}<li>Next: <a href="{{ nextPost.url}}">{{ nextPost.data.title }}</a></li>{% endif %}
   </ol>
 </nav>
 {% endif %}
 {% endif %}
 {% if series %}
+<hr>
 {% set seriesName = series.name %}
 <nav name="Series Name Directory" id="seriesNav">{% include "series_list.njk" %}</nav>
 {% endif %}