diff --git a/source/components/pages/Header.css b/source/components/pages/Header.css index 5dda2ca55..1a5e1a674 100644 --- a/source/components/pages/Header.css +++ b/source/components/pages/Header.css @@ -94,3 +94,20 @@ nav a { right: 0.3em; font-size: 150%; } + +#footer { + position: fixed; + right: 1em; + bottom: 1em; +} +#footer a { + font-size: 95%; + color: rgb(75, 75, 102); +} +#footer a:hover { + color: black; +} + +#footer i { + margin: 0.1em; +} diff --git a/source/components/pages/Header.js b/source/components/pages/Header.js index 3f7baf5b8..391dfef6b 100644 --- a/source/components/pages/Header.js +++ b/source/components/pages/Header.js @@ -10,7 +10,7 @@ import { withRouter } from 'react-router' iframe: state.iframe, textColourOnWhite: state.themeColours.textColourOnWhite })) -export default class Header extends Component { +export class Header extends Component { state = { mobileNavVisible: false } @@ -89,3 +89,20 @@ let Links = ({ toggle }) => ( ) + +@withRouter +export class Footer extends Component { + render() { + let appMode = ['/simu', '/regle'].find(t => + this.props.location.pathname.includes(t) + ) + if (!appMode) return null + return ( +