Change authors to handle one or more authors

_includes/authors.html

@@ -1,4 +1,4 @@
-<div class="authors{% if include.compact %} compact{% endif %}">
+<div class="authors{% if include.compact %} compact{% endif %}{% if include.fullwidth %} fullwidth{% endif %}">
   {% for page_author in include.authors %}
     {% assign author = site.data.authors[page_author] %}
     {% if author.name %}

_layouts/new-layouts/post.html

@@ -8,7 +8,11 @@
   <div class="content">
     <h1>{{ page.title }}</h1>
 
-    {% include authors.html authors=page.author compact=true %}
+    {% assign compact_flag = false %}
+    {% if page.author.size > 1 %}
+      {% assign compact_flag = true %}
+    {% endif %}
+    {% include authors.html authors=page.author compact=compact_flag fullwidth=true %}
 
     <time pubdate datetime="{{ page.date | date_to_xmlschema }}"
       >{{ page.date | date: "%B %-d, %Y" }}</time
@@ -30,16 +34,15 @@ <h1>{{ page.title }}</h1>
     {% endif %}
     <div class="details">
       {{ content }} {% if page.author %}
-      <hr />
+
       {% assign authors = page.author | array %}
 
       {% if authors.size > 1 %}
+        <hr />
         <h2>Authors</h2>
-      {% else %}
-        <h2>Author</h2>
+        {% include authors.html authors=authors %}
       {% endif %}
 
-      {% include authors.html authors=authors %}
       {% endif %}
 
       <hr />

assets/stylesheets/new-stylesheets/includes/authors/_base.scss

@@ -13,6 +13,11 @@
     }
   }
 
+  &.fullwidth {
+    grid-template-columns: repeat(1, 1fr);
+    color: var(--color-syntax-plain-text);
+  }
+
   &.compact {
     display: flex;
     flex-wrap: wrap;