NickBland/website-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement beginning of footer component

Browse Source 
Create basis of footer component. Some changes needed to put proper content in but theming, styling is all done.
This commit is contained in:
Nick Bland 2022-05-14 16:50:45 +10:00
parent 3e793a5985
commit 261f0bb07f
No known key found for this signature in database
GPG Key ID: B46CF88E4DAB4A2C
2 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
components/footer.tsx Normal file
View File

@ -0,0 +1,25 @@
import Link from "next/link";
import {IoLogoGithub, IoLogoGitlab} from "react-icons/io5";
export const Footer = () => {
return (
<div>
<footer className="footer grid w-full grid-flow-row place-items-center text-center gap-y-10 gap-x-4 text-sm p-10 dark:bg-black bg-white dark:text-white text-black rounded">
<div className="grid grid-flow-col gap-4">
<Link href="/"><a className="link link-hover">Home</a></Link>
<Link href="/"><a className="link link-hover">Home 2</a></Link>
<Link href="/"><a className="link link-hover">Home 3</a></Link>
</div>
<div>
<div className="grid grid-flow-col gap-4">
<Link href="/"><a><IoLogoGithub></IoLogoGithub></a></Link>
<Link href="/"><a><IoLogoGitlab></IoLogoGitlab></a></Link>
</div>
</div>
<div>
<p>Made with ❤️ by Nick Bland</p>
</div>
</footer>
</div>
);
}

7
pages/index.tsx
View File

@ -1,5 +1,6 @@
import type {NextPage} from 'next';
import NavBar from "../components/navbar";
import {Footer} from "../components/footer"
const Home: NextPage = () => {
return (
@ -7,9 +8,13 @@ const Home: NextPage = () => {
<NavBar title="Home | nickbland.dev"></NavBar>
<main className="">
<h1>Test Comment</h1>
{/* MAIN BANNER SECTION BELOW */}
<div className="">
</div>
</main>
<Footer></Footer>
</div>
)
}