From 4ea38d6249ffb2a146876bc3c7d4f79e6bbbe832 Mon Sep 17 00:00:00 2001
From: Kevin J Hoerr <kjhoerr@protonmail.com>
Date: Fri, 18 Nov 2022 16:28:18 -0500
Subject: Upgrade dependencies: Gatsby 5.0.1

---
 src/pages/404.tsx | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src/pages/404.tsx')

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 0f6164c..ac489f1 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -52,3 +52,4 @@ const NotFoundPage = (): React.ReactElement => {
 };
 
 export default NotFoundPage;
+export { Head } from "../components/SEO";
-- 
cgit 


From 299159ab2b4b1488cfc99e38c921e35d61a1264a Mon Sep 17 00:00:00 2001
From: Kevin J Hoerr <kjhoerr@protonmail.com>
Date: Fri, 18 Nov 2022 17:57:24 -0500
Subject: Refactor components and styles to be consistent

---
 src/pages/404.tsx | 60 +++++++++++++++----------------------------------------
 1 file changed, 16 insertions(+), 44 deletions(-)

(limited to 'src/pages/404.tsx')

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index ac489f1..6b0b85a 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,52 +1,24 @@
 import * as React from "react";
-import { Link } from "gatsby";
-
-// styles
-const pageStyles = {
-  color: "#232129",
-  padding: "96px",
-  fontFamily: "-apple-system, Roboto, sans-serif, serif",
-};
-const headingStyles = {
-  marginTop: 0,
-  marginBottom: 64,
-  maxWidth: 320,
-};
-
-const paragraphStyles = {
-  marginBottom: 48,
-};
-const codeStyles = {
-  color: "#8A6534",
-  padding: 4,
-  backgroundColor: "#FFF4DB",
-  fontSize: "1.25rem",
-  borderRadius: 4,
-};
+import BlockLink from "../components/BlockLink";
+import { BlockBody, BlockHeader, Content } from "../styles";
 
 // markup
 const NotFoundPage = (): React.ReactElement => {
   return (
-    <main style={pageStyles}>
-      <title>Not found</title>
-      <h1 style={headingStyles}>Page not found</h1>
-      <p style={paragraphStyles}>
-        Sorry{" "}
-        <span role="img" aria-label="Pensive emoji">
-          😔
-        </span>{" "}
-        we couldn’t find what you were looking for.
-        <br />
-        {process.env.NODE_ENV === "development" ? (
-          <>
-            <br />
-            Try creating a page in <code style={codeStyles}>src/pages/</code>.
-            <br />
-          </>
-        ) : null}
-        <br />
-        <Link to="/">Go home</Link>.
-      </p>
+    <main>
+      <Content>
+        <BlockHeader>Not found</BlockHeader>
+        <BlockBody theme={{ padding: "4px 8px" }}>
+          Sorry{" "}
+          <span role="img" aria-label="Pensive emoji">
+            😔
+          </span>{" "}
+          we couldn&apos;t find what you were looking for.
+        </BlockBody>
+        <BlockLink href="/" aria-label="Return to the front page">
+          Home
+        </BlockLink>
+      </Content>
     </main>
   );
 };
-- 
cgit 


From dbb497eef6b66b09cf000ed3794eea7f517b840a Mon Sep 17 00:00:00 2001
From: Kevin J Hoerr <kjhoerr@protonmail.com>
Date: Fri, 18 Nov 2022 18:00:52 -0500
Subject: Switch tense of BlockBody prop

---
 src/pages/404.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/pages/404.tsx')

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 6b0b85a..48de764 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -8,7 +8,7 @@ const NotFoundPage = (): React.ReactElement => {
     <main>
       <Content>
         <BlockHeader>Not found</BlockHeader>
-        <BlockBody theme={{ padding: "4px 8px" }}>
+        <BlockBody>
           Sorry{" "}
           <span role="img" aria-label="Pensive emoji">
             😔
-- 
cgit 


From 8f7baceabdfa50c2864e3ac26b08aff4ae7c7dbe Mon Sep 17 00:00:00 2001
From: Kevin J Hoerr <kjhoerr@protonmail.com>
Date: Fri, 18 Nov 2022 20:06:11 -0500
Subject: Update 404 with main styles

---
 src/pages/404.tsx | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src/pages/404.tsx')

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index 48de764..0a593d6 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,6 +1,7 @@
 import * as React from "react";
 import BlockLink from "../components/BlockLink";
 import { BlockBody, BlockHeader, Content } from "../styles";
+import "../styles/main.css";
 
 // markup
 const NotFoundPage = (): React.ReactElement => {
-- 
cgit