CSS and footer tweaks

_includes/footer.njk

@@ -1,10 +1,10 @@
 <footer>
 	<div class="footerContainer">
 		<p>
+		<br>Made by humans, not AI. Featured on <a href="https://blogroll.org/">blogroll.org</a>, <a href="https://blogs.hn/">blogs.hn</a>, <a href="https://blogscroll.com/">blogscroll.com</a>, <a href="https://bukmark.club">bukmark.club</a>, <a href="https://earlyweblinks.com/">earlyweblinks.com</a>, <a href="https://feedle.world/">Feedle</a>, and <a href="https://indieblog.page/">indieblog.page</a>.
 		{% if metadata.copyrightNotice %}
-			<span class="copyright-notice">{{ metadata.copyrightNotice }}</span>
+					<br><span class="copyright-notice">{{ metadata.copyrightNotice }}</span>
 		{% endif %}
-		<br>Made by humans, not AI.
 			<div class="webringsContainer">
 				{% if metadata.webrings %}{% for webring in metadata.webrings %}
 				<span class="webring">

content/search/index.njk

@@ -1,4 +1,4 @@
-
+---
 description: We’re all searching for something.
 layout: layouts/base.njk
 search: true

public/css/index.css

@@ -89,6 +89,19 @@
 	--grid-gutter: var(--space-s-s, clamp(1.25rem, 1.1092rem + 0.7042vw, 1.5rem));
 	--grid-columns: 12;
 
+	/* Line Height Tokens */
+	--line-height--2: calc(var(--step--2) * 1.5);
+	--line-height--1: calc(var(--step--1) * 1.5);
+	--line-height-0: calc(var(--step-0) * 1.5);
+	--line-height-1: calc(var(--step-1) * 1.5);
+	--line-height-2: calc(var(--step-2) * 1.5);
+	--line-height-3: calc(var(--step-3) * 1.5);
+	--line-height-4: calc(var(--step-4) * 1.5);
+	--line-height-5: calc(var(--step-5) * 1.5);
+	--line-height-6: calc(var(--step-6) * 1.5);
+	--line-height-7: calc(var(--step-7) * 1.5);
+	--line-height-8: calc(var(--step-8) * 1.5);
+
 	/* Utilities */
 	--span-grid: 1 / span 12;
 	--color-metadata: var(--contrast-color);
@@ -322,7 +335,6 @@ footer {
 	font-variation-settings: "wght" 500;
 	margin-left: calc(var(--grid-gutter) * -1);
 	margin-right: calc(var(--grid-gutter) * -1);
-	min-height: calc(var(--space-3xl) * 3);
 	padding: var(--space-xl) var(--grid-gutter) 0 var(--grid-gutter);
 	width: calc(100% + var(--grid-gutter) * 2);
 	& .footerContainer {
@@ -357,7 +369,7 @@ footer {
 	& p {
 		font-size: var(--step--1);
 		grid-column: var(--span-grid);
-		line-height: calc(var(--step--1) * 1.25);
+		line-height: var(--line-height--1);
 		margin-bottom: 0;
 	}
 	& .webring {
@@ -381,7 +393,7 @@ h1 {
 		"wght" 400,
 		"SOFT" 20,
 		"WONK" 1;
-	line-height: calc(var(--step-5) * 1.25);
+	line-height: var(--line-height-3);
 	padding-bottom: var(--space-l);
 	text-wrap: balance;
 }
@@ -391,7 +403,7 @@ h2 {
 	font-size: var(--step-0);
 	font-variation-settings: "wght" 450;
 	letter-spacing: var(--wide-letter-spacing);
-	line-height: calc(var(--step-0) * 1.25);
+	line-height: var(--line-height-0);
 	margin-block: 0 0.5lh;
 	text-transform: uppercase;
 
@@ -402,7 +414,7 @@ h3 {
 	font-size: var(--step--1);
 	font-variation-settings: "wght" 700;
 	letter-spacing: var(--wide-letter-spacing);
-	line-height: calc(var(--step--1) * 1.5);
+	line-height: var(--line-height-1);
 	text-transform: uppercase;
 	text-wrap: pretty;
 	&::before {
@@ -416,7 +428,7 @@ h4 {
 	font-size: var(--step--2);
 	font-variation-settings: "wght" 600;
 	letter-spacing: var(--wide-letter-spacing);
-	line-height: calc(var(--step--2) * 1.5);
+	line-height: var(--line-height--2);
 	text-transform: uppercase;
 	text-wrap: pretty;
 }
@@ -427,7 +439,7 @@ ul:not(.taglist) {
 		color: var(--contrast-color);
 	}
 	& li {
-		line-height: calc(var(--step-1) * 1.5);
+		line-height: var(--line-height-1);
 		padding-left: 0.5em;
 	}
 }
@@ -468,7 +480,7 @@ p:not(.quizQuestion, .isso-input-wrapper) {
 p,
 li {
 	font-size: var(--step-0);
-	line-height: calc(var(--step-0) * 1.5);
+	line-height: var(--line-height-0);
 	text-wrap: pretty;
 }
 figure {
@@ -611,7 +623,7 @@ thead tr th:last-child {
 	> li,
 	> li > p {
 		font-size: var(--step--1);
-		line-height: calc(var(--step--1) * 1.5);
+		line-height: var(--line-height--1);
 	}
 }
 .footnote-item::marker {
@@ -661,7 +673,7 @@ article > .post-image,
 
 .post-synopsis {
 	font-size: var(--step-1);
-	line-height: calc(var(--step-1) * 1.5);
+	line-height: var(--line-height-1);
 }
 
 .post-time-author,
@@ -729,7 +741,7 @@ article > .post-image,
 		font-family: var(--font-family-ui);
 		font-size: var(--step--2);
 		font-variation-settings: "wght" 400;
-		line-height: calc(var(--step--2) * 1.5);
+		line-height: var(--line-height--2);
 		& .authorBio a {
 			text-decoration: underline;
 			text-decoration-color: var(--contrast-color);
@@ -869,7 +881,7 @@ sup {
 					font-size: var(--step--1);
 					font-variation-settings: "wght" 700;
 					letter-spacing: var(--wide-letter-spacing);
-					line-height: calc(var(--step--1) * 1.5);
+					line-height: var(--line-height--1);
 					text-transform: uppercase;
 					&:before {
 						content: "";
@@ -917,7 +929,7 @@ h3.postlist-link {
 	font-size: var(--step--1);
 	font-variation-settings: "wght" 700;
 	letter-spacing: var(--wide-letter-spacing);
-	line-height: calc(var(--step--1) * 1.5);
+	line-height: var(--line-height--1);
 	text-transform: uppercase;
 }