From e96aff653fe034a6c6e12280bd39c04197b501a9 Mon Sep 17 00:00:00 2001
From: Zach Berwaldt <zberwaldt@tutamail.com>
Date: Sun, 5 Nov 2023 14:46:24 -0500
Subject: modifications to css, layouts, and archetypes

---
 layouts/_default/summary.html |  2 +-
 layouts/book/single.html      | 59 +++++++++++++++++++++++++------------------
 layouts/book/summary.html     | 36 ++++++++++++++++----------
 3 files changed, 58 insertions(+), 39 deletions(-)

(limited to 'layouts')

diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html
index 48c7b97..1f203a1 100644
--- a/layouts/_default/summary.html
+++ b/layouts/_default/summary.html
@@ -13,5 +13,5 @@
       <span>{{ .ReadingTime }} min read</span>
     </p>
   </hgroup>
-  <div>{{ .Summary | markdownify }}</div>
+  <div>{{ .Summary }}</div>
 </section>
diff --git a/layouts/book/single.html b/layouts/book/single.html
index 9179523..f025d92 100644
--- a/layouts/book/single.html
+++ b/layouts/book/single.html
@@ -1,9 +1,7 @@
 {{ define "main" }}
-    <hgroup>
-        <h1>{{ .Title }}</h1>
-        <h6>{{ .Date | time.Format ":date_full" }}</h6>
-    </hgroup>
+<div class="flex row gap-1">
     {{ if isset .Params "image" }}
+    <figure>
     {{ with resources.GetRemote .Params.image }}
         {{ with .Err }}
             {{ errorf "%s" . }}
@@ -20,28 +18,39 @@
     {{ else }}
         {{ errorf "unable to get remote resource %q" .Params.image }}
     {{ end }}
+        <figcaption>
+        </figcaption>
+    </figure>
     {{ end }}
-    <div class="flex row gap-1">
-        <strong>Rating:</strong>
-        {{ if isset .Params "rating" }}
-        {{ $rating := .Params.rating }}
-        {{ range (seq $rating) }}
-        ⭐
-        {{ end }}
-        {{ $diff := sub 5 $rating }}
-        {{ range (seq $diff) }}
-        ☆
-        {{ end }}
-        {{ else }}
-            <p>N/A</p>
-        {{ end }}
-    </div>
-    {{ if isset .Params "amazon" }}
-    <p>
-        <a href="{{ .Params.amazon }}" target="_blank">amazon</a>
-    </p>
-    {{ end }}
-    <div>
+    <div class="book-notes">
+        <hgroup>
+            <h1>{{ .Title }}</h1>
+            {{ with .Params.last_read }}
+            {{ $last := index (.) 0 }}
+            {{/* if last_read is an array get the first item */}}
+            <h6>Finished on: {{ $last | time.Format ":date_full" }}</h6>
+            {{ end }}
+            <h6>Rating:
+            {{ if isset .Params "rating" }}
+            {{ $rating := .Params.rating }}
+            {{ range (seq $rating) }}
+            ⭐
+            {{ end }}
+            {{ $diff := sub 5 $rating }}
+            {{ range (seq $diff) }}
+            ☆
+            {{ end }}
+            {{ else }}
+                N/A
+            {{ end }}
+            </h6>
+            {{ if isset .Params "amazon" }}
+            <h6>Links:
+                <a href="{{ .Params.amazon }}" target="_blank">Amazon</a>
+            </h6>
+            {{ end }}
+        </hgroup>
         {{- .Content -}}
     </div>
+</div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/book/summary.html b/layouts/book/summary.html
index 56f2ea7..69419e0 100644
--- a/layouts/book/summary.html
+++ b/layouts/book/summary.html
@@ -1,19 +1,26 @@
 <section class="flex row gap-1">
-  {{ with resources.GetRemote .Params.image }}
-    {{ with .Err }}
-        {{ errorf "%s" . }}
+  {{ if isset .Params "image" }}
+    {{ with resources.GetRemote .Params.image }}
+      {{ with .Err }}
+          {{ errorf "%s" . }}
+      {{ else }}
+      {{ $image := . }}
+      {{ $image := $image.Resize "150x" }}
+      <img
+          src="{{ $image.RelPermalink }}"
+          width="{{ $image.Width }}"
+          height="{{ $image.Height }}"
+          alt="Book cover of the book {{ .Title }}"
+          style="border: solid 1px #8d8d8d;"
+      />
+      {{ end }}
     {{ else }}
-    {{ $image := . }}
-    {{ $image := $image.Resize "150x" }}
-    <img
-        src="{{ $image.RelPermalink }}"
-        width="{{ $image.Width }}"
-        height="{{ $image.Height }}"
-        alt="Book cover of the book {{ .Title }}"
-    />
+      {{ errorf "unable to get remote resource %q" .Params.image }}
     {{ end }}
   {{ else }}
-    {{ errorf "unable to get remote resource %q" .Params.image }}
+    <div
+      style="background: grey; border: solid 1px #8d8d8d; width: 150px; height: 225px;"
+    ></div>
   {{ end }}
   <hgroup>
     <h3 class="f3 near-black">
@@ -27,7 +34,10 @@
     </h3>
     <p>Rating: {{ .Params.rating }} / 5</p>
     {{ with .Params.last_read }}
-    <p>Last Read: {{ . | time.Format ":date_full" }}</p>
+      {{ $last := index (.) 0 }}
+      {{/* if last_read is an array get the first item */}}
+
+    <p>Last Read: {{ $last | time.Format ":date_full" }}</p>
     {{ end }}
   </hgroup>
 </section>
-- 
cgit v1.1