diff --git a/frontend/src/components/footer.tsx b/frontend/src/components/footer.tsx new file mode 100644 index 0000000..08e891a --- /dev/null +++ b/frontend/src/components/footer.tsx @@ -0,0 +1,30 @@ +import React from 'react' +import { Link } from 'gatsby' +import styled from '@emotion/styled' + +const Wrapper = styled.footer` + position: absolute; + width: 100%; + bottom: 0; + font-size: 10px; + opacity: 0.8; + text-align: center; +` + +const Separator = styled.span` + padding: 0 20px; +` + +const Footer = () => { + return ( + + Made with ♡ by Mathieu + + Sponsors + + Privacy Policy + + ) +} + +export default Footer diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx index 8eeb19e..eb68a43 100644 --- a/frontend/src/pages/index.tsx +++ b/frontend/src/pages/index.tsx @@ -3,13 +3,16 @@ import styled from '@emotion/styled' import Layout from '../components/layout' import SEO from '../components/seo' +import Footer from '../components/footer' const Wrapper = styled.div` text-align: center; width: 500px; max-width: 100%; + min-height: 100vh; padding: 3em 15px; margin: 0 auto; + position: relative; ` const ImageWrapper = styled.div` @@ -47,6 +50,7 @@ const IndexPage = () => { > Log in with streamlabs +