first blog more written

src/about/AboutPage.tsx

@@ -1,7 +1,6 @@
 import "./about.sass";
-import {HTMLProps, lazy} from "react";
-import {Link} from "../router/Link";
-import {Path} from "../router/router";
+import {lazy} from "react";
+import {ExternalLink} from "../router/Link";
 
 const About = lazy(() => import("./About.mdx"));
 
@@ -16,9 +15,3 @@ export default function AboutPage() {
     <div className="edge"/>
   </main>
 }
-
-function ExternalLink(props: HTMLProps<HTMLAnchorElement>) {
-  return (
-    <Link {...props} href={props.href as Path} className="external-link" target="_blank">{props.children}</Link>
-  )
-}

src/about/about.sass

@@ -2,6 +2,7 @@
 $paragraph: 20px
 $max-width: 600px
 $min-width: 400px
+$reader-bg: #27213C
 
 .about-page
   color: white
@@ -45,7 +46,7 @@ $min-width: 400px
     font-size: $paragraph * 1.1
 
 .edge
-  background: #27213C
+  background: $reader-bg
   flex-grow: 1
   min-width: 30%