diff --git a/source/components/LegalNotice.js b/source/components/LegalNotice.js new file mode 100644 index 000000000..be2a96b77 --- /dev/null +++ b/source/components/LegalNotice.js @@ -0,0 +1,91 @@ +import Overlay from 'Components/Overlay' +import { ScrollToTop } from 'Components/utils/Scroll' +import React, { Component } from 'react' +import { Trans } from 'react-i18next' +import translate from 'react-i18next/dist/commonjs/translate' + +export const LegalNoticeContent = translate()(() => ( + <> +

+ Mentions légales +

+

+ Editeur +

+

+ + Incubateur des services numériques, +
+ Direction interministérielle du numérique et du système d'information et + de communication de l'Etat (DINSIC), +
+ Services du Premier ministre. + +

+

+ + Directeur de la publication + +

+

+ + M. Yann-Gaël Amghar, Directeur de l'Acoss + +

+

+ + Prestataire d'hébergement + +

+

+ + Netlify +
+ 610 22nd Street, Suite 315, +
+ San Francisco, CA 94107
+ Site web :  + https://www.netlify.com + +

+

+ Contact +

+

+ + + contact@embauche.beta.gouv.fr + + +

+ +)) + +export default class LegalNotice extends Component { + state = { + opened: false + } + handleClose = () => { + this.setState({ opened: false }) + } + handleOpen = () => { + this.setState({ opened: true }) + } + render() { + return ( + <> +

+ +

+ {this.state.opened && ( + + + + + )} + + ) + } +} diff --git a/source/components/Overlay.css b/source/components/Overlay.css index 1994d0bd0..4adc77894 100644 --- a/source/components/Overlay.css +++ b/source/components/Overlay.css @@ -2,8 +2,8 @@ position: fixed; top: 0; left: 0; - width: 100%; - height: 100%; + right: 0; + bottom: 0; background: rgba(255, 255, 255, 0.9); z-index: 1; } diff --git a/source/locales/en.yaml b/source/locales/en.yaml index 55e3cbe80..9fcf7a983 100644 --- a/source/locales/en.yaml +++ b/source/locales/en.yaml @@ -168,3 +168,28 @@ Non: No Continuer la simulation: Continue simulation Envoyer: Send Retour: Back +legalNotice: + title: Legal notice + editeur: + title: Publisher + content: > + Incubator of digital services,<1> + Direction interministérielle du numérique et du système + d'information et de communication de l'Etat (DINSIC),<3> + Services of the Prime Minister + publication: + title: Director of publication + content: M. Yann-Gaël Amghar, Director of Acoss + hosting: + title: Hosting provider + content: > + Netlify, <1> + 610 22nd Street, Suite 315, <3> + San Francisco, CA 94107 <5> + Website : <7>https://www.netlify.com + contact: + title: Contact + content: > + <0> + contact@embauche.beta.gouv.fr + diff --git a/source/sites/embauche.gouv.fr/pages/About.js b/source/sites/embauche.gouv.fr/pages/About.js index 4b4710dac..1274d4f36 100644 --- a/source/sites/embauche.gouv.fr/pages/About.js +++ b/source/sites/embauche.gouv.fr/pages/About.js @@ -1,3 +1,4 @@ +import { LegalNoticeContent } from 'Components/LegalNotice' import React, { Component } from 'react' import { Link } from 'react-router-dom' import './About.css' @@ -25,8 +26,9 @@ export default class About extends Component {

- Début 2018, l'ACOSS (la tête des - URSSAF) nous rejoint pour consolider ce simulateur. + Début 2018, l' + ACOSS (la tête des URSSAF) nous + rejoint pour consolider ce simulateur.

@@ -60,9 +62,11 @@ export default class About extends Component { conformément aux{' '} recommandations de la CNIL - . + + .