Ajoute les mentions légales
Johan Girod
parent
aa23ce1cdf
commit
4d8c06d01f
|
|
@ -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()(() => (
|
||||
<>
|
||||
<h1>
|
||||
<Trans i18nKey="legalNotice.title">Mentions légales</Trans>
|
||||
</h1>
|
||||
<h2>
|
||||
<Trans i18nKey="legalNotice.editeur.title">Editeur</Trans>
|
||||
</h2>
|
||||
<p>
|
||||
<Trans i18nKey="legalNotice.editeur.content">
|
||||
Incubateur des services numériques,
|
||||
<br />
|
||||
Direction interministérielle du numérique et du système d'information et
|
||||
de communication de l'Etat (DINSIC),
|
||||
<br />
|
||||
Services du Premier ministre.
|
||||
</Trans>
|
||||
</p>
|
||||
<h2>
|
||||
<Trans i18nKey="legalNotice.publication.title">
|
||||
Directeur de la publication
|
||||
</Trans>
|
||||
</h2>
|
||||
<p>
|
||||
<Trans i18nKey="legalNotice.publication.content">
|
||||
M. Yann-Gaël Amghar, Directeur de l'Acoss
|
||||
</Trans>
|
||||
</p>
|
||||
<h2>
|
||||
<Trans i18nKey="legalNotice.hosting.title">
|
||||
Prestataire d'hébergement
|
||||
</Trans>
|
||||
</h2>
|
||||
<p>
|
||||
<Trans i18nKey="legalNotice.hosting.content">
|
||||
Netlify
|
||||
<br />
|
||||
610 22nd Street, Suite 315,
|
||||
<br />
|
||||
San Francisco, CA 94107 <br />
|
||||
Site web :
|
||||
<a href="https://www.netlify.com">https://www.netlify.com</a>
|
||||
</Trans>
|
||||
</p>
|
||||
<h2>
|
||||
<Trans i18nKey="legalNotice.contact.title">Contact</Trans>
|
||||
</h2>
|
||||
<p>
|
||||
<Trans i18nKey="legalNotice.contact.content">
|
||||
<a href="mailto:contact@embauche.beta.gouv.fr">
|
||||
contact@embauche.beta.gouv.fr
|
||||
</a>
|
||||
</Trans>
|
||||
</p>
|
||||
</>
|
||||
))
|
||||
|
||||
export default class LegalNotice extends Component {
|
||||
state = {
|
||||
opened: false
|
||||
}
|
||||
handleClose = () => {
|
||||
this.setState({ opened: false })
|
||||
}
|
||||
handleOpen = () => {
|
||||
this.setState({ opened: true })
|
||||
}
|
||||
render() {
|
||||
return (
|
||||
<>
|
||||
<p style={{ textAlign: 'center' }} className="ui__ notice">
|
||||
<button onClick={this.handleOpen} className="ui__ link-button">
|
||||
<Trans i18nKey="legalNotice.title">Mentions légales</Trans>
|
||||
</button>
|
||||
</p>
|
||||
{this.state.opened && (
|
||||
<Overlay onClose={this.handleClose}>
|
||||
<ScrollToTop />
|
||||
<LegalNoticeContent />
|
||||
</Overlay>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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></1>
|
||||
Direction interministérielle du numérique et du système
|
||||
d'information et de communication de l'Etat (DINSIC),<3></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></1>
|
||||
610 22nd Street, Suite 315, <3></3>
|
||||
San Francisco, CA 94107 <5></5>
|
||||
Website : <7>https://www.netlify.com</7>
|
||||
contact:
|
||||
title: Contact
|
||||
content: >
|
||||
<0>
|
||||
contact@embauche.beta.gouv.fr
|
||||
</0>
|
||||
|
|
|
|||
|
|
@ -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 {
|
|||
</p>
|
||||
|
||||
<p>
|
||||
Début 2018, l'<a href="https://acoss.fr">ACOSS</a> (la tête des
|
||||
URSSAF) nous rejoint pour consolider ce simulateur.
|
||||
Début 2018, l'
|
||||
<a href="https://acoss.fr">ACOSS</a> (la tête des URSSAF) nous
|
||||
rejoint pour consolider ce simulateur.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
|
|
@ -60,9 +62,11 @@ export default class About extends Component {
|
|||
conformément aux{' '}
|
||||
<a href="https://www.cnil.fr/fr/solutions-pour-les-cookies-de-mesure-daudience">
|
||||
recommandations de la CNIL
|
||||
</a>.
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
<iframe src="https://stats.data.gouv.fr/index.php?module=CoreAdminHome&action=optOut&language=fr" />
|
||||
<LegalNoticeContent />
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
.footer {
|
||||
background-color: rgba(41, 117, 209, 0.133);
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.footer img {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import PageFeedback from 'Components/Feedback/PageFeedback'
|
||||
import LegalNotice from 'Components/LegalNotice'
|
||||
import withColours from 'Components/utils/withColours'
|
||||
import urssafSvg from 'Images/urssaf.svg'
|
||||
import { compose } from 'ramda'
|
||||
|
|
@ -30,6 +31,7 @@ const Footer = ({ colours: { colour } }) => (
|
|||
contributions collector, and the government’s public startup
|
||||
incubator, <a href="https://beta.gouv.fr">beta.gouv.fr</a>.
|
||||
</p>
|
||||
<LegalNotice />
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue