Post meta

assets/css/screen.css

@@ -607,6 +607,17 @@ Search                         LOGO                    Login Subscribe
     flex-grow: 1;
 }
 
+.gh-card-meta {
+    display: flex;
+    gap: 4px;
+    flex-wrap: wrap;
+}
+
+.gh-card-author + .gh-card-date::before {
+    content: "—";
+    margin-right: 4px;
+}
+
 /* 6. Header */
 
 /* 6.1. Magazine layout */
@@ -667,6 +678,7 @@ Search                         LOGO                    Login Subscribe
 .gh-featured-feed .gh-card-link {
     display: flex;
     flex-direction: row-reverse;
+    align-items: flex-start;
 }
 
 .gh-featured-feed .gh-card-image {
@@ -717,6 +729,7 @@ Search                         LOGO                    Login Subscribe
 
 .gh-container.is-list .gh-card-link {
     display: flex;
+    gap: 24px;
 }
 
 .gh-container.is-list .gh-card-image {
@@ -729,4 +742,10 @@ Search                         LOGO                    Login Subscribe
 .gh-container.is-grid .gh-feed {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
+}
+
+/* 9.3. No image */
+
+.gh-container.is-list.no-image .gh-card-image {
+    display: none;
 }

package.json

@@ -119,6 +119,21 @@
                 "default": "List",
                 "group": "homepage"
             },
+            "hide_images": {
+                "type": "boolean",
+                "default": false,
+                "group": "homepage"
+            },
+            "show_author": {
+                "type": "boolean",
+                "default": true,
+                "group": "homepage"
+            },
+            "show_post_date": {
+                "type": "boolean",
+                "default": true,
+                "group": "homepage"
+            },
             "show_sidebar": {
                 "type": "boolean",
                 "default": true,

partials/components/featured.hbs

@@ -1,5 +1,5 @@
 {{#if showFeatured}}
-    {{#get "posts" filter="featured:true" limit="4" as |featured|}}
+    {{#get "posts" filter="featured:true" include="authors" limit="4" as |featured|}}
         {{#if featured}}
             <section class="gh-featured gh-outer">
                 <div class="gh-featured-inner gh-inner">

partials/components/post-list.hbs

@@ -1,4 +1,4 @@
-<section class="gh-container is-{{#match @custom.post_list_style "List"}}list{{else}}grid{{/match}}{{#if @custom.show_sidebar}} has-sidebar{{/if}} gh-outer">
+<section class="gh-container is-{{#match @custom.post_list_style "List"}}list{{else}}grid{{/match}}{{#if @custom.show_sidebar}} has-sidebar{{/if}}{{#if @custom.hide_images}} no-image{{/if}} gh-outer">
     <div class="gh-container-inner gh-inner">
 
         <main class="gh-main">

partials/loop.hbs

@@ -15,8 +15,16 @@
             </figure>
         {{/if}}
         <div class="gh-card-wrapper">
-            <h2 class="gh-card-title">{{title}}</h2>
+            <h3 class="gh-card-title">{{title}}</h3>
             <p class="gh-card-excerpt">{{excerpt}}</p>
+            <footer class="gh-card-meta">
+                {{#if @custom.show_author}}
+                    <span class="gh-card-author">By {{#foreach authors}}{{#if @first}}{{name}}{{else}}, {{name}}{{/if}}{{/foreach}}</span>
+                {{/if}}
+                {{#if @custom.show_post_date}}
+                    <time class="gh-card-date" datetime="{{date format="YYYY-MM-DD"}}">{{date}}</time>
+                {{/if}}
+            </footer>
         </div>
     </a>
 </article>