diff --git a/source/components/TargetSelection.css b/source/components/TargetSelection.css index 59862364c..23dbe10dd 100644 --- a/source/components/TargetSelection.css +++ b/source/components/TargetSelection.css @@ -1,5 +1,5 @@ #targetSelection { - height: 40em; + height: 35em; display: flex; justify-content: space-around; align-items: center; diff --git a/source/components/pages/Home.css b/source/components/pages/Home.css index 8add3eabe..fe9efd1da 100644 --- a/source/components/pages/Home.css +++ b/source/components/pages/Home.css @@ -1,4 +1,20 @@ - +#updateMessage { + display: flex; + align-items: center; + max-width: 30em; + margin: 0 auto; +} +#updateMessage p { + color: #4b4b66; + font-size: 85%; + transition: 0.8s opacity; + transition-delay: 0.2s; +} +#updateMessage i { + color: #2975d1; + margin-right: 1em; + transition: 0.8s opacity; +} #home > #content { display: flex; diff --git a/source/components/pages/Home.js b/source/components/pages/Home.js index ffb0fbfe2..927e3d7d8 100644 --- a/source/components/pages/Home.js +++ b/source/components/pages/Home.js @@ -1,21 +1,34 @@ import React, { Component } from 'react' import './Pages.css' import './Home.css' -import ReactPiwik from 'Components/Tracker' //TODO réintégrer Piwik import TargetSelection from '../TargetSelection' - export default class Home extends Component { - + state = { + updateMessage: false + } + componentDidMount() { + setTimeout(() => this.setState({ showUpdateMessage: true }), 1000) + } render() { - + let opacityStyle = { opacity: this.state.showUpdateMessage ? 1 : 0 } return (
+ Cette nouvelle version du site vous permet de simuler un CDD ou un + CDI dans la même interface. Joyeuses fêtes ! +
+