upgrade to 3.0

public/css/index.css

@@ -1,7 +1,26 @@
 /* Defaults */
+@font-face {
+	font-family: "Atkinson Hyperlegible";
+	src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
+	font-display: swap;
+}
+@font-face {
+	font-family: "Atkinson Hyperlegible";
+	font-weight: bold;
+	src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
+	font-display: swap;
+}
+@font-face {
+	font-family: "Atkinson Hyperlegible";
+	font-style: italic
+	src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
+	font-display: swap;
+}
+
 :root {
-	--font-family: -apple-system, system-ui, sans-serif;
+	--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, 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, Courier, monospace;
+  font-size: 18px;
 }
 
 /* Theme colors */
@@ -13,9 +32,9 @@
 	--background-color: #fff;
 
 	--text-color: var(--color-gray-90);
-	--text-color-link: #082840;
-	--text-color-link-active: #5f2b48;
-	--text-color-link-visited: #17050F;
+	--text-color-link: #d61d4a;
+	--text-color-link-active: #853439;
+	--text-color-link-visited: #e8325e;
 
 	--syntax-tab-size: 2;
 }
@@ -110,6 +129,10 @@ header:after {
 	clear: both;
 }
 
+footer {
+	border-top: 1px dashed var(--color-gray-50);
+}
+
 .links-nextprev {
 	display: flex;
 	justify-content: space-between;
@@ -166,7 +189,7 @@ header {
 	padding: 1em;
 }
 .home-link {
-	font-size: 1em; /* 16px /16 */
+	font-size: 1.5em; /* 16px /16 */
 	font-weight: 700;
 	margin-right: 2em;
 }
@@ -235,6 +258,41 @@ header {
 	font-weight: bold;
 }
 
+/* Archive list */
+.archivelist {
+	padding: 0;
+	padding-left: 2.5rem;
+}
+.archivelist-item {
+	align-items: baseline;
+	margin-bottom: 1em;
+}
+.archivelist-item::marker {
+	text-align: right;
+	margin-left: -1.5rem;
+	font-size: 0.8125em; /* 13px /16 */
+	color: var(--color-gray-90);
+}
+.archivelist-date {
+	font-size: 0.8125em; /* 13px /16 */
+	color: var(--color-gray-90);
+	word-spacing: -0.5px;
+}
+.archivelist-link {
+	font-size: 1.1875em; /* 19px /16 */
+	font-weight: 700;
+	flex-basis: calc(100% - 1.5rem);
+	padding-left: .25em;
+	padding-right: .5em;
+	text-underline-position: from-font;
+	text-underline-offset: 0;
+	text-decoration-thickness: 1px;
+}
+.archivelist-item-active .archivelist-link {
+	font-weight: bold;
+}
+
+
 /* Tags */
 .post-tag {
 	display: inline-flex;
@@ -253,10 +311,66 @@ header {
 	flex-wrap: wrap;
 	gap: .5em;
 	list-style: none;
-	padding: 0;
+	border-top: 1px dashed var(--color-gray-20);
+	border-bottom: 1px dashed var(--color-gray-20);
+	padding: 3px 0px 3px 0px;
 	margin: 0;
+	font-size: .8em;
 }
 .post-metadata time {
 	margin-right: 1em;
 }
 
+/* Direct Links / Markdown Headers */
+.header-anchor {
+	text-decoration: none;
+	font-style: normal;
+	font-size: 1em;
+	margin-left: .1em;
+}
+a[href].header-anchor,
+a[href].header-anchor:visited {
+	color: transparent;
+}
+a[href].header-anchor:focus,
+a[href].header-anchor:hover {
+	text-decoration: underline;
+}
+a[href].header-anchor:focus,
+:hover > a[href].header-anchor {
+	color: #aaa;
+}
+
+h2 + .header-anchor {
+	font-size: 1.5em;
+	font-weight: bold;
+}
+
+h1 {
+	font-weight: bolder;
+}
+
+summary {
+	font-size: 1.5em;
+	font-weight: bold;
+	margin-bottom: .5em;
+}
+
+img {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+blockquote {
+	display: block;
+	margin-left: 2em;
+	margin-right: 3em;
+	padding-left: 10px;
+	border-left: 10px solid var(--text-color-link);
+}
+
+hr.new {
+	border: none;
+	border-top: 1px dashed var(--color-gray-50);
+}

public/css/webmentions.css

@@ -0,0 +1,53 @@
+/* Webmention Section */
+
+.webmentions {
+	display:block;
+	text-align: left;
+}
+.webmentions__facepile {
+	display:flex;
+	align-items: center;
+	flex-wrap: wrap;
+}
+.webmentions__face {
+	width: 2rem;
+	height: 2rem;
+	border-radius: 50%;
+	object-fit: cover;
+	flex: none;
+}
+.webmentions__list {
+	list-style-type: none;
+	padding:0;
+}
+.webmentions__item {
+	margin-bottom: 2rem;
+}
+
+/* Single Webmention */
+
+.webmention {
+	display:block;
+}
+.webmention__meta,
+.webmention__author {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+}
+.webmention__meta {
+	margin-bottom:.5rem;
+}
+.webmention__author {
+	margin-right:.25rem;
+}
+.webmention__author__photo {
+	height: 3rem;
+	width: 3rem;
+	border-radius: 50%;
+	object-fit: cover;
+	margin-right:.5rem;
+}
+.webmention__pubdate {
+	font-style: italic;
+}