|
1
|
import React from 'react'; |
|
2
|
import { Link } from 'react-router-dom'; |
|
3
|
import { FormattedMessage } from 'react-intl'; |
|
4
|
|
|
5
|
const linkStyle = { |
|
6
|
display: 'inline-block', |
|
7
|
margin: 4, |
|
8
|
fontSize: '10pt', |
|
9
|
textDecoration: 'none', |
|
10
|
outline: 'none', |
|
11
|
color: '#ddd', |
|
12
|
background: '#222', |
|
13
|
borderTop: '1px solid #333', |
|
14
|
padding: '5px 8px', |
|
15
|
MozBorderRadius: '3px', |
|
16
|
WebkitBorderRadius: '3px', |
|
17
|
borderRadius: '3px', |
|
18
|
MozBoxShadow: '0px 1px 1px #000', |
|
19
|
WebkitBoxShadow: '0px 1px 1px #000', |
|
20
|
boxShadow: '0px 1px 1px #000' |
|
21
|
}; |
|
22
|
|
|
23
|
const FooterLinks = () => ( |
|
24
|
<footer className="text-muted py-5"> |
|
25
|
<div className="container"> |
|
26
|
<p className="float-end mb-1"> |
|
27
|
<button style={linkStyle}> |
|
28
|
<FormattedMessage id="footer.toTop" |
|
29
|
defaultMessage="Back to top" |
|
30
|
description="To top link" /> |
|
31
|
</button> |
|
32
|
</p> |
|
33
|
<p className="mb-0"> |
|
34
|
<Link to='/' style={linkStyle}> |
|
35
|
<FormattedMessage id="header.home" |
|
36
|
defaultMessage="Home" |
|
37
|
description="Home link" /> |
|
38
|
</Link> |
|
39
|
<Link to='/about' style={linkStyle}> |
|
40
|
<FormattedMessage id="header.about" |
|
41
|
defaultMessage="About" |
|
42
|
description="About link" /> |
|
43
|
</Link> |
|
44
|
<Link to='/cv' style={linkStyle}> |
|
45
|
<FormattedMessage id="header.cv" |
|
46
|
defaultMessage="CV" |
|
47
|
description="CV link" /> |
|
48
|
</Link> |
|
49
|
<Link to='/contact' style={linkStyle}> |
|
50
|
<FormattedMessage id="header.contact" |
|
51
|
defaultMessage="Contact" |
|
52
|
description="Contact link" /> |
|
53
|
</Link> |
|
54
|
</p> |
|
55
|
</div> |
|
56
|
</footer> |
|
57
|
); |
|
58
|
|
|
59
|
export default FooterLinks; |