n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CSS and footer tweaks

Browse Source
This commit is contained in:
n_u
2026-09-22 11:10:48 -05:00
parent 0e313eea77
commit 074fd8dbde
3 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/footer.njk
+2 -2
View File
@@ -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 -1
View File
@@ -1,4 +1,4 @@
---
description: We’re all searching for something.
layout: layouts/base.njk
search: true
public/css/index.css
+25 -13
View File
@@ -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;
}