Cleaned up v2.0 status

public/css/index.css

@@ -152,8 +152,7 @@ header {
 .nav-item a[href]:not(:hover) {
   text-decoration: none;
 }
-.nav-item-active {
-  font-weight: 700;
+.nav a[href][aria-current="page"] {
   text-decoration: underline;
 }
 
@@ -187,6 +186,8 @@ header {
   word-spacing: -0.5px;
 }
 .postlist-link {
+  font-size: 1.1875em; /* 19px /16 */
+  font-weight: 700;
   flex-basis: calc(100% - 1.5rem);
   padding-left: .25em;
   padding-right: .5em;
@@ -197,11 +198,6 @@ header {
 .postlist-item-active .postlist-link {
   font-weight: bold;
 }
-.tmpl-home .postlist-link {
-  font-size: 1.1875em; /* 19px /16 */
-  font-weight: 700;
-}
-
 
 /* Tags */
 .post-tag {

public/css/message-box.css

@@ -0,0 +1,18 @@
+/* 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:only-child {
+  margin: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+  .message-box {
+    --color-message-box: #082840;
+  }
+}

public/css/prism-diff.css

@@ -0,0 +1,45 @@
+/*
+ * New diff- syntax
+ */
+
+pre[class*="language-diff-"] {
+	--eleventy-code-padding: 1.25em;
+	padding-left: var(--eleventy-code-padding);
+	padding-right: var(--eleventy-code-padding);
+}
+.token.deleted {
+	background-color: hsl(0, 51%, 37%);
+	color: inherit;
+}
+.token.inserted {
+	background-color: hsl(126, 31%, 39%);
+	color: inherit;
+}
+
+/* Make the + and - characters unselectable for copy/paste */
+.token.prefix.unchanged,
+.token.prefix.inserted,
+.token.prefix.deleted {
+	-webkit-user-select: none;
+	user-select: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.token.prefix.inserted,
+.token.prefix.deleted {
+	width: var(--eleventy-code-padding);
+	background-color: rgba(0,0,0,.2);
+}
+
+/* Optional: full-width background color */
+.token.inserted:not(.prefix),
+.token.deleted:not(.prefix) {
+	display: block;
+	margin-left: calc(-1 * var(--eleventy-code-padding));
+	margin-right: calc(-1 * var(--eleventy-code-padding));
+	text-decoration: none; /* override del, ins, mark defaults */
+	color: inherit; /* override del, ins, mark defaults */
+}