design tweaks

src/styles/global.css

@@ -1,8 +1,7 @@
 @font-face {
 	font-family: CrimsonText;
-	src: url(./fonts/CrimsonText-Regular.ttf) format('truetype');
+	src: url(./fonts/Poppins-Regular.ttf) format('truetype');
 	font-style: normal;
-	font-display: block;
 }
 
 @font-face {
@@ -37,11 +36,15 @@
 * {
 	/* font-family: 'CrimsonText', serif; */
 	font-family: 'CrimsonText', serif;
-	font-size: 1.2rem;
+	font-size: 1.1rem;
 	color: var(--text);
 	letter-spacing: 0.03rem;
 }
 
+html {
+	color-scheme: dark light;
+}
+
 body {
 	background-color: var(--background);
 	margin: 0;
@@ -79,7 +82,7 @@ blockquote {
 }
 
 hr {
-	border-top: 1px solid var(--text);
+	border-top: 1px solid var(--border);
 	margin: 2rem 0;
 }
 
@@ -102,8 +105,7 @@ sup > a {
 
 a {
 	color: var(--blue);
-	text-decoration: underline;
-	text-decoration-style: dotted;
+	text-decoration: none;
 }
 
 a:hover {
@@ -263,11 +265,6 @@ dialog {
 	margin: 0 0 1.5rem 0;
 }
 
-.post-preview:not(:last-of-type) {
-	border-bottom: var(--border);
-	margin: 0;
-}
-
 svg {
 	color: var(--text);
 }
@@ -278,7 +275,7 @@ svg {
 	display: block;
 	width: 134px;
 	height: 45px;
-	background-image: url(Written-By-Human-Not-By-AI-Badge-white.svg);
+	background-image: url(svg/Written-By-Human-Not-By-AI-Badge-white.svg);
 	background-repeat: no-repeat;
 	background-position: center;
 	/* border: 1px solid red; */
@@ -286,6 +283,6 @@ svg {
 
 @media (prefers-color-scheme: dark) {
 	.not-by-ai {
-		background-image: url(Written-By-Human-Not-By-AI-Badge-black.svg);
+		background-image: url(svg/Written-By-Human-Not-By-AI-Badge-black.svg);
 	}
 }

src/styles/svg/icons/calendar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 4h-.8c-1.12 0-1.68 0-2.108.218a1.999 1.999 0 0 0-.874.874C4 5.52 4 6.08 4 7.2V8m4-4h8M8 4V2m8 2h.8c1.12 0 1.68 0 2.107.218c.377.192.683.497.875.874c.218.427.218.987.218 2.105V8m-4-4V2M4 8v8.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h9.606c1.118 0 1.677 0 2.104-.218c.377-.192.683-.498.875-.874c.218-.428.218-.986.218-2.104V8M4 8h16m-4 8h.002v.002H16zm-4 0h.002v.002H12zm-4 0h.002v.002H8zm8.002-4v.002H16V12zM12 12h.002v.002H12zm-4 0h.002v.002H8z"/></svg>

src/styles/svg/icons/clock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 7v5h5m-5 9a9 9 0 1 1 0-18a9 9 0 0 1 0 18"/></svg>

src/styles/svg/icons/pen.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 20h16M4 20v-4l8-8M4 20h4l8-8m-4-4l2.869-2.869l.001-.001c.395-.395.593-.593.821-.667a1 1 0 0 1 .618 0c.228.074.425.272.82.666l1.74 1.74c.396.396.594.594.668.822a1 1 0 0 1 0 .618c-.074.228-.272.426-.668.822h0L16 12.001m-4-4l4 4"/></svg>

src/styles/svg/icons/person.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21a7 7 0 1 0-14 0m7-10a4 4 0 1 1 0-8a4 4 0 0 1 0 8"/></svg>