diff --git a/.vscode/settings.json b/.vscode/settings.json
index 087e9a03c702c3cc2f442f6d0df9a54c89da519d..82357ae39f0963623ebe593d0f33668c595d6081 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -14,5 +14,19 @@
"statusBar.background": "#ec761677",
"statusBarItem.hoverBackground": "#91490fcc",
"statusBar.foreground": "#e3caab"
- }
+ },
+ "cSpell.words": [
+ "cozygrandlyon",
+ "ecolyo",
+ "Ecolyo",
+ "Gazpar",
+ "grandlyon",
+ "grdf",
+ "illu",
+ "matomo",
+ "Matomo",
+ "Teleo",
+ "Téléo",
+ "tiga"
+ ]
}
diff --git a/cloud_statistiques.html b/cloud_statistiques.html
index a3317e59142e7d410ed079afd0f7507db657bf18..c843f74eb09f44690f37bf8e5c0ed987680fd1a1 100644
--- a/cloud_statistiques.html
+++ b/cloud_statistiques.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
-<html>
+<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -103,7 +103,7 @@
</a>
</div>
</div>
-
</body>
+ <script src="./matomo.js" defer></script>
</html>
diff --git a/forget_home_page.html b/forget_home_page.html
index bff6a52ed421f89ef2a02765a84a638cc673c7a6..611f639d1470fb63716ece1779c4508feaa30bde 100644
--- a/forget_home_page.html
+++ b/forget_home_page.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -65,4 +65,5 @@
}
}
</script>
+ <script src="./matomo.js" defer></script>
</html>
diff --git a/index.css b/index.css
index 7ac1f4dfa8b1c127ece880a3511339b9f1995b5e..b4b381f899e5080befb08c6597b9c41bcb862420 100644
--- a/index.css
+++ b/index.css
@@ -116,6 +116,7 @@ nav .main-logo {
align-items: center;
gap: 1rem;
font-size: 1.5rem;
+ text-decoration: none;
}
nav .links {
display: flex;
diff --git a/index.css.map b/index.css.map
index c2d0dea9611fee66716a05022bf05efd04322c8f..3aa570b9b2045ab45b012e3f53296628ace0ced7 100644
--- a/index.css.map
+++ b/index.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","index.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EACE,ODEU;;;ACAZ;EACE;;;AAEF;EACE,ODLW;;;ACQb;EFSE;EEPA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AFHA;EEVF;IFWI;;;AEGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;IACE;;EAEF;IACE;;;;AAKN;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EFlEJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEgDI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFvEJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AEwDE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;;AAKN;EACE,YD5IS;EC6IT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODpKC;ECqKD;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEE;EADF;IAEI;;;;AAMR;EACE;EAMA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBD7PU;EC8PV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,ODtRI;ECuRJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,OD/RI;;ACiSN;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;IACA;;;AAEF;EACE;;;AAIN;EACE,YDhUS;ECiUT;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;IACA;;EACA;IAEE;IACA;IACA;IACA;IACA,YDvWD;ICwWC;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;;AAIF;EAEE;;AACA;EAHF;IAII;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AAGA;EADF;IAEI;;;AAEF;EACE,ODjZG;;ACqZL;EACE,OD5YG;;ACgZL;EADF;IAEI;;;AAEF;EACE,OD/ZI;;ACoaZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAKN;EACE,kBDtbM;ECubN;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EARF;IASI;IACA;;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;AACA;EAFF;IAGI;IACA;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AAGJ;EF7cA;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE2bE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFldF;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEscJ;EACE;EACA,YDjgBS;ECkgBT;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDvgBQ;ECwgBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDxiBM;ECyiBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,ODxjBK;ECyjBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EAjCF;IAkCI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE","file":"index.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","index.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EACE,ODEU;;;ACAZ;EACE;;;AAEF;EACE,ODLW;;;ACQb;EFSE;EEPA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AFHA;EEVF;IFWI;;;AEGF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;IACE;;EAEF;IACE;;;;AAKN;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EFnEJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEiDI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFxEJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AEyDE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;;AAKN;EACE,YD7IS;EC8IT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODrKC;ECsKD;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEE;EADF;IAEI;;;;AAMR;EACE;EAMA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBD9PU;EC+PV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,ODvRI;ECwRJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,ODhSI;;ACkSN;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;IACA;;;AAEF;EACE;;;AAIN;EACE,YDjUS;ECkUT;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;IACA;;EACA;IAEE;IACA;IACA;IACA;IACA,YDxWD;ICyWC;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;;AAIF;EAEE;;AACA;EAHF;IAII;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AAGA;EADF;IAEI;;;AAEF;EACE,ODlZG;;ACsZL;EACE,OD7YG;;ACiZL;EADF;IAEI;;;AAEF;EACE,ODhaI;;ACqaZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAKN;EACE,kBDvbM;ECwbN;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EARF;IASI;IACA;;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;AACA;EAFF;IAGI;IACA;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AAGJ;EF9cA;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE4bE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFndF;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEucJ;EACE;EACA,YDlgBS;ECmgBT;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDxgBQ;ECygBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDziBM;EC0iBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,ODzjBK;EC0jBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EAjCF;IAkCI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE","file":"index.css"}
\ No newline at end of file
diff --git a/index.html b/index.html
index 60307220d871b4aee12adfe9d41e8d5f385e3283..5949359d1574301b8acaf80ac3f6db1c759f7a79 100644
--- a/index.html
+++ b/index.html
@@ -17,10 +17,10 @@
</head>
<body>
<nav>
- <div class="main-logo">
- <img src="./assets/ecolyo-icon.svg" alt="Ecoloy logo" />
+ <a class="main-logo" href="/">
+ <img src="./assets/ecolyo-icon.svg" alt="Ecolyo logo" />
Ecolyo
- </div>
+ </a>
<div class="links">
<a class="navlink" href="#how-it-works">Comment ça marche ?</a>
<a class="navlink" href="#security">La sécurité</a>
@@ -95,7 +95,7 @@
Compteur Linky
</object>
<h3>Linky</h3>
- <p class="text-18-white">pour l'éléctricité</p>
+ <p class="text-18-white">pour l’électricité</p>
<div class="provider-logo">
<img alt="enedis-logo" src="./assets/enedis-logo.png" />
</div>
@@ -107,7 +107,7 @@
type="image/svg+xml"
data="./assets/compteurs/Teleo.svg"
>
- Comteur Téléo
+ Compteur Téléo
</object>
<h3>Téléo</h3>
<p class="text-18-white">pour l'eau</p>
@@ -133,7 +133,10 @@
</div>
</div>
<div class="fluid-pipes">
- <img src="assets/fluid-icons-pipes.svg" alt="illustation des fluides" />
+ <img
+ src="assets/fluid-icons-pipes.svg"
+ alt="illustration des fluides"
+ />
</div>
</section>
<section class="security" id="security">
@@ -151,7 +154,7 @@
...
</p>
<div class="container-img">
- <img src="assets/cloud-shield.svg" alt="logo cloud grand lyon" />
+ <img src="assets/cloud-shield.svg" alt="logo cloud grand Lyon" />
</div>
<p class="xl-text">
... afin de sécuriser vos données pour que personne, pas même la
@@ -176,28 +179,28 @@
<div class="fluid-pipes">
<img
src="assets/fluid-pipes-yellow.svg"
- alt="illustation des fluides"
+ alt="illustration des fluides"
/>
</div>
<div class="screens-container">
<div class="screen consumption">
<img
src="assets/screen-1.svg"
- alt="ecran d'un smartphone représentant un diagramme à barre"
+ alt="écran d'un smartphone représentant un diagramme à barre"
/>
<p><span>Visualiser</span> vos consommations</p>
</div>
<div class="screen challenge">
<img
src="assets/screen-2.svg"
- alt="ecran d'un smartphone représentant une illustration de simone"
+ alt="écran d'un smartphone représentant une illustration des défis"
/>
<p><span>Participer</span> à des défis ludiques</p>
</div>
<div class="screen ecogesture">
<img
src="assets/screen-3.svg"
- alt="ecran d'un smartphone représentant une illustration d'un chat avec un parapluie"
+ alt="écran d'un smartphone représentant une illustration d'un chat avec un parapluie"
/>
<p><span>Consulter</span> des écogestes utiles</p>
</div>
@@ -255,7 +258,7 @@
<section class="cloud-gl" id="cloud">
<div class="text-content">
- <img src="assets/cloud-mgl.svg" alt="logo cloud grand lyon" />
+ <img src="assets/cloud-mgl.svg" alt="logo cloud grand Lyon" />
<h2>J'ai déjà un compte</h2>
<p class="text-18-white-padding">
Vous avez déjà un compte mais ne savez plus comment y accéder ?
@@ -328,6 +331,9 @@
let headerHeight = "6.25rem";
let vw;
+ let vh;
+ let scrollHeightSent = false;
+
const setDeviceWidth = () => {
vw = Math.max(
document.documentElement.clientWidth || 0,
@@ -335,12 +341,26 @@
);
};
+ const setDeviceHeight = () => {
+ vh = Math.max(
+ document.body.scrollHeight,
+ document.body.offsetHeight,
+ document.documentElement.clientHeight,
+ document.documentElement.scrollHeight,
+ document.documentElement.offsetHeight
+ );
+ };
+
onload = setDeviceWidth();
window.addEventListener("resize", () => {
setDeviceWidth();
});
- window.addEventListener("scroll", () => {
+ window.addEventListener("load", () => {
+ setDeviceHeight();
+ });
+
+ window.addEventListener("scroll", (event) => {
if (vw < 1200) {
if (scrollY > hideDistance) {
scrollUp = this.oldScroll > this.scrollY;
@@ -353,6 +373,13 @@
this.oldScroll = this.scrollY;
}
}
+
+ // Send scroll event to matomo if user has scrolled 50% of page, then disable event
+ if (scrollY > vh / 2 && !scrollHeightSent) {
+ scrollHeightSent = true;
+ _paq.push(["trackEvent", "Scroll_depth", "50%"]);
+ }
});
</script>
+ <script src="./matomo.js" defer></script>
</html>
diff --git a/index.scss b/index.scss
index a1af1aa2a5dc5646c6186431a5ad51f12bcb6866..0704a62694248c0b5c24d1cd3015d146a2e6d558 100644
--- a/index.scss
+++ b/index.scss
@@ -30,6 +30,7 @@ nav {
align-items: center;
gap: 1rem;
font-size: 1.5rem;
+ text-decoration: none;
}
.links {
display: flex;
diff --git a/matomo.js b/matomo.js
new file mode 100644
index 0000000000000000000000000000000000000000..80a3f57586b8a8b54b6d5932f3a4eb1ee4b22aec
--- /dev/null
+++ b/matomo.js
@@ -0,0 +1,16 @@
+var _paq = (window._paq = window._paq || []);
+/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+_paq.push(["trackPageView"]);
+_paq.push(["enableLinkTracking"]);
+_paq.push(["disableCookies"]);
+(function () {
+ var u = "https://statweb.grandlyon.com/";
+ _paq.push(["setTrackerUrl", u + "matomo.php"]);
+ _paq.push(["setSiteId", "143"]);
+ var d = document,
+ g = d.createElement("script"),
+ s = d.getElementsByTagName("script")[0];
+ g.async = true;
+ g.src = u + "matomo.js";
+ s.parentNode.insertBefore(g, s);
+})();
diff --git a/mentions-legales.css b/mentions-legales.css
index 2f987a717b2fa9e727dba5049ed70107148e2002..f55d81e47b94a32b2a3336a31addbcfe109f224f 100644
--- a/mentions-legales.css
+++ b/mentions-legales.css
@@ -1,3 +1,88 @@
+* {
+ margin: 0;
+ line-height: 1;
+ font-family: "Lato", sans-serif;
+ color: white;
+ box-sizing: border-box;
+}
+
+svg {
+ overflow: visible;
+}
+
+body,
+html {
+ overflow-x: hidden;
+ background: #121212;
+}
+
+.text-18-white {
+ font-weight: 400;
+ color: white;
+ font-size: 1.125rem;
+ line-height: 1.6rem;
+}
+
+.text-18-white-padding {
+ font-weight: 400;
+ padding-top: 2rem;
+ color: white;
+ font-size: 1.125rem;
+ line-height: 1.6rem;
+}
+
+.text-18-black-padding {
+ font-weight: 400;
+ padding-top: 2rem;
+ color: #121212;
+ font-size: 1.125rem;
+ line-height: 1.6rem;
+}
+
+.text-16-black-padding {
+ font-weight: 400;
+ padding-top: 2rem;
+ color: #121212;
+ font-size: 1rem;
+ line-height: 1.3rem;
+}
+
+.text-18-black {
+ font-weight: 400;
+ color: #121212;
+ font-size: 1.125rem;
+ line-height: 1.6rem;
+}
+
+.text-26-white-bold-padding {
+ font-weight: 900;
+ padding-top: 2rem;
+ color: white;
+ font-size: 1.625rem;
+ line-height: 2rem;
+}
+
+.text-36-white {
+ font-weight: 900;
+ font-size: 2.25rem;
+}
+
+.text-36-black {
+ font-weight: 900;
+ font-size: 2.25rem;
+ color: #121212;
+}
+
+.yellow {
+ color: #f1c017;
+}
+
+@media all and (max-width: 1200px) {
+ .text-36-white,
+.text-36-black {
+ font-size: 1.85rem;
+ }
+}
.main-cta {
overflow-y: hidden;
}
@@ -20,4 +105,14 @@ p {
line-height: 120%;
}
+iframe {
+ width: 100%;
+ border: 0;
+}
+@media (max-width: 800px) {
+ iframe {
+ height: 230px;
+ }
+}
+
/*# sourceMappingURL=mentions-legales.css.map */
diff --git a/mentions-legales.css.map b/mentions-legales.css.map
index b9b52fdd3340f0b66cd4df1b3ced5a58f384180e..a3e177cf49e9f0b461f5e450e7656ca921e3a460 100644
--- a/mentions-legales.css.map
+++ b/mentions-legales.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["mentions-legales.scss"],"names":[],"mappings":"AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE","file":"mentions-legales.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","mentions-legales.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AACA;EAHF;IAII","file":"mentions-legales.css"}
\ No newline at end of file
diff --git a/mentions-legales.html b/mentions-legales.html
index d31bbdbf1f87c1cc36f2a4bf385364d65b185db1..7d7318b2bddb79a0eeb5d95cb445415837671446 100644
--- a/mentions-legales.html
+++ b/mentions-legales.html
@@ -23,10 +23,14 @@
Ecolyo
</a>
<div class="links">
- <a class="navlink" href="/#how-it-works">Comment ça marche ?</a>
- <a class="navlink" href="/#security">La sécurité</a>
- <a class="navlink" href="/#test-ecolyo">Tester Ecolyo</a>
- <a class="navlink" href="/#cloud">Accès au service</a>
+ <a class="navlink" href="index.html#how-it-works"
+ >Comment ça marche ?</a
+ >
+ <a class="navlink" href="index.html#security">La sécurité</a>
+ <a class="navlink" href="index.html#cloud">J'ai déjà un compte</a>
+ <a class="navlink yellow" href="index.html#create-account"
+ >Se créer un compte</a
+ >
</div>
</nav>
<section class="main-cta">
@@ -170,8 +174,15 @@
d'éventuelles omissions, erreurs ou corrections par mail sur la
boite aux lettres du webmestre, ecolyo(at)grandlyon.com
</p>
+
+ <h2 class="text-18-white">Suivi statistiques d’usage Matomo</h2>
+ <iframe
+ title="Matomo opt out"
+ src="https://statweb.grandlyon.com/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=121212&fontColor=fff&fontSize=&fontFamily=sans-serif"
+ ></iframe>
</div>
</div>
</section>
</body>
+ <script src="./matomo.js" defer></script>
</html>
diff --git a/mentions-legales.scss b/mentions-legales.scss
index 3f2cf767ee9cff9bcf227382abd0d0e191762cc5..5fba07975207c5eb3a96410332550b1dc2d8050b 100644
--- a/mentions-legales.scss
+++ b/mentions-legales.scss
@@ -1,4 +1,5 @@
@import "./variables";
+@import "./globals";
.main-cta {
overflow-y: hidden;
@@ -21,3 +22,11 @@ h2 {
p {
line-height: 120%;
}
+
+iframe {
+ width: 100%;
+ border: 0;
+ @media (max-width: 800px) {
+ height: 230px;
+ }
+}