From: Lady <redacted>
Date: Fri, 28 Jul 2023 04:55:08 +0000 (-0700)
Subject: Update navigation page styling
X-Git-Tag: 0.1.1~2
X-Git-Url: https://git.ladys.computer/GitWikiWeb/commitdiff_plain/b188164bc52e03d1c8f2dfb22a206c1581598e65?ds=sidebyside

Update navigation page styling
---

diff --git a/build.js b/build.js
index 4f996a3..4ed0c10 100644
--- a/build.js
+++ b/build.js
@@ -740,7 +740,9 @@ class GitWikiWebPage {
                     },
                     rawBlock`<details id="navigation-about" open="">`,
                     rawBlock`<summary>about this listing</summary>`,
+                    rawBlock`<article>`,
                     ...e.children,
+                    rawBlock`</article>`,
                     rawBlock`</details>`,
                   ],
                   navigation: [
diff --git a/style.css b/style.css
index e66d38f..a35f9b7 100644
--- a/style.css
+++ b/style.css
@@ -2,11 +2,18 @@ html{ Color: Canvas; Background: CanvasText }
 body{ Margin-Block: 0; Margin-Inline: Auto; Border: Double; Color: CanvasText; Background: Canvas; Padding: 0; Max-Inline-Size: Max-Content }
 body>header{ Box-Sizing: Border-Box; Margin-Inline: Auto; Border-Block-End: Double; Padding-Block: .5REM; Padding-Inline: 1CH; Inline-Size: 43EM; Max-Inline-Size: 100%; Box-Shadow: Inset 0 -1PX CurrentColor; Font-Size: Large }
 body>header :Any-Link{ Color: Inherit }
+#navigation-about>summary{ Border: Thin Solid; Padding-Inline: 2CH; Inline-Size: Max-Content }
+#navigation-about[open]>summary{ Border-Block-End: None }
+#navigation-about>article{ Border: Thin Solid; Padding-Block: 1EM; Padding-Inline: 2CH }
 main{ Box-Sizing: Border-Box; Margin: Auto; Inline-Size: 43EM; Max-Inline-Size: 100% }
 article{ Padding-Block: 1REM; Padding-Inline: 2CH }
 header.main{ Margin-Block: 0 1REM; Border-Block-End: Thin Solid; Padding-Block: 0 1REM }
 header.main h1{ Margin-Block: 0; Font-Size: XX-Large; Font-Style: Italic }
+article>footer{ Font-Size: Small }
+article>footer h2{ Border-Block-End: Thin Solid; Font-Size: Large }
 details:Has(>summary:Last-Child){ Display: None }
+p{ Margin: 0 }
+p+p{ Margin-Block-Start: .75EM }
 span.sig{ Font-Style: Italic; Font-Weight: Bold }
 strong[data-recency="5"]{ Font-Weight: 900 }
 strong[data-recency="4"]{ Font-Weight: 800 }