Formatting and cleanup

public/css/index.css

@@ -1,6 +1,6 @@
 /* Defaults */
 :root {
-	--font-family: Roboto, -apple-system, system-ui, sans-serif;
+	--font-family: Roboto, sans-serif;
 	--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT,
 		Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono,
 		Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New,
@@ -95,10 +95,15 @@ a[href]:active {
 	color: var(--text-color-link-active);
 }
 
-main,
-footer {
+main {
 	padding: 1rem;
 }
+footer {
+	padding-bottom: 1rem;
+	padding-left: 1rem;
+	padding-right: 1rem;
+	font-size: 0.75rem;
+}
 main :first-child {
 	margin-top: 0;
 }
@@ -107,7 +112,7 @@ header {
 	border-bottom: 1px dashed var(--color-gray-20);
 }
 header:after {
-	content: "";
+	content: '';
 	display: table;
 	clear: both;
 }
@@ -116,7 +121,7 @@ header:after {
 	display: flex;
 	justify-content: space-between;
 	gap: 0.5em 1em;
-	list-style: "";
+	list-style: '';
 	border-top: 1px dashed var(--color-gray-20);
 	padding: 1em 0;
 }
@@ -139,7 +144,7 @@ pre,
 code {
 	font-family: var(--font-family-monospace);
 }
-pre:not([class*="language-"]) {
+pre:not([class*='language-']) {
 	margin: 0.5em 0;
 	line-height: 1.375; /* 22px /16 */
 	-moz-tab-size: var(--syntax-tab-size);
@@ -190,7 +195,7 @@ header {
 .nav-item a[href]:not(:hover) {
 	text-decoration: none;
 }
-.nav a[href][aria-current="page"] {
+.nav a[href][aria-current='page'] {
 	text-decoration: underline;
 }
 
@@ -198,22 +203,21 @@ header {
 .postlist {
 	list-style: none;
 	padding: 0;
-	padding-left: 1.5rem;
 }
 .postlist-item {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: baseline;
-	counter-increment: start-from -1;
-	margin-bottom: 1em;
+	margin-bottom: 2em;
+}
+.postlist-item:last-child {
+	margin-bottom: 0em;
 }
 .postlist-item:before {
 	display: inline-block;
 	pointer-events: none;
-	content: "" counter(start-from, decimal-leading-zero) ". ";
 	line-height: 100%;
 	text-align: right;
-	margin-left: -1.5rem;
 }
 .postlist-date,
 .postlist-item:before {
@@ -222,14 +226,27 @@ header {
 }
 .postlist-date {
 	word-spacing: -0.5px;
-	flex-basis: 100%;
 }
 .postlist-link {
 	font-size: 1.1875em; /* 19px /16 */
 	font-weight: 700;
 	flex-basis: calc(100% - 1.5rem);
-	padding-left: 0.25em;
 	padding-right: 0.5em;
+	text-decoration: none;
+}
+
+.postlist-read-more {
+	text-decoration: none;
+	font-size: 0.8125em;
+	flex-basis: 100%;
+}
+
+.postlist-read-more:hover {
+	text-decoration: underline;
+}
+
+.postlist-link:hover {
+	text-decoration: underline;
 	text-underline-position: from-font;
 	text-underline-offset: 0;
 	text-decoration-thickness: 1px;
@@ -238,6 +255,28 @@ header {
 	font-weight: bold;
 }
 
+.postlist-byline {
+	flex-basis: 100%;
+}
+
+.postlist-tags {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	list-style-type: none;
+	gap: 0.5em;
+	font-size: 0.8125em;
+	padding-inline-start: 10px;
+}
+
+.postlist-tag {
+	text-decoration: none;
+}
+
+.postlist-tag:hover {
+	text-decoration: underline;
+}
+
 /* Tags */
 .post-tag {
 	display: inline-flex;

public/css/message-box.css

@@ -1,18 +0,0 @@
-/* Message Box */
-.message-box {
-	--color-message-box: #ffc;
-
-	display: block;
-	background-color: var(--color-message-box);
-	color: var(--color-gray-90);
-	padding: 1em 0.625em; /* 16px 10px /16 */
-}
-.message-box ol {
-	margin-top: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.message-box {
-		--color-message-box: #082840;
-	}
-}

public/css/prism-diff.css

@@ -2,7 +2,7 @@
  * New diff- syntax
  */
 
-pre[class*="language-diff-"] {
+pre[class*='language-diff-'] {
 	--eleventy-code-padding: 1.25em;
 	padding-left: var(--eleventy-code-padding);
 	padding-right: var(--eleventy-code-padding);