From cf95759bc5cf3d6a1df5645b6e5b7437bc8e4bce Mon Sep 17 00:00:00 2001
From: gravel <gravel@noreply.codeberg.org>
Date: Wed, 27 Dec 2023 00:16:57 +0000
Subject: [PATCH] Footer & UI changes; authorship

---
 output/css/common.css | 21 +++++++++++++++++++++
 output/css/footer.css | 43 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 64 insertions(+)
 create mode 100644 output/css/common.css
 create mode 100644 output/css/footer.css

diff --git a/output/css/common.css b/output/css/common.css
new file mode 100644
index 0000000..9cbde99
--- /dev/null
+++ b/output/css/common.css
@@ -0,0 +1,21 @@
+:root {
+	--primary-color:					hsl(0, 0%, 100%);
+	--secondary-color:					hsl(0, 0%, 0%);
+	--secondary-color-heading:			hsl(0, 0%, 17%);
+	--secondary-color-shaded:			hsl(0, 0%, 9%);
+	--anchor-color:						hsl(210, 100%, 60%);
+	--color-http:						hsl(0, 0%, 17%);
+	--color-https:						hsl(195, 53%, 21%);
+}
+
+#toggle-theme-switch:checked ~ #theming-root {
+	--primary-color:					hsl(0, 0%, 0%);
+	--secondary-color:					hsl(0, 0%, 100%);
+	--secondary-color-heading:			hsl(0, 0%, 83%);
+	--secondary-color-shaded:			hsl(0, 0%, 91%);
+	--anchor-color:						hsl(210, 100%, 40%);
+	--color-http:						hsl(0, 0%, 83%);
+	--color-https:						hsl(195, 53%, 79%);
+}
+
+:root { text-underline-offset: 0.2em; }
diff --git a/output/css/footer.css b/output/css/footer.css
new file mode 100644
index 0000000..c57dc08
--- /dev/null
+++ b/output/css/footer.css
@@ -0,0 +1,43 @@
+footer, aside {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	max-width: 100%;
+	text-align: center;
+	font-size: 0.85em;
+}
+
+aside:not(#summary):first-of-type {
+	margin-top: 2em;
+	padding-top: 2em;
+	border-top: 1px var(--primary-color) solid;
+}
+
+aside p {
+	max-width: 40em;
+	margin: .5em;
+	text-align: center;
+}
+
+footer:first-of-type {
+	margin-block-start: 1em;
+}
+
+.footer__nav-target {
+	display: inline-block;
+	padding: .5em;
+	margin-inline: .1em;
+	margin-block: .1em;
+	min-width: 3em;
+	white-space: nowrap;
+}
+
+#more-sites-info-button {
+	font-size: 1.25em;
+}
+
+#footer__author {
+	align-self: flex-end;
+	padding: 0em 2em;
+}
+