diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/footer.tsx | 35 | ||||
| -rw-r--r-- | components/layout.tsx | 18 | ||||
| -rw-r--r-- | components/topnav.tsx | 6 |
3 files changed, 57 insertions, 2 deletions
diff --git a/components/footer.tsx b/components/footer.tsx new file mode 100644 index 00000000..95f25954 --- /dev/null +++ b/components/footer.tsx @@ -0,0 +1,35 @@ +import { + Link, + Box, + HStack, + IconButton, + Menu, + Heading, + MenuButton, + MenuList, + MenuItem, + MenuItemOption, + MenuGroup, + MenuOptionGroup, + MenuDivider, + useMediaQuery, + Container +} from '@chakra-ui/react' + +const Footer = () => { + return ( + <Box as="footer"> + <Container + maxW="xl" + mt="5" + mb="5" + textAlign="center" + opacity="0.5" + fontSize="0.8rem" + >© 2022 Michał Sapka. All Rights Reserved. + </Container> + </Box>) + +} + +export default Footer diff --git a/components/layout.tsx b/components/layout.tsx index f137cb4b..bca00b89 100644 --- a/components/layout.tsx +++ b/components/layout.tsx @@ -1,6 +1,7 @@ import TopNav from '../components/topnav' +import Footer from '../components/footer' import { Container, Box } from '@chakra-ui/react' -import ReactNode from 'react' +import { DefaultSeo } from 'next-seo' type Props = { children?: any @@ -9,12 +10,27 @@ type Props = { export default function Layout({ children } : Props) { return ( <> + <DefaultSeo + openGraph={{ + type: 'website', + locale: 'en_US', + url: 'https://michal.sapka.me/', + site_name: 'Michał Sapka' + }} + twitter={{ + handle: '@handle', + site: '@site', + cardType: 'summary_large_image', + }} + /> <TopNav/> <Container maxW="lg"> <Box as="main" pt="20"> {children} </Box> </Container> + <Footer/> + </> ) } diff --git a/components/topnav.tsx b/components/topnav.tsx index a46f38fb..083471dd 100644 --- a/components/topnav.tsx +++ b/components/topnav.tsx @@ -70,7 +70,11 @@ export default function Navbar() { width="100%" pt="5px" > - <Container maxW="xl"> + <Container + maxW="xl" + mt="0" + mb="1" + > <HStack> <Heading flex={[1,1,0,0]}>Michal </Heading> <Navigation/> |