Add author rendering

4 files changed, 60 insertions, 17 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 300bc16..9c4b39e 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -329,8 +329,28 @@ footer a {
   margin-bottom: .5rem;
 }
 
-.single-readtime {
-  margin-top: .5rem;
+.single-subsummary {
+  margin-top: calc(.8 * var(--p-margin-top));
+  margin-bottom: var(--p-margin-bottom);
+  display: flex;
+  align-items: center;
+}
+
+.single-subsummary img {
+  height: 45px;
+  width: 45px;
+  margin-right: .7rem;
+  border-radius: 50%;
+}
+
+.author {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.single-date {
+  margin-top: 0;
+  margin-bottom: 0;
   color: var(--content-secondary);
 }
 
@@ -351,6 +371,7 @@ footer a {
   margin-right: .3rem;
 }
 
+
 /* Single pagination */
 
 .single-pagination {
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 209524e..01c35c2 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -15,21 +15,31 @@
         {{- with .Param "summary" }}
         <p class="single-summary">{{ . | markdownify }}</p>
         {{- end }}
-    
-        {{- /* Reading Time */}}
-    
-        <p class="single-readtime">
-        {{- with .Date }}
-          {{- $dateMachine := . | time.Format "2006-01-02T15:04:05-07:00" }}
-          {{- $dateHuman := . | time.Format (default ":date_long" $.Site.Params.singleDateFormat) }}
-          <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
-        {{- end }}
-    
-        {{- if .Param "readTime" }}
-          &nbsp; · &nbsp;
-          {{- .ReadingTime }} min read
-        {{- end }}
-        </p>
+   
+        {{- /* Date, Reading Time and Author */}}
+        <div class="single-subsummary">
+          {{ with $.Param "authorAvatarPath" }}
+            <img src="{{ . }}" alt="Author Avatar" />
+          {{ end }}
+          <div>
+            {{ with .Param "author" }}
+            <p class="author"> {{- .}} </p>
+            {{ end }}
+            <p class="single-date">
+            {{- with .Date }}
+              {{- $dateMachine := . | time.Format "2006-01-02T15:04:05-07:00" }}
+              {{- $dateHuman := . | time.Format (default ":date_long" $.Site.Params.singleDateFormat) }}
+              <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+            {{- end }}
+        
+            {{- if .Param "readTime" }}
+              &nbsp; · &nbsp;
+              {{- .ReadingTime }} min read
+            {{- end }}
+            </p>
+          </div>
+        </div>
+        
     </header>
     
     {{- if .Param "showTags" }}
diff --git a/wiki/features/single-page-parameters.md b/wiki/features/single-page-parameters.md
index 0bf62b0..8ebb3c6 100644
--- a/wiki/features/single-page-parameters.md
+++ b/wiki/features/single-page-parameters.md
@@ -12,6 +12,16 @@ showTags: false
 
 The following parameters apply to single pages, they are meant to be inserted in the `.md` files introductions, apart from the date format.
 
+## Author
+
+You can specify an author name to display and avatar path to use. Here is an example 
+using an image from /static: 
+
+```md
+author: "Francesco"
+authorAvatarPath: "/avatar.jpeg"
+```
+
 ## Table of Contents
 
 Show a table of contents at the beginning of the post.
diff --git a/wiki/setup.md b/wiki/setup.md
index ef17db8..b93f21d 100644
--- a/wiki/setup.md
+++ b/wiki/setup.md
@@ -169,6 +169,8 @@ Sample post config.
 ```markdown
 ---
 title: "Log-Structured Merge Tree"
+author: "Francesco"
+authorAvatarPath: "/avatar.jpeg"
 date: "2023-11-12"
 summary: "An LSM Tree overview and Java implementation."
 description: "An LSM Tree overview and Java implementation."