Implement now page, add new post "Patience"

public/css/dropcap.css

@@ -1,17 +1,14 @@
 main > p:not(.nodropcap):first-of-type:first-letter {
 	float: left;
 	font-size: 4rem;
-	font-weight: 300;
-	line-height: 60px;
 	padding: .5rem .5rem .5rem .5rem;
 	color: var(--contrast-color);
 	border: solid 2px var(--contrast-color);
 	font-family: var(--font-family-headline);
 	font-weight: 700;
-	margin-right: .25em;
+	margin: .25rem .5rem 0 0;
 	border-radius: .2em;
 	border-top-left-radius: 0;
-	margin-bottom: -.2em;
 }
 
 @media(max-width: 556px) {

public/css/index.css

@@ -81,6 +81,7 @@
 /* Global stylesheet */
 * {
 	box-sizing: border-box;
+	line-height: calc(1em + 0.5rem);
 }
 
 html,
@@ -114,6 +115,10 @@ a {
 	white-space: nowrap;
 	width: 1px;
 }
+footer {
+	padding: var(--single-gap);
+	border-top: var(--border-thin);
+}
 h1, h2, h3 {
 	color: var(--text-color);
 }
@@ -122,7 +127,6 @@ h1 {
 	font-weight: var(--weight-extraheavy);
 	font-size: var(--font-xxl);
 	font-style: normal;
-	line-height: 4rem;
 	margin-top: var(--triple-gap);
 	margin-bottom: 0;
 }
@@ -133,7 +137,6 @@ h2 {
 }
 h3 {
 	font-size: var(--font-l);
-	line-height: 1.25;
 }
 hr {
 	border-top: var(--border-thin);
@@ -150,12 +153,11 @@ p:last-child {
 	margin-bottom: 0;
 }
 p, li {
-	line-height: 1.5;
 	font-size: var(--font-n);
 }
 figure {
 	margin: 0;
-	padding: 0 0 2em 0;
+	padding: var(--single-gap) 0 var(--single-gap) 0;
 	width: 100%;
 }
 figure > a > img {
@@ -168,7 +170,7 @@ figcaption {
 	padding-top: var(--single-gap);
 }
 .page-block {
-	margin-top: var(--triple-gap);
+	margin-bottom: var(--triple-gap);
 }
 a[href] {
 	color: var(--text-color-link);
@@ -182,9 +184,9 @@ a[href]:active {
 }
 .links-nextprev {
 	list-style: none;
-	border-top: 1px solid var(--color-gray-20);
-	padding: 1em 0;
-	margin-top: var(--double-gap);
+	border-top: var(--border-thin);
+	padding: var(--triple-gap) 0 var(--single-gap) 0;
+	margin-top: var(--triple-gap);
 }
 
 table {
@@ -202,7 +204,6 @@ code {
 }
 pre:not([class*="language-"]) {
 	margin: .5em 0;
-	line-height: 1.375; /* 22px /16 */
 	-moz-tab-size: var(--syntax-tab-size);
 	-o-tab-size: var(--syntax-tab-size);
 	tab-size: var(--syntax-tab-size);
@@ -310,6 +311,9 @@ nav ul {
 .postlist h2 {
 	margin-bottom: var(--double-gap);
 }
+.postlist h3 {
+	margin-top: 0;
+}
 .postlist-item-container {
 	display: flex;
 	flex-flow: column nowrap;
@@ -453,7 +457,6 @@ h2 + .header-anchor {
 	}
 	h1 {
 		font-size: var(--font-xxl);
-		line-height: 2.75rem;
 		margin-top: var(--single-gap);
 		padding-top: 0;
 	}
@@ -497,9 +500,6 @@ h2 + .header-anchor {
 	}
 
 	/* Posts List */
-	.post-copy a h3 {
-		margin-top: var(--half-gap);
-	}
 	.postlist {
 		padding-top: 0;
 	}
@@ -524,9 +524,8 @@ h2 + .header-anchor {
 		margin-bottom: var(--single-gap);
 	}
 
-	p, p.nodropcap.page-block, .post-copy p {
+	p, p.nodropcap, .post-copy p {
 		font-size: var(--font-n);
-		line-height: 1.25rem;
 		margin-top: var(--single-gap);
 	}
 	.post-metadata time, time.postlist-date {