diff --git a/images/codey-404.svg b/images/codey-404.svg new file mode 100644 index 00000000..e73f096f --- /dev/null +++ b/images/codey-404.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pages/404.module.css b/pages/404.module.css new file mode 100644 index 00000000..d9163a0b --- /dev/null +++ b/pages/404.module.css @@ -0,0 +1,15 @@ +.container{ + display:flex; + align-items: center; + justify-content: center; +} + +.codey{ + width: calc(380rem / 16); +} + +@media only screen and (max-width: calc(768rem / 16)) { + .container{ + flex-direction: column; + } +} diff --git a/pages/404.tsx b/pages/404.tsx new file mode 100644 index 00000000..89ccb4dd --- /dev/null +++ b/pages/404.tsx @@ -0,0 +1,24 @@ +import React from "react"; + +import { Image } from "@/components/Image"; +import { Link } from "@/components/Link"; +import { Title } from "@/components/Title"; + +import styles from "./404.module.css"; +export default function Custom404() { + return ( +
+
+ Error 404 +

Error 404

+

We couldn't find the page you're looking for!

+

+ We're working on it, but in the meantime, + click here to go back to the main page. +

+
+ + +
+ ); +}