-
Notifications
You must be signed in to change notification settings - Fork 0
/
BaseLayout.jsx
30 lines (27 loc) · 1.63 KB
/
BaseLayout.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import { IconContext } from "react-icons";
import Link from 'next/link';
export default function BaseLayout({ children }) {
return (
<div className='flex flex-col min-h-screen'>
<header className='bg-sky-100 mb-8 py-4'>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.3/dist/katex.min.css" integrity="sha384-KiWOvVjnN8qwAZbuQyWDIbfCLFhLXNETzBQjA/92pIowpC0d2O3nppDGQVgwd2nB" crossOrigin="anonymous"/>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.3/dist/katex.min.js" integrity="sha384-0fdwu/T/EQMsQlrHCCHoH10pkPLlKA1jL5dFyUOvB3lfeT2540/2g6YgSi2BL14p" crossOrigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.3/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossOrigin="anonymous"
onLoad={() => renderMathInElement(document.body)}></script>
<div className='container mx-auto flex justify-center'>
<Link href='/'>
Shariff Faleel
</Link>
</div>
</header>
<IconContext.Provider value={{ className: "fill-sky-800" }}>
<main className='container mx-auto flex-1'>{children}</main>
</IconContext.Provider>
<footer className='bg-sky-100 mt-8 py-4'>
<div className='container mx-auto flex justify-center text-sm'>
© 2022 Shariff Faleel
</div>
</footer>
</div>
);
}