Skip to content
Snippets Groups Projects
Commit f06958f5 authored by Bastien DUMONT's avatar Bastien DUMONT :angel:
Browse files

feat: update link connect to my cozy

parent 8fa0e52c
No related branches found
No related tags found
1 merge request!18Resolve "[0] Ecolyo.com Se reconnecter à Ecolyo / son Cozy => se connecter a cozy via la landing page"
...@@ -261,13 +261,13 @@ ...@@ -261,13 +261,13 @@
<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> <h2>J'ai déjà un compte</h2>
<p class="text-18-white-padding"> <p class="text-18-white-padding">
Vous avez déjà un compte mais ne savez plus comment y accéder ? Vous avez déjà un compte ?
<br />Pas de panique, pour retrouver l'accès à votre cloud personnel <br />Pas de panique, pour retrouver l'accès à votre cloud personnel
Grand Lyon au sein duquel vous retrouverez Ecolyo, cliquez sur le Grand Lyon au sein duquel vous retrouverez Ecolyo, cliquez sur le
bouton ci-dessous bouton ci-dessous
</p> </p>
<a <a
href="https://manager.cozygrandlyon.cloud/grdlyon/reminder" href="https://manager.cozygrandlyon.cloud/v2/grdlyon/login"
target="_blank" target="_blank"
class="button robots-nocontent" class="button robots-nocontent"
> >
...@@ -311,16 +311,16 @@ ...@@ -311,16 +311,16 @@
</footer> </footer>
</body> </body>
<script> <script>
const navBar = document.querySelector("nav"); const navBar = document.querySelector('nav');
//smooth scroll //smooth scroll
document.querySelectorAll('a[href^="#"]').forEach((anchor) => { document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
anchor.addEventListener("click", function (e) { anchor.addEventListener('click', function (e) {
e.preventDefault(); e.preventDefault();
let item = document.querySelector(this.getAttribute("href")); let item = document.querySelector(this.getAttribute('href'));
window.scrollTo({ window.scrollTo({
top: item.offsetTop - 50, top: item.offsetTop - 50,
behavior: "smooth", behavior: 'smooth',
}); });
}); });
}); });
...@@ -329,7 +329,7 @@ ...@@ -329,7 +329,7 @@
let scrollUp = true; let scrollUp = true;
let hideDistance = 200; let hideDistance = 200;
let headerHeight = "6.25rem"; let headerHeight = '6.25rem';
let vw; let vw;
let vh; let vh;
let scrollHeightSent = false; let scrollHeightSent = false;
...@@ -352,23 +352,23 @@ ...@@ -352,23 +352,23 @@
}; };
onload = setDeviceWidth(); onload = setDeviceWidth();
window.addEventListener("resize", () => { window.addEventListener('resize', () => {
setDeviceWidth(); setDeviceWidth();
}); });
window.addEventListener("load", () => { window.addEventListener('load', () => {
setDeviceHeight(); setDeviceHeight();
}); });
window.addEventListener("scroll", (event) => { window.addEventListener('scroll', (event) => {
if (vw < 1200) { if (vw < 1200) {
if (scrollY > hideDistance) { if (scrollY > hideDistance) {
scrollUp = this.oldScroll > this.scrollY; scrollUp = this.oldScroll > this.scrollY;
if (scrollUp === false) { if (scrollUp === false) {
navBar.style.marginTop = "-" + headerHeight; navBar.style.marginTop = '-' + headerHeight;
} }
if (scrollUp === true) { if (scrollUp === true) {
navBar.style.marginTop = "0"; navBar.style.marginTop = '0';
} }
this.oldScroll = this.scrollY; this.oldScroll = this.scrollY;
} }
...@@ -377,7 +377,7 @@ ...@@ -377,7 +377,7 @@
// Send scroll event to matomo if user has scrolled 50% of page, then disable event // Send scroll event to matomo if user has scrolled 50% of page, then disable event
if (scrollY > vh / 2 && !scrollHeightSent) { if (scrollY > vh / 2 && !scrollHeightSent) {
scrollHeightSent = true; scrollHeightSent = true;
_paq.push(["trackEvent", "Scroll_depth", "50%"]); _paq.push(['trackEvent', 'Scroll_depth', '50%']);
} }
}); });
</script> </script>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment