From d0e7f43601e90229b95191a1cdc85039e233b622 Mon Sep 17 00:00:00 2001
From: Zach Berwaldt <zberwaldt@tutamail.com>
Date: Mon, 9 Oct 2023 21:08:24 -0400
Subject: add icons, refine styles, update layouts

---
 layouts/_default/list.html         |  2 +-
 layouts/_default/summary.html      |  3 +++
 layouts/book/list.html             | 33 +++++++++++++++++++++++++++++++++
 layouts/book/single.html           | 15 ++++++++++++++-
 layouts/partials/site-actions.html | 18 ++++++++++++------
 5 files changed, 63 insertions(+), 8 deletions(-)
 create mode 100644 layouts/book/list.html

(limited to 'layouts')

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 38ef025..c265f91 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-    <article style="width:70ch;">
+    <article>
         <h1>{{ .Title }}</h1>
         {{ if .Content }}
             <p>{{ .Content }}</p>
diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html
index 0753995..5e4ac4b 100644
--- a/layouts/_default/summary.html
+++ b/layouts/_default/summary.html
@@ -4,6 +4,9 @@
       <a href="{{ .RelPermalink }}" class="link black dim">
         {{ .Title }}
       </a>
+      {{ if isset .Params "rating" }}
+        {{ .Params.rating }}
+      {{ end }}
     </h1>
     <p>
       {{ .Date | time.Format ":date_full" }}
diff --git a/layouts/book/list.html b/layouts/book/list.html
new file mode 100644
index 0000000..628d8b8
--- /dev/null
+++ b/layouts/book/list.html
@@ -0,0 +1,33 @@
+{{ define "main" }}
+  <article>
+    <h1>{{ .Title }}</h1>
+    {{ if .Content }}
+    <p>{{- .Content -}}</p>
+    {{ end }}
+    <section>
+      {{ if .IsSection }}
+        {{ range sort (.Paginator 3).Pages "Date" "desc" }}
+          {{ if ne .Layout "list" }}
+            <div>{{ .Render "summary" }}</div>
+          {{ end }}
+        {{ end }}
+      {{ else }}
+        {{ $metric := .Params.sortby }}
+        {{ $direction := "asc" }}
+        {{ if eq .Params.sortby "rating" }}
+          {{ $direction = "desc" }}
+        {{ end }}
+        {{ $pages := (where .Site.RegularPages "Type" "book") }}
+        {{ $pages = (where $pages "Layout" "!=" "list")}}
+        {{ if eq $direction "desc" }}
+          {{ $pages = (sort ($pages.ByParam $metric).Reverse) }}
+        {{ else }}
+          {{ $pages = (sort ($pages.ByParam $metric)) }}
+        {{ end }}
+        {{ range $pages }}
+          <div>{{ .Render "summary" }}</div>
+        {{ end }}
+      {{ end }}
+    </section>
+  </article>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/book/single.html b/layouts/book/single.html
index 3ffb236..0bbd265 100644
--- a/layouts/book/single.html
+++ b/layouts/book/single.html
@@ -4,7 +4,20 @@
         <h4>{{ .Params.author }}</h4>
         <h6>{{ .Date | time.Format ":date_full" }}</h6>
         {{ if isset .Params "image" }}
-        <img src="{{ .Params.image }}" alt="Book cover of the book {{ .Title }}" />
+        {{ with resources.GetRemote .Params.image }}
+            {{ with .Err }}
+                {{ errorf "%s" . }}
+            {{ else }}
+            <img
+                src="{{ .RelPermalink }}"
+                width="{{ .Width }}"
+                height="{{ .Height }}"
+                alt="Book cover of the book {{ .Title }}"
+            />
+            {{ end }}
+        {{ else }}
+            {{ errorf "unable to get remote resource %q" .Params.image }}
+        {{ end }}
         {{ end }}
         {{ if isset .Params "amazon" }}
         <p>
diff --git a/layouts/partials/site-actions.html b/layouts/partials/site-actions.html
index b9afa66..ac9013a 100644
--- a/layouts/partials/site-actions.html
+++ b/layouts/partials/site-actions.html
@@ -1,12 +1,18 @@
 <div id="actions" class="fixed flex row aligned right">
-    <button id="darkmode">Dark Mode</button>
+    <button id="darkmode">
+      <span class="icon" id="lightmode-icon">
+        {{ partial "func/GetSvg" "Lightmode.svg" }}
+      </span>
+      <span class="icon hide" id="darkmode-icon">
+        {{ partial "func/GetSvg" "Darkmode.svg" }}
+      </span>
+    </button>
     <button id="fullscreen" class="flex row centered" title="fullscreen toggle">
-      <div class="icon" id="fullscreen-icon">
+      <span class="icon" id="fullscreen-icon">
         {{ partial "func/GetSvg" "Fullscreen.svg" }}
-      </div>
-      <div class="icon hide" id="smallscreen-icon">
+      </span>
+      <span class="icon hide" id="smallscreen-icon">
         {{ partial "func/GetSvg" "Smallscreen.svg" }}
-      </div>
-      or [/]
+      </span>
     </button>
 </div>
\ No newline at end of file
-- 
cgit v1.1