From 47d015eedbc055d2692af63fa7cb6d25f2364db7 Mon Sep 17 00:00:00 2001
From: Devin Haska <wonderfulfrog@users.noreply.github.com>
Date: Thu, 22 Feb 2024 15:15:00 -0800
Subject: [PATCH] fix: book not showing author

---
 src/_includes/layouts/catalogue-item.html      | 6 +++---
 src/_includes/macros/utils.njk                 | 2 +-
 src/content/catalogue/books/books.11tydata.js  | 4 ++++
 src/content/catalogue/games/citizen-sleeper.md | 1 +
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/_includes/layouts/catalogue-item.html b/src/_includes/layouts/catalogue-item.html
index 1ab61b5..9ea1164 100644
--- a/src/_includes/layouts/catalogue-item.html
+++ b/src/_includes/layouts/catalogue-item.html
@@ -15,7 +15,7 @@ imageCaption: ""
     </div>
     <section class="[ catalogue-meta ] [ flow ]">
         {% block title %}<h1>{{ title }}</h1>{% endblock %}
-        {% block subtitle %}<h2 class="[ text-fadeText ]" style="--flow-space: 0.25em">{{ subtitle }}</h2>{% endblock %}
+        {% if subtitle %}<h2 class="[ text-fadeText ]" style="--flow-space: 0.25em">{{ subtitle }}</h2>{% endif %}
         {{ tertiary | safe }}
         {% if rating %}
         <div class="[ flex justify-center ]">
@@ -24,12 +24,12 @@ imageCaption: ""
         </div>
         {% endif %}
         {% if filteredTags | length > 0 %}
-            <ul class="[ categories list-none p-0 ] [ cluster justify-center ]">
+            <ul class="[ categories list-none p-0 mb-0 ] [ cluster justify-center ]">
                 {% for tag in filteredTags %}<li class="[ flex gap-0.25 ]">{{ tag }}</li>{% endfor %}
             </ul>
         {% endif %}
     </section>
-    <hr class="[ my-1 ]" />
+    <hr class="[ my-1.5 ]" />
     {% from "macros/date.njk" import format %}
     {{ format(date) }}
     {% block content %}{{ content | safe }}{% endblock %}
diff --git a/src/_includes/macros/utils.njk b/src/_includes/macros/utils.njk
index 9abc927..90fe0ea 100644
--- a/src/_includes/macros/utils.njk
+++ b/src/_includes/macros/utils.njk
@@ -1,7 +1,7 @@
 {% macro stars(number) %}
     {% set filledStars = number %}
     {% set emptyStars = 5 - number %}
-    <ul class="[ stars ] [ flex list-none p-0 text-primary ]" aria-description="{{ number }} out of 5 stars">
+    <ul class="[ stars ] [ flex list-none p-0 m-0 text-primary ]" aria-description="{{ number }} out of 5 stars">
     {% for i in range(0, filledStars) %}
         <li>{% include "svgs/star.svg" %}</li>
     {% endfor %}
diff --git a/src/content/catalogue/books/books.11tydata.js b/src/content/catalogue/books/books.11tydata.js
index c6cf783..63c9576 100644
--- a/src/content/catalogue/books/books.11tydata.js
+++ b/src/content/catalogue/books/books.11tydata.js
@@ -3,4 +3,8 @@ module.exports = {
   tags: "book",
   permalink: "catalogue/books/{{ page.fileSlug }}/index.html",
   linkTitle: "View book details",
+  eleventyComputed: {
+    tertiary: (data) =>
+      `<p style="--flow-space: 0.5em"><span class="[ text-fadeText ]">by</span> ${data.author}</p>`,
+  },
 };
diff --git a/src/content/catalogue/games/citizen-sleeper.md b/src/content/catalogue/games/citizen-sleeper.md
index d472a8c..744a31b 100644
--- a/src/content/catalogue/games/citizen-sleeper.md
+++ b/src/content/catalogue/games/citizen-sleeper.md
@@ -5,6 +5,7 @@ date: 2024-01-27
 image: https://cdn.wonderfulfrog.com/Citizen_Sleeper_cover_art.jpg
 tags: ["pc"]
 year: 2022
+rating: 4
 ---
 
 I loved the dice system that powered the entire game. It made it feel like you have control over the situation (you can choose where to put your dice rolls), but at the same time none at all (the result is still a dice roll). I especially liked that every choice never felt like a great option. Every choice will inadvertently affect someone or something else negatively. There was never a clear-cut best choice.