| 1 | import { ScrollToTop } from 'components/ScrollToTop' |
| 2 | |
| 3 | export const Footer = () => ( |
| 4 | <footer> |
| 5 | <div className="container mx-auto table"> |
| 6 | <p className="mx-6 my-5 mr-20 leading-loose"> |
| 7 | Copyright © 2019-{process.env.BUILD_YEAR} Marp team.  |
| 8 | <iframe |
| 9 | className="inline-block align-text-top" |
| 10 | src="https://ghbtns.com/github-btn.html?user=marp-team&repo=marp&type=star&count=true" |
| 11 | frameBorder={0} |
| 12 | scrolling="0" |
| 13 | width={150} |
| 14 | height={20} |
| 15 | title="GitHub" |
| 16 | loading="lazy" |
| 17 | ></iframe> |
| 18 | </p> |
| 19 | <ScrollToTop /> |
| 20 | </div> |
| 21 | <style jsx>{` |
| 22 | footer { |
| 23 | @apply bg-gray-800 text-gray-500; |
| 24 | |
| 25 | min-height: 4.5rem; |
| 26 | background-image: var(--noise-image); |
| 27 | } |
| 28 | `}</style> |
| 29 | </footer> |
| 30 | ) |
| 31 |