mirror of
https://github.com/Alee14/personal-website.git
synced 2025-01-23 03:11:48 -05:00
New 404; Added more mono fonts
This commit is contained in:
parent
106f4c054f
commit
092e055f0c
3 changed files with 13 additions and 7 deletions
|
@ -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>
|
||||
</>
|
||||
)
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue