diff --git a/images/codey-404.svg b/images/codey-404.svg new file mode 100644 index 00000000..d4f64699 --- /dev/null +++ b/images/codey-404.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pages/404.module.css b/pages/404.module.css new file mode 100644 index 00000000..8949249d --- /dev/null +++ b/pages/404.module.css @@ -0,0 +1,27 @@ +.container { + display: flex; + align-items: center; + justify-content: center; + padding-bottom: calc(60rem / 16); +} + +.codey { + width: calc(380rem / 16); + padding: calc(20rem / 16); + padding-right: 0; +} + +.heading { + margin-top: 0; +} + +@media only screen and (max-width: calc(768rem / 16)) { + .container { + flex-direction: column; + padding-bottom: calc(30rem / 16); + } + + .codey { + padding: calc(20rem / 16) 0; + } +} diff --git a/pages/404.tsx b/pages/404.tsx new file mode 100644 index 00000000..4b3c091b --- /dev/null +++ b/pages/404.tsx @@ -0,0 +1,26 @@ +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 ( +
+
+ 404: Page Not Found +

Error 404

+

+ We couldn’t find the page you’re looking for! +

+

+ Click here to go back to the main page. +

+
+ + +
+ ); +}