diff options
| -rw-r--r-- | pages/404.js | 9 | ||||
| -rw-r--r-- | pages/index.js | 3 | ||||
| -rw-r--r-- | styles/globals.css | 8 |
3 files changed, 13 insertions, 7 deletions
diff --git a/pages/404.js b/pages/404.js index 9c98161..92d138c 100644 --- a/pages/404.js +++ b/pages/404.js @@ -1,14 +1,19 @@ import Meta from '../components/meta' import Link from 'next/link' +import Router from 'next/router' export default function PageError() { return ( <> <Meta title="404"/> <div className="text-center font-hack font-bold flex flex-col justify-center gap-4 p-6 h-screen w-screen bg-material-gray text-white drop-shadow-lg"> - <h1 className="text-5xl">404!</h1> + <h1 className="text-5xl">404! o_0</h1> <h2 className="text-3xl">Looks like you have entered the void... or maybe you are lost?</h2> - <h2 className="text-3xl">Head back <Link href="/"><a className="link">home</a></Link> to not become lost</h2> + <h2 className="text-3xl">Go back or head back home to not become lost.</h2> + <div className="flex-row space-x-2"> + <span onClick={() => Router.back()}><button className="button">Go back</button></span> + <Link href="/"><button className="button">Home</button></Link> + </div> </div> </> ) diff --git a/pages/index.js b/pages/index.js index 03af0f5..562f567 100644 --- a/pages/index.js +++ b/pages/index.js @@ -33,6 +33,7 @@ export default function Home() { <div className="flex-row font-normal space-x-3 p-2"> <Link href="#"><button className="button">About Me</button></Link> <Link href="#"><button className="button">Projects</button></Link> + <Link href="#"><button className="button">Videos</button></Link> <Link href="#"><button className="button">Blog</button></Link> <Link href="#"><button className="button">Downloads</button></Link> <Link href="/guidelines"><button className="button">Guidelines</button></Link> @@ -44,7 +45,7 @@ export default function Home() { <p>© Copyright 2018-2022 Andrew Lee</p> <p>Created using <a href="https://nextjs.org" className="link" target="_blank" rel="noopener noreferrer">Next.js</a>, and <a href="https://tailwindcss.com" className="link" target="_blank" rel="noopener noreferrer">Tailwind CSS</a>. Hosted on <a href="https://www.netlify.com" className="link" target="_blank" rel="noopener noreferrer">Netlify</a>.</p> <p>This website is licensed under the <a href="https://www.gnu.org/licenses/gpl-3.0.en.html" className="link" target="_blank" rel="noopener noreferrer">GNU General Public License v3</a></p> - <p className="link"><a href="https://github.com/Alee14/personal-website">The source code of this website is publicly available</a></p> + <p className="link"><a href="https://github.com/Alee14/personal-website" target="_blank" rel="noopener noreferrer">The source code of this website is publicly available</a></p> </div> </div> diff --git a/styles/globals.css b/styles/globals.css index 1a800d7..b9a9608 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -4,22 +4,22 @@ @layer base { @font-face { - font-family: "Hack", sans-serif; + font-family: "Hack", "Cascadia Mono", Consolas, monospace; src: url("../public/ttf/Hack-Regular.ttf"); } @font-face { - font-family: "Hack", sans-serif; + font-family: "Hack", "Cascadia Mono", Consolas, monospace; src: url("../public/ttf/Hack-Italic.ttf"); font-style: italic; } @font-face { - font-family: "Hack", sans-serif; + font-family: "Hack", "Cascadia Mono", Consolas, monospace; src: url("../public/ttf/Hack-Bold.ttf"); font-weight: 700; } @font-face { - font-family: "Hack", sans-serif; + font-family: "Hack", "Cascadia Mono", Consolas, monospace; src: url("../public/ttf/Hack-BoldItalic.ttf"); font-weight: 700; } |