diff --git a/assets/css/base/_body.scss b/assets/css/base/_body.scss index fff5e60..a934e20 100644 --- a/assets/css/base/_body.scss +++ b/assets/css/base/_body.scss @@ -33,3 +33,10 @@ body{ overflow-x: hidden; } +// main{ +// overflow-x: hidden; +// } + +img{ + max-width: 100%; +} \ No newline at end of file diff --git a/assets/css/base/_var.scss b/assets/css/base/_var.scss index ac94386..78f0c3d 100644 --- a/assets/css/base/_var.scss +++ b/assets/css/base/_var.scss @@ -2,13 +2,13 @@ --font: 'Executive', Arial, sans-serif; --title: 'System', Arial, sans-serif; - // --fs-x-small: 10px; + // --fs-xsmall: 10px; // --fs-small: 12px; // --fs-normal: 16px; // --fs-medium: 22px; // --fs-big: 38px; - --fs-x-small: 10px; + --fs-xsmall: 10px; --fs-small: 12px; --fs-normal: 16px; --fs-medium: 20px; @@ -24,7 +24,7 @@ --fs-big: 26px; } - --leading-tight: 1; + --leading-tight: 1.05; --leading-normal: 1.2; // --leading-relaxed: 1.4; // --leading-loose: 1.8; @@ -58,6 +58,7 @@ --header-h: 80px; --header-h-shrinked: 50px; --menu-w: 420px; + --banner-medium: 220px; @@ -77,12 +78,12 @@ @media #{$small}{ :root { - --fs-x-small: 10px; + --fs-xsmall: 10px; --fs-small: 11px; --fs-normal: 14px; - --fs-medium: 20px; - --fs-big: 30px; - --fs-x-big: 38px; + --fs-medium: 18px; + --fs-big: 28px; + --fs-xbig: 32px; --header-h: 60px; } diff --git a/assets/css/components/_buttons.scss b/assets/css/components/_buttons.scss index 7b9ffcb..dcca5b4 100644 --- a/assets/css/components/_buttons.scss +++ b/assets/css/components/_buttons.scss @@ -75,6 +75,10 @@ button:disabled{ } +.btn--bold-inline{ + background-color: var(--color-bg); +} + .btn--bold-inline:hover{ background-color: var(--grey-800); color: var(--color-txt); diff --git a/assets/css/components/_form-newsletter.scss b/assets/css/components/_form-newsletter.scss index 8eac349..661f836 100644 --- a/assets/css/components/_form-newsletter.scss +++ b/assets/css/components/_form-newsletter.scss @@ -33,14 +33,14 @@ } - button[type="submit"].btn--bold{ + button[type="submit"].btn--newletter{ position: absolute; right: 2px; z-index: 100; } - button[type="submit"].btn--bold { + button[type="submit"].btn--newletter { --size: calc(var(--h-block)*1.25 - 4px); diff --git a/assets/css/components/_modal-share.scss b/assets/css/components/_modal-share.scss index ffb67fd..c6375c5 100644 --- a/assets/css/components/_modal-share.scss +++ b/assets/css/components/_modal-share.scss @@ -120,16 +120,3 @@ } -// Action - -#share-banner{ display: none; } -#share-banner ~ .modal--share{ - opacity: 0; - pointer-events: none; - transition: opacity .2s ease-in; -} - -#share-banner:checked ~ .modal--share{ - opacity: 1; - pointer-events: auto; -} \ No newline at end of file diff --git a/assets/css/partials/_site-footer.scss b/assets/css/partials/_site-footer.scss index 3ee329a..2c1bcc0 100644 --- a/assets/css/partials/_site-footer.scss +++ b/assets/css/partials/_site-footer.scss @@ -24,7 +24,7 @@ } .p__small{ - font-size: var(--fs-x-small); + font-size: var(--fs-xsmall); color: var(--grey-600); } diff --git a/assets/css/style.css b/assets/css/style.css index 2c71aa9..f42c0b8 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -2,7 +2,7 @@ :root { --font: "Executive", Arial, sans-serif; --title: "System", Arial, sans-serif; - --fs-x-small: 10px; + --fs-xsmall: 10px; --fs-small: 12px; --fs-normal: 16px; --fs-medium: 20px; @@ -10,7 +10,7 @@ --fs-xbig: 38px; --fs-button-bold: 22px; --max-w-content: 700px; - --leading-tight: 1; + --leading-tight: 1.05; --leading-normal: 1.2; --fw-normal: 400; --fw-medium: 500; @@ -33,6 +33,7 @@ --header-h: 80px; --header-h-shrinked: 50px; --menu-w: 420px; + --banner-medium: 220px; --padding-body: 26px; --padding-inner: 14px; --radius-small: 4px; @@ -50,12 +51,12 @@ @media screen and (max-width: 768px) { :root { - --fs-x-small: 10px; + --fs-xsmall: 10px; --fs-small: 11px; --fs-normal: 14px; - --fs-medium: 20px; - --fs-big: 30px; - --fs-x-big: 38px; + --fs-medium: 18px; + --fs-big: 28px; + --fs-xbig: 32px; --header-h: 60px; } } @@ -94,6 +95,10 @@ body { overflow-x: hidden; } +img { + max-width: 100%; +} + @keyframes add-border { from { border-bottom-color: transparent; @@ -243,6 +248,10 @@ button:disabled { color: var(--color-bg); } +.btn--bold-inline { + background-color: var(--color-bg); +} + .btn--bold-inline:hover { background-color: var(--grey-800); color: var(--color-txt); @@ -370,12 +379,12 @@ button:disabled { .form__newsletter input[type=email]:focus { outline: 3px solid var(--grey-400); } -.form__newsletter button[type=submit].btn--bold { +.form__newsletter button[type=submit].btn--newletter { position: absolute; right: 2px; z-index: 100; } -.form__newsletter button[type=submit].btn--bold { +.form__newsletter button[type=submit].btn--newletter { --size: calc(var(--h-block)*1.25 - 4px); font-family: var(--font); font-size: var(--fs-button-bold); @@ -388,10 +397,10 @@ button:disabled { text-decoration: none; cursor: pointer; } -.form__newsletter button[type=submit].btn--bold .icon, .form__newsletter button[type=submit].btn--bold .txt { +.form__newsletter button[type=submit].btn--newletter .icon, .form__newsletter button[type=submit].btn--newletter .txt { z-index: 10; } -.form__newsletter button[type=submit].btn--bold .icon { +.form__newsletter button[type=submit].btn--newletter .icon { width: var(--size); height: var(--size); display: flex; @@ -400,18 +409,18 @@ button:disabled { color: var(--color-bg); text-align: center; } -.form__newsletter button[type=submit].btn--bold .icon svg { +.form__newsletter button[type=submit].btn--newletter .icon svg { fill: var(--color-bg); width: 80%; } -.form__newsletter button[type=submit].btn--bold .txt { +.form__newsletter button[type=submit].btn--newletter .txt { position: relative; top: 2px; font-size: var(--fs-normal); display: none; padding-left: 1ch; } -.form__newsletter button[type=submit].btn--bold::after { +.form__newsletter button[type=submit].btn--newletter::after { content: ""; display: block; background-color: var(--color-accent); @@ -423,11 +432,11 @@ button:disabled { z-index: 0; transition: width 0.2s; } -.form__newsletter button[type=submit].btn--bold:hover .txt { +.form__newsletter button[type=submit].btn--newletter:hover .txt { color: var(--color-bg); display: block; } -.form__newsletter button[type=submit].btn--bold:hover::after { +.form__newsletter button[type=submit].btn--newletter:hover::after { width: 100%; } @@ -582,21 +591,6 @@ button:disabled { background-color: var(--color-accent); } -#share-banner { - display: none; -} - -#share-banner ~ .modal--share { - opacity: 0; - pointer-events: none; - transition: opacity 0.2s ease-in; -} - -#share-banner:checked ~ .modal--share { - opacity: 1; - pointer-events: auto; -} - [data-template=subscription-newsletter] .p__baseline-big, [data-template=thanks] .p__baseline-big, [data-template=support] .p__baseline-big, @@ -881,7 +875,7 @@ body.menu-open #menu-toggle .close { color: currentColor; } #site-footer .p__small { - font-size: var(--fs-x-small); + font-size: var(--fs-xsmall); color: var(--grey-600); } #site-footer .footer__mentions p { @@ -944,9 +938,8 @@ body main { padding: 0 var(--padding-body); } -.page-enquete header { - max-width: var(--max-w-content); - margin: calc(var(--spacing) * 2) auto; +.page-enquete { + position: relative; } .page-enquete header .page-type { text-transform: uppercase; @@ -955,10 +948,7 @@ body main { } .page-enquete header h2 { font-size: var(--fs-xbig); -} -.page-enquete .section__article { - max-width: var(--max-w-content); - margin: calc(var(--spacing) * 3) auto; + line-height: var(--leading-tight); } .page-enquete .section__article a:hover { color: var(--grey-200); @@ -966,20 +956,16 @@ body main { .page-enquete .section__article .section__title { font-weight: normal; text-transform: uppercase; - font-size: var(--fs-medium); - margin-bottom: calc(var(--spacing) * 1); + margin-bottom: calc(var(--spacing) * 0.5); } .page-enquete #hero { width: 100vw; position: relative; left: calc(var(--padding-body) * -1); - margin: calc(var(--spacing) * 3) 0; } .page-enquete #hero figcaption { color: var(--color-txt-light); font-size: var(--fs-small); - max-width: var(--max-w-content); - margin: 0 auto; padding-top: calc(var(--spacing) * 0.5); } .page-enquete #hero.hero-video figure { @@ -991,39 +977,6 @@ body main { -o-object-fit: cover; object-fit: cover; } -@media screen and (min-width: 1080px) { - .page-enquete #banner--page { - height: calc(100vh - var(--header-h)); - height: calc(100dvh - var(--header-h)); - margin-bottom: calc((100vh - var(--header-h)) * -1); - margin-bottom: calc((100dvh - var(--header-h)) * -1); - padding: var(--padding-body); - padding-left: 0px; - position: sticky; - top: var(--header-h); - width: calc((100% - var(--max-w-content)) / 2); - display: flex; - flex-direction: column; - justify-content: space-between; - } -} -.page-enquete .modal--share { - position: absolute; - bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25); - width: calc(100% - var(--padding-body)); -} -.page-enquete #banner--page .btn--group { - display: flex; - flex-direction: column; - align-items: center; - gap: calc(var(--spacing) * 0.25); -} -.page-enquete #banner--page .btn--group > button, -.page-enquete #banner--page .btn--group > label { - width: 100%; - max-width: 160px; - cursor: pointer; -} .page-enquete #nav--page ul { list-style: none; } @@ -1036,10 +989,8 @@ body main { padding: 0.3em 0; text-decoration: none; } -.page-enquete .short { +.page-enquete #section__short { font-size: var(--fs-medium); - margin: auto; - max-width: var(--max-w-content); } .page-enquete #section__dl { margin-top: calc(var(--spacing) * 1.5); @@ -1053,6 +1004,7 @@ body main { } .page-enquete #section__dl dt { color: var(--color-txt-light); + padding-right: 1ch; } .page-enquete #section__dl ul:not(.keywords) { list-style: none; @@ -1060,9 +1012,6 @@ body main { .page-enquete #section__dl ul:not(.keywords) li { padding-bottom: 0.2em; } -.page-enquete #section__synthese { - font-size: var(--fs-medium); -} .page-enquete #section__synthese p + p { margin-top: 0.5em; } @@ -1076,8 +1025,159 @@ body main { text-underline-offset: 3px; } -@media screen and (max-width: 1080px) { - #banner--page { +#share-banner__desktop { + display: none; +} + +#share-banner__desktop ~ .modal--share { + opacity: 0; + pointer-events: none; + transition: opacity 0.2s ease-in; +} + +#share-banner__desktop:checked ~ .modal--share { + opacity: 1; + pointer-events: auto; +} + +@media screen and (max-width: 768px) { + .page-enquete header { + padding-top: calc(var(--spacing) * 1.5); + } + .page-enquete header .page-type { + font-size: var(--fs-small); + } + .page-enquete .section__article { + margin: calc(var(--spacing) * 1.5) 0; + } + .page-enquete #section__impacts, .page-enquete #section__en-lien { + margin-top: 0px; + } + .page-enquete #hero { + margin: calc(var(--spacing) * 1.5) 0; + } + .page-enquete #hero figcaption { + margin: 0 var(--padding-body); + } + .page-enquete .modal--share { + position: absolute; + width: calc(100% - var(--padding-body) * 2); + bottom: calc(var(--spacing) * 2); + } + .page-enquete #banner--page { + padding: calc(var(--spacing) * 0.5) 0; + position: fixed; + bottom: 0; + left: 0; + width: 100vw; + padding: calc(var(--spacing) * 0.75) var(--padding-body); + padding-top: var(--spacing); + background-color: var(--color-bg); + background: linear-gradient(0deg, var(--color-bg) 0%, var(--color-bg) 64%, transparent 100%); + z-index: 800; + } + .page-enquete #banner--page #nav--page { display: none; } + .page-enquete #banner--page .btn--group { + display: flex; + gap: calc(var(--spacing) * 0.25); + position: relative; + } + .page-enquete #banner--page .btn--group > button, + .page-enquete #banner--page .btn--group > label { + width: 50%; + cursor: pointer; + } + .page-enquete #banner--page { + opacity: 0; + pointer-events: none; + transition: opacity 0.2s ease-in; + } + .page-enquete #banner--page.is-visible { + opacity: 1; + pointer-events: auto; + } +} +@media screen and (max-width: 560px) { + .page-enquete #section__dl .dl__group { + grid-template-columns: 32% 1fr; + -moz-column-gap: 1ch; + column-gap: 1ch; + } +} +@media screen and (min-width: 768px) { + .page-enquete #banner--page { + height: calc(100vh - var(--header-h)); + height: calc(100dvh - var(--header-h)); + margin-bottom: calc((100vh - var(--header-h)) * -1); + margin-bottom: calc((100dvh - var(--header-h)) * -1); + padding: var(--padding-body); + padding-left: 0px; + position: sticky; + top: var(--header-h); + width: var(--banner-medium); + display: flex; + flex-direction: column; + justify-content: space-between; + } + .page-enquete #banner--page .btn--group { + display: flex; + flex-direction: column; + align-items: center; + gap: calc(var(--spacing) * 0.25); + } + .page-enquete #banner--page .btn--group > button, + .page-enquete #banner--page .btn--group > label { + width: 100%; + max-width: 160px; + cursor: pointer; + } + .page-enquete #hero { + margin: calc(var(--spacing) * 3) 0; + } + .page-enquete .section__article { + margin-left: var(--banner-medium); + margin-top: calc(var(--spacing) * 3); + margin-bottom: calc(var(--spacing) * 3); + } + .page-enquete #section__short { + margin-top: var(--padding-body); + } + .page-enquete header { + max-width: var(--max-w-content); + margin: calc(var(--spacing) * 2) auto; + } + .page-enquete .section__article .section__title { + font-size: var(--fs-medium); + margin-bottom: var(--spacing); + } + .page-enquete #section__synthese { + font-size: var(--fs-medium); + } + .modal--share { + position: absolute; + bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25); + width: calc(100% - var(--padding-body)); + } +} +@media screen and (min-width: 1080px) { + .page-enquete #banner--page { + width: calc((100% - var(--max-w-content)) / 2); + } + .page-enquete #hero { + margin: calc(var(--spacing) * 3) 0; + } + .page-enquete #hero figcaption { + max-width: var(--max-w-content); + margin: 0 auto; + } + .page-enquete header { + max-width: var(--max-w-content); + margin: calc(var(--spacing) * 2) auto; + } + .page-enquete .section__article { + max-width: var(--max-w-content); + margin: calc(var(--spacing) * 3) auto; + } }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 31f56f4..ad2af29 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","partials/_site-header.scss","components/_buttons.scss","components/_keywords.scss","components/_form-newsletter.scss","components/_list-socials.scss","components/_modal-share.scss","components/_text.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","template/_page-enquete.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","partials/_site-header.scss","components/_buttons.scss","components/_keywords.scss","components/_form-newsletter.scss","components/_list-socials.scss","components/_modal-share.scss","components/_text.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","template/_page-enquete.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/template/_page-enquete.scss b/assets/css/template/_page-enquete.scss index b82e02d..5eef91a 100644 --- a/assets/css/template/_page-enquete.scss +++ b/assets/css/template/_page-enquete.scss @@ -1,8 +1,7 @@ .page-enquete{ + position: relative; header{ - max-width: var(--max-w-content); - margin: calc(var(--spacing)*2) auto; .page-type{ text-transform: uppercase; color: var(--color-txt-light); @@ -10,41 +9,29 @@ } h2{ font-size: var(--fs-xbig); + line-height: var(--leading-tight); } } .section__article{ - max-width: var(--max-w-content); - margin: calc(var(--spacing)*3) auto; a:hover{ color: var(--grey-200); } - - .section__title{ font-weight: normal; text-transform: uppercase; - font-size: var(--fs-medium); - margin-bottom: calc(var(--spacing)*1) + margin-bottom: calc(var(--spacing)*0.5) } } - - - // HER0 ---------------------------------------------------- - #hero{ width: 100vw; position: relative; left: calc(var(--padding-body)*-1); - margin: calc(var(--spacing)*3) 0; - figcaption{ color: var(--color-txt-light); font-size: var(--fs-small); - max-width: var(--max-w-content); - margin: 0 auto; padding-top: calc(var(--spacing)*0.5); } @@ -63,61 +50,12 @@ } } - - - - // banner-page ------------------------------------------------- - - @media #{$medium-up}{ - #banner--page{ - height: calc(100vh - var(--header-h)); - height: calc(100dvh - var(--header-h)); - margin-bottom: calc((100vh - var(--header-h))*-1); - margin-bottom: calc((100dvh - var(--header-h))*-1); - padding: var(--padding-body); - padding-left: 0px; - position: sticky; - top: var(--header-h); - width: calc((100% - var(--max-w-content))/2); - display: flex; - flex-direction: column; - justify-content: space-between; - } - } - - - .modal--share{ - position: absolute; - bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25); - width: calc(100% - var(--padding-body)); - - } - - #banner--page .btn--group{ - display: flex; - flex-direction: column; - align-items: center; - gap: calc(var(--spacing)*0.25); - - - > button, - > label { - width: 100%; - max-width: 160px; - cursor: pointer; - } - - } - #nav--page{ ul{ list-style: none; - li{ text-align: center; - color: var(--color-txt-light); - // text-transform: uppercase; - + color: var(--color-txt-light); a{ display: block; padding: 0.3em 0; @@ -127,14 +65,8 @@ } } - - - // DL ------------------------------------------------- - - .short{ + #section__short{ font-size: var(--fs-medium); - margin: auto; - max-width: var(--max-w-content); } #section__dl{ @@ -150,6 +82,7 @@ dt{ color: var(--color-txt-light); + padding-right: 1ch; } ul:not(.keywords){ @@ -162,19 +95,7 @@ } - - - - - - - // SYNTHESE ---------------------------------------------- - - - #section__synthese{ - font-size: var(--fs-medium); - p + p{ margin-top: 0.5em; } @@ -197,11 +118,248 @@ -@media #{$medium}{ +// SHARE ACTIONS -------------------------------------------------- +// ---------------------------------------------------------------- - #banner--page{ - display: none; +#share-banner__desktop{ display: none; } +#share-banner__desktop ~ .modal--share{ + opacity: 0; + pointer-events: none; + transition: opacity .2s ease-in; +} +#share-banner__desktop:checked ~ .modal--share{ + opacity: 1; + pointer-events: auto; +} + + +// .page-enquete{ +// #banner--page.is-sticky { +// position: fixed; +// bottom: 0; +// left: 0; +// right: 0; +// z-index: 100; +// } +// } + + + + + +// SMALL ---------------------------------------------------------- +// ---------------------------------------------------------------- + + +@media #{$small}{ + + .page-enquete{ + + header{ + padding-top: calc(var(--spacing)*1.5); + .page-type{ + font-size: var(--fs-small); + } + } + + .section__article{ + margin: calc(var(--spacing)*1.5) 0; + } + + #section__impacts, #section__en-lien{ + margin-top: 0px; + } + + #hero{ + margin: calc(var(--spacing)*1.5) 0; + figcaption{ + margin: 0 var(--padding-body); + } + } + + .modal--share{ + position: absolute; + width: calc(100% - var(--padding-body)*2); + bottom: calc(var(--spacing) * 2); + } + + + #banner--page { + padding: calc(var(--spacing)*0.5) 0; + + position: fixed; + bottom: 0; + left: 0; + width: 100vw; + padding: calc(var(--spacing)*0.75) var(--padding-body); + padding-top: var(--spacing); + background-color: var(--color-bg); + background: linear-gradient(0deg,var(--color-bg) 0%, var(--color-bg) 64%, transparent 100%); + z-index: 800; + + #nav--page{ + display: none; + } + .btn--group{ + + display: flex; + gap: calc(var(--spacing)*0.25); + position: relative; + + > button, + > label { + width: 50%; + cursor: pointer; + } + + } + + } + + + // action + + #banner--page{ + opacity: 0; + pointer-events: none; + transition: opacity .2s ease-in; + } + + #banner--page.is-visible{ + opacity: 1; + pointer-events: auto; + } + + + } +} + + + +@media #{$x-small}{ + .page-enquete{ + #section__dl .dl__group{ + grid-template-columns: 32% 1fr; + column-gap: 1ch; + } + } +} + + + + + +// DESKTOP ---------------------------------------------------------- +// ---------------------------------------------------------------- + + +@media #{$small-up}{ + + .page-enquete{ + + #banner--page{ + height: calc(100vh - var(--header-h)); + height: calc(100dvh - var(--header-h)); + margin-bottom: calc((100vh - var(--header-h))*-1); + margin-bottom: calc((100dvh - var(--header-h))*-1); + padding: var(--padding-body); + padding-left: 0px; + position: sticky; + top: var(--header-h); + width: var(--banner-medium); + display: flex; + flex-direction: column; + justify-content: space-between; + } + + #banner--page .btn--group{ + display: flex; + flex-direction: column; + align-items: center; + gap: calc(var(--spacing)*0.25); + + > button, + > label { + width: 100%; + max-width: 160px; + cursor: pointer; + } + + } + + #hero{ + margin: calc(var(--spacing)*3) 0; + + } + + .section__article{ + margin-left: var(--banner-medium); + margin-top: calc(var(--spacing)*3); + margin-bottom: calc(var(--spacing)*3); + } + + #section__short{ + margin-top: var(--padding-body); + } + + header{ + max-width: var(--max-w-content); + margin: calc(var(--spacing)*2) auto; + } + + .section__article{ + .section__title{ + font-size: var(--fs-medium); + margin-bottom: var(--spacing); + } + } + + #section__synthese{ + font-size: var(--fs-medium); + } + } + .modal--share{ + position: absolute; + bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25); + width: calc(100% - var(--padding-body)); + } +} + + + + +@media #{$medium-up}{ + + .page-enquete{ + + #banner--page{ + width: calc((100% - var(--max-w-content))/2); + } + + #hero{ + margin: calc(var(--spacing)*3) 0; + figcaption{ + max-width: var(--max-w-content); + margin: 0 auto; + } + } + + + header{ + max-width: var(--max-w-content); + margin: calc(var(--spacing)*2) auto; + } + + .section__article{ + max-width: var(--max-w-content); + margin: calc(var(--spacing)*3) auto; + } + + + + + } } \ No newline at end of file diff --git a/assets/js/mobile-sticky.js b/assets/js/mobile-sticky.js new file mode 100644 index 0000000..4d4589e --- /dev/null +++ b/assets/js/mobile-sticky.js @@ -0,0 +1,50 @@ +let isInitialized = false; + +export function btnSticky(responsiveSmall) { + if (isInitialized) return; + + let main = document.querySelector("main"); + if (!main || !main.classList.contains("page-enquete")) return; + + let bannerPage = main.querySelector("#banner--page"); + let sectionDl = document.querySelector("#section__dl"); + let footer = document.querySelector("#site-footer"); + + if (!bannerPage || !sectionDl || !footer) return; + + function checkScroll() { + const screenWidth = window.innerWidth; + + // Vérifier que l'écran est plus petit que responsiveSmall + if (screenWidth >= responsiveSmall) { + bannerPage.classList.remove('is-visible'); + bannerPage.style.transform = 'translateY(0)'; + return; + } + + const sectionTop = sectionDl.getBoundingClientRect().top; + const footerTop = footer.getBoundingClientRect().top; + const windowHeight = window.innerHeight; + + // Activer le banner quand #section__dl arrive en bas de l'écran + if (sectionTop <= windowHeight) { + bannerPage.classList.add('is-visible'); + + // Pousser le banner vers le haut si le footer arrive en bas de l'écran + if (footerTop < windowHeight) { + const pushUp = windowHeight - footerTop; + bannerPage.style.transform = `translateY(-${pushUp}px)`; + } else { + bannerPage.style.transform = 'translateY(0)'; + } + } else { + bannerPage.classList.remove('is-visible'); + bannerPage.style.transform = 'translateY(0)'; + } + } + + window.addEventListener('scroll', checkScroll); + checkScroll(); + + isInitialized = true; +} \ No newline at end of file diff --git a/assets/js/onload.js b/assets/js/onload.js index 647e0c9..70b79a6 100644 --- a/assets/js/onload.js +++ b/assets/js/onload.js @@ -1,5 +1,9 @@ import { headerToggle, headerScrollVisibility } from './header.js'; import { copyLink } from './share.js'; +import { btnSticky } from './mobile-sticky.js'; + +const responsiveMedium = 1080; +const responsiveSmall = 768; // TEMP, with includeHTML() -------------------------------------- @@ -31,4 +35,20 @@ function initAfterLoad() { headerToggle(); headerScrollVisibility(); copyLink(); + btnSticky(responsiveSmall); +} + +function responsiveLoader() { + let isLoaded = false; + + function checkResize() { + if (window.innerWidth < responsiveSmall && !isLoaded) { + + // other functions qui ne chargent que pour la version mobile ... + isLoaded = true; + } + } + + checkResize(); + window.addEventListener('resize', checkResize); } diff --git a/assets/js/share.js b/assets/js/share.js index c0218df..5c42a65 100644 --- a/assets/js/share.js +++ b/assets/js/share.js @@ -17,7 +17,3 @@ export function copyLink() { }); } - -export function shareModal() { - let buttons = document.querySelectorAll('.btn__share'); -} diff --git a/components/site-footer.html b/components/site-footer.html index a0472c6..0b41576 100644 --- a/components/site-footer.html +++ b/components/site-footer.html @@ -14,7 +14,7 @@ placeholder="Votre adresse e-mail" required /> -