From bd0e458caf0e633db297b70e703d131863e5a01f Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Tue, 28 Jun 2022 15:13:01 +0000
Subject: [PATCH] Fix/legal notice style
---
mentions-legales.css | 21 ++++++++++---
mentions-legales.html | 69 ++++++++++++++++++++++++++-----------------
mentions-legales.scss | 14 ++++++++-
3 files changed, 72 insertions(+), 32 deletions(-)
diff --git a/mentions-legales.css b/mentions-legales.css
index 3b89d85..b74484e 100644
--- a/mentions-legales.css
+++ b/mentions-legales.css
@@ -1,9 +1,22 @@
.main-cta {
- overflow-y: hidden; }
+ overflow-y: hidden;
+}
.content-txt {
- padding: 1rem 0; }
+ padding: 1rem 0;
+}
h2 {
- margin-top: 1rem;
- margin-bottom: 0.5rem; }
+ margin-bottom: 0.5rem;
+ margin-top: 1.25rem;
+ color: #f1c017 !important;
+}
+
+a {
+ color: #f1c017;
+ text-decoration: none;
+}
+
+p {
+ line-height: 120%;
+}
diff --git a/mentions-legales.html b/mentions-legales.html
index 6a5197d..ec1675e 100644
--- a/mentions-legales.html
+++ b/mentions-legales.html
@@ -47,11 +47,11 @@
Tél : (33) 4 78 63 40 40
</p>
<p class="text-16-white-padding">
- <strong>Directrice de publication :</strong> Karine Lambert,
- Directrice de la Direction Environnement Écologie, Energie <br />
+ <strong>Directrice de publication :</strong> Blandine Melay,
+ Responsable du Service Energie Climat <br />
<strong> Animation éditoriale, gestion et mise à jour :</strong>
- Marion Bertholon, chef de projet à la direction Environnement,
- Ecologie, Energie
+ Marion Bertholon, Chargée de services numériques pour la transition
+ énergétique
</p>
<p class="text-16-white-padding">
<strong>Photographies :</strong> sauf mention contraire, les photos
@@ -60,25 +60,30 @@
propriété de la Métropole de Lyon
</p>
<p class="text-16-white-padding">
- <strong>Charte graphique :</strong> www.soprasteria.fr <br />
- <strong>Réalisation technique :</strong> www.soprasteria.fr<br />
+ <strong>Charte graphique :</strong> Florent Dufier -
+ <a href=" https://florentdufier.myportfolio.com/"
+ >https://florentdufier.myportfolio.com/</a
+ >
+ <br />
+ <strong>Réalisation technique :</strong> Métropole de Lyon, Sopra
+ Steria<br />
<strong>Maintenance technique :</strong> Délégation Développement
- économique, emploi & savoirs - Innovation numérique systèmes
- d'information - Usages et services numériques - Développement des
- services numériques Ce site est optimisé pour Internet Explorer
- (versions 10 et supérieures), Mozilla Firefox (version 31 et
- supérieures), Google Chrome version 36 et supérieures), Safari
- (version 7 et supérieures). <br />
- <strong>Hébergement :</strong> Solutec / Synaaps - www.solutec.fr<br />
+ économique, emploi & savoirs - Innovation numérique & systèmes
+ d’information - Usages et services numériques - Développement des
+ services numériques <br />
+ <strong>Hébergement :</strong> Solutec / Synaaps - <a
+ href="www.solutec.fr"
+ >www.solutec.fr</a
+ ><br />
</p>
<h2 class="text-18-white">Dispositions légales</h2>
<p class="text-16-white-padding">
- Les divers éléments du site web (la forme, la mise en page, le
- fond, la structure …) sont protégés par le droit des dessins et
- modèles, le droit d’auteur, le droit des marques ainsi que le droit
- à l’image et ils ne peuvent être copiés ou imités en tout ou partie
- sauf autorisation expresse de la Métropole de Lyon. <br />
+ Les divers éléments du site web (la forme, la mise en page, le fond,
+ la structure …) sont protégés par le droit des dessins et modèles,
+ le droit d’auteur, le droit des marques ainsi que le droit à l’image
+ et ils ne peuvent être copiés ou imités en tout ou partie sauf
+ autorisation expresse de la Métropole de Lyon. <br />
Toute personne ne respectant pas les dispositions légales
applicables se rend coupable du délit de contrefaçon et est passible
des sanctions pénales prévues par la loi.
@@ -129,25 +134,35 @@
</p>
<h2 class="text-18-white">
- Établissements de liens vers le site www.ecolyo.com
+ Établissements de liens vers le site
+ <a href="www.ecolyo.com">www.ecolyo.com</a>
</h2>
<p class="text-16-white-padding">
La Métropole de Lyon autorise la mise en place d'un lien hypertexte
- vers son site www.ecolyo.com pour tous les sites Internet, Ã
- l'exclusion de ceux diffusant des informations à caractère
- polémique, pornographique, xénophobe ou pouvant, dans une plus large
- mesure porter atteinte à la sensibilité du plus grand nombre.<br />
+ vers son site
+ <a href="www.ecolyo.com">www.ecolyo.com</a>Â pour tous les sites
+ Internet, Ã l'exclusion de ceux diffusant des informations Ã
+ caractère polémique, pornographique, xénophobe ou pouvant, dans une
+ plus large mesure porter atteinte à la sensibilité du plus grand
+ nombre.<br />
Le lien doit aboutir à la page d'accueil du site (home page) et le
- site www.ecolyo.com doit apparaître dans une nouvelle fenêtre. Les
- pages du site www.ecolyo.com ne doivent en aucun cas être intégrées
- à l'intérieur des pages d'un autre site (Frame).<br />
+ site
+ <a href="www.ecolyo.com">www.ecolyo.com</a> doit apparaître dans une
+ nouvelle fenêtre. Les pages du site
+ <a href="www.ecolyo.com">www.ecolyo.com</a>Â ne doivent en aucun cas
+ être intégrées à l'intérieur des pages d'un autre site (Frame).<br />
Dans tous les cas d'espèce, la Métropole de Lyon se réserve le droit
de demander la suppression d'un lien si elle estime que le site
cible ne respecte pas les règles ainsi définies.
</p>
<h2 class="text-18-white">
- Liens vers des sites tiers depuis le site www.ecolyo.com
+ Liens vers des sites tiers depuis le site
+ <a
+ href="www.ecolyo.com
+www.ecolyo.com"
+ >www.ecolyo.com</a
+ >
</h2>
<p class="text-16-white-padding">
Les liens hypertextes mis en Å“uvre au sein du site en direction
diff --git a/mentions-legales.scss b/mentions-legales.scss
index 1b0b41b..00cf5d4 100644
--- a/mentions-legales.scss
+++ b/mentions-legales.scss
@@ -1,3 +1,5 @@
+@import "./variables";
+
.main-cta {
overflow-y: hidden;
}
@@ -7,6 +9,16 @@
}
h2 {
- margin-top: 1rem;
margin-bottom: 0.5rem;
+ margin-top: 1.25rem;
+ color: $yellow !important;
+}
+
+a {
+ color: $yellow;
+ text-decoration: none;
+}
+
+p {
+ line-height: 120%;
}
--
GitLab