diff --git a/public/assets/images/franceconnect-btn-principal-hover.svg b/public/assets/images/franceconnect-btn-principal-hover.svg new file mode 100644 index 0000000..6369697 --- /dev/null +++ b/public/assets/images/franceconnect-btn-principal-hover.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/images/franceconnect-btn-principal.svg b/public/assets/images/franceconnect-btn-principal.svg new file mode 100644 index 0000000..a2f3785 --- /dev/null +++ b/public/assets/images/franceconnect-btn-principal.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/assets/styles/franceconnect-btn.css b/public/assets/styles/franceconnect-btn.css new file mode 100644 index 0000000..21e6853 --- /dev/null +++ b/public/assets/styles/franceconnect-btn.css @@ -0,0 +1,14 @@ +.franceconnect-button { + width: 209px; + height: 56px; + background-image: url("/statique/assets/images/franceconnect-btn-principal.svg"); + background-size: cover; + border: none; + cursor: pointer; + display: block; + margin: 12px; +} + +.franceconnect-button:hover { + background-image: url("/statique/assets/images/franceconnect-btn-principal-hover.svg"); +} diff --git a/src/siteVitrine.js b/src/siteVitrine.js index 033b2fb..235e73e 100644 --- a/src/siteVitrine.js +++ b/src/siteVitrine.js @@ -22,6 +22,8 @@ const creeServeur = (config) => { app.set('view engine', 'mustache'); app.engine('mustache', mustacheExpress()); + app.use('/statique', express.static('public')); + app.use(cookieSession({ maxAge: 15 * 60 * 1000, name: 'session', diff --git a/src/vues/pageAccueil.mustache b/src/vues/pageAccueil.mustache index aecf2cd..7ad44fc 100644 --- a/src/vues/pageAccueil.mustache +++ b/src/vues/pageAccueil.mustache @@ -1,18 +1,28 @@ - + OOTS-France + + {{#avecConnexionFCPlus}} -{{#infosUtilisateur}} -

Utilisateur courant : {{given_name}} {{family_name}}

- Déconnexion -{{/infosUtilisateur}} -{{^infosUtilisateur}} -

Pas d'utilisateur courant

- Connexion -{{/infosUtilisateur}} + {{#infosUtilisateur}} +

Utilisateur courant : {{given_name}} {{family_name}}

+ Déconnexion + {{/infosUtilisateur}} + {{^infosUtilisateur}} +

Pas d'utilisateur courant

+ +
+

FranceConnect est la solution proposée par l’État pour sécuriser et simplifier la connexion à vos + services en ligne.

+ + Qu'est-ce que FranceConnect? +
+ {{/infosUtilisateur}} {{/avecConnexionFCPlus}} {{^avecConnexionFCPlus}} -

Pas d'utilisateur courant

+

Pas d'utilisateur courant

{{/avecConnexionFCPlus}}