/
footer.js
41 lines (35 loc) · 933 Bytes
/
footer.js
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
31
32
33
34
35
36
37
38
39
40
41
import settings from '../data/settings'
import { colors, breakpoints } from './theme'
const Footer =({ language = 'en' }) => (
<>
<footer className="row mt-3">
<div
className="col-md-6"
dangerouslySetInnerHTML={{ __html: settings.text[language].footerAbout }}
/>
<div
className="col-md-3 offset-md-3 text-right"
dangerouslySetInnerHTML={{ __html: settings.text[language].footerCopyright }}
/>
</footer>
<style jsx global>{`
footer {
padding: 10px;
color: ${colors.footerText};
background-color: ${colors.footerBackground};
}
footer a {
color: ${colors.footerText};
}
footer a:hover {
color: ${colors.footerTextHover};
}
@media (min-width: ${breakpoints.large}) {
footer {
padding: 20px;
}
}
`}</style>
</>
)
export default Footer;