New 404; Added more mono fonts

This commit is contained in:
Andrew Lee 2022-10-17 22:55:40 -04:00
parent 106f4c054f
commit 092e055f0c
Signed by: andrew
GPG key ID: 4DCE67C47836D125
3 changed files with 13 additions and 7 deletions

View file

@ -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>
</>
)

View file

@ -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>&copy; 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>

View file

@ -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;
}