From a49f2326a4f2217366fee2eb04a271361a0f9fc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Deniz=20Ak=C5=9Fim=C5=9Fek?= <deniz@denizaksimsek.com>
Date: Sun, 30 Apr 2023 14:29:54 +0300
Subject: [PATCH] website reshuffling

---
 book/COLOPHON.adoc                   | 13 -------------
 www/_includes/chapter.njk            |  2 +-
 www/_includes/global-footer.njk      | 12 ++++--------
 www/_includes/layout.njk             | 17 ++++++++++++++++-
 www/_plugins/postprocess-asciidoc.ts |  2 +-
 5 files changed, 22 insertions(+), 24 deletions(-)
 delete mode 100644 book/COLOPHON.adoc

diff --git a/book/COLOPHON.adoc b/book/COLOPHON.adoc
deleted file mode 100644
index 93b1586..0000000
--- a/book/COLOPHON.adoc
+++ /dev/null
@@ -1,13 +0,0 @@
-:layout: frontmatter.njk
-:url: /colophon/
-
-=   Colophon   =
-
-    Text:: Authored in https://asciidoc.org[AsciiDoc (markup language)].
-
-    Website:: Generated with https://lume.land[Lume (static site generator)],
-    styled with https://missing.style[Missing.css (stylesheet)].
-        
-    Fonts:: Headings in https://fontlibrary.org/en/font/chicagoflf[ChicagoFLF],
-    body text in https://www.type-together.com/literata-font[Literata],
-    code in https://berkeleygraphics.com/typefaces/berkeley-mono/[Berkeley Mono].
diff --git a/www/_includes/chapter.njk b/www/_includes/chapter.njk
index e1901cc..5e61007 100644
--- a/www/_includes/chapter.njk
+++ b/www/_includes/chapter.njk
@@ -57,7 +57,7 @@ layout: layout.njk
                 {{ 'Part ' + loop.index + ':' if isPart }}
                 {{ sect.getTitle() | safe }}
             </a>
-            {{ toc(sect, level + 1) if level < 2 and sect.getSections().length > 0 }}
+            {{ toc(sect, level + 1, url=url) if level < 2 and sect.getSections().length > 0 }}
         </li>
         {% endfor %}
     </ul>
diff --git a/www/_includes/global-footer.njk b/www/_includes/global-footer.njk
index 2a1b90a..a76624e 100644
--- a/www/_includes/global-footer.njk
+++ b/www/_includes/global-footer.njk
@@ -1,10 +1,6 @@
 
-<nav class="f-row flex-wrap:wrap crowded" aria-label="Site navigation">
-    <span id="footer-book-name" class="bold allcaps">Hypermedia Systems</span>
-    <span class="f-row flex-wrap:wrap">
-        <a href="/">Cover</a>
-        <a href="/book/contents">Contents</a>
-        <a href="/colophon">Colophon</a>
-        <a href="https://github.com/bigskysoftware/hypermedia-systems">GitHub</a>
-    </span>
+<nav class="f-row flex-wrap:wrap justify-content:center crowded" aria-label="Site navigation">
+    <a href="/" id="footer-book-name" class="bold allcaps display-font italic">Hypermedia Systems</a>
+    <a href="/book/contents">Contents</a>
+    <a href="https://github.com/bigskysoftware/hypermedia-systems">GitHub</a>
 </nav>
diff --git a/www/_includes/layout.njk b/www/_includes/layout.njk
index 0804c55..b8723d5 100644
--- a/www/_includes/layout.njk
+++ b/www/_includes/layout.njk
@@ -75,13 +75,28 @@
     body > header { border-block-end: 1px dotted var(--muted-fg) }
     body > footer { border-block-start: none }
 
+    figure {
+        display: block;
+        background: none;
+        border: none;
+        padding: 0 var(--gap);
+    }
     figure>* { --density: .5 }
-    figcaption { font-size: .8em; line-height: calc(var(--rhythm) * 2 / 3); }
+    figcaption { font-size: .8em; line-height: calc(var(--rhythm) *  / 4); }
     figcaption:first-child { border-block-end: 1px solid var(--faded-fg) }
     figcaption:last-child { border-block-start: 1px solid var(--faded-fg) }
 
     .iconbutton { box-shadow: none !important; }
 
+    aside {
+        font-size: .8em;
+        line-height: calc(var(--rhythm)*3/4);
+        --gap: calc(var(--rhythm) * var(--density) * 3 / 4);
+        border-block: 1px solid var(--graphical-fg);
+        padding-block: var(--gap);
+        margin-block: calc(var(--gap)*4/3);
+    }
+
     /* #endregion */
 
     header, footer, summary, button, input, small, .\<small\>, aside, figcaption, .secondary-font { font-variation-settings: "opsz" 7 }
diff --git a/www/_plugins/postprocess-asciidoc.ts b/www/_plugins/postprocess-asciidoc.ts
index cd44f17..588133c 100644
--- a/www/_plugins/postprocess-asciidoc.ts
+++ b/www/_plugins/postprocess-asciidoc.ts
@@ -17,7 +17,7 @@ export default () => {
 
             $$(document, ".listingblock, .imageblock").forEach((el) => {
                 el.tagName = "figure";
-                el.classList.add("contents"); // Don't draw box around images and code listings
+                // el.classList.add("contents"); // Don't draw box around images and code listings
                 const title = el.querySelector(".title");
                 if (title) title.tagName = "figcaption";
             })