diff --git a/assets/css/base/_responsive.scss b/assets/css/base/_responsive.scss
index ff9bac4..4ba91d0 100644
--- a/assets/css/base/_responsive.scss
+++ b/assets/css/base/_responsive.scss
@@ -1,6 +1,7 @@
$desktop: "screen and (min-width: 1200px)";
$medium: "screen and (max-width: 1080px)";
$medium-up: "screen and (min-width: 1080px)";
+
$small-up: "screen and (min-width: 720px)";
$small: "screen and (max-width: 720px)";
$x-small: "screen and (max-width: 560px)";
diff --git a/assets/css/partials/_main-layout.scss b/assets/css/partials/_main-layout.scss
index b7f9db6..a92ae2b 100644
--- a/assets/css/partials/_main-layout.scss
+++ b/assets/css/partials/_main-layout.scss
@@ -8,7 +8,6 @@ body{
main{
flex-grow: 1;
- margin-top: var(--header-h);
padding: 0 var(--padding-body);
}
diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss
index 7b06eaf..a895fa6 100644
--- a/assets/css/partials/_site-header.scss
+++ b/assets/css/partials/_site-header.scss
@@ -8,21 +8,26 @@
}
#site-header {
- position: fixed;
- left: var(--padding-body);
- top: 0px;
+
z-index: 900;
--gap: 3ch;
- width: calc(100vw - var(--padding-body)*2);
+ width: 100vw;
height: var(--header-h);
background-color: var(--color-bg);
- // border-bottom: var(--border-light);
+ padding: 0 var(--padding-body);
+
+ .site-header__inner{
+ width: 100%;
+ height: 100%;
+ border-bottom: var(--border-light);
+
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: var(--gap);
+ }
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: var(--gap);
a{
text-decoration: none;
@@ -71,3 +76,13 @@
}
}
+
+
+#site-header.is-visible{
+ position: fixed;
+ top: 0;
+
+ & ~ main{
+ margin-top: var(--header-h);
+ }
+}
diff --git a/assets/css/style.css b/assets/css/style.css
index f2bad14..e86827a 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -100,14 +100,17 @@ body {
}
}
#site-header {
- position: fixed;
- left: var(--padding-body);
- top: 0px;
z-index: 900;
--gap: 3ch;
- width: calc(100vw - var(--padding-body) * 2);
+ width: 100vw;
height: var(--header-h);
background-color: var(--color-bg);
+ padding: 0 var(--padding-body);
+}
+#site-header .site-header__inner {
+ width: 100%;
+ height: 100%;
+ border-bottom: var(--border-light);
display: flex;
align-items: center;
justify-content: space-between;
@@ -152,6 +155,14 @@ body {
fill: var(--grey-200) !important;
}
+#site-header.is-visible {
+ position: fixed;
+ top: 0;
+}
+#site-header.is-visible ~ main {
+ margin-top: var(--header-h);
+}
+
button {
cursor: pointer;
font-family: var(--font);
@@ -540,14 +551,17 @@ button:disabled {
}
}
#site-header {
- position: fixed;
- left: var(--padding-body);
- top: 0px;
z-index: 900;
--gap: 3ch;
- width: calc(100vw - var(--padding-body) * 2);
+ width: 100vw;
height: var(--header-h);
background-color: var(--color-bg);
+ padding: 0 var(--padding-body);
+}
+#site-header .site-header__inner {
+ width: 100%;
+ height: 100%;
+ border-bottom: var(--border-light);
display: flex;
align-items: center;
justify-content: space-between;
@@ -592,6 +606,14 @@ button:disabled {
fill: var(--grey-200) !important;
}
+#site-header.is-visible {
+ position: fixed;
+ top: 0;
+}
+#site-header.is-visible ~ main {
+ margin-top: var(--header-h);
+}
+
#site-menu {
position: fixed;
width: var(--menu-w);
@@ -774,7 +796,6 @@ body {
}
body main {
flex-grow: 1;
- margin-top: var(--header-h);
padding: 0 var(--padding-body);
}
@@ -803,23 +824,23 @@ body main {
font-size: var(--fs-medium);
margin-bottom: calc(var(--spacing) * 1);
}
-.page-enquete .hero {
+.page-enquete #hero {
width: 100vw;
position: relative;
left: calc(var(--padding-body) * -1);
margin: calc(var(--spacing) * 3) 0;
}
-.page-enquete .hero figcaption {
+.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 {
+.page-enquete #hero.hero-video figure {
width: 100%;
}
-.page-enquete .hero.hero-video figure img {
+.page-enquete #hero.hero-video figure img {
width: 100%;
aspect-ratio: 16/9;
-o-object-fit: cover;
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
index c71f3ac..33d386a 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/_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/_text.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","template/_page-enquete.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,sCAAA;EACA,oCAAA;EAQA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;EAEA,sBAAA;EAEA,sBAAA;EAOA,kBAAA;EACA,qBAAA;EAIA,gBAAA;EACA,gBAAA;EACA,cAAA;EAGA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,mBAAA;EACA,oBAAA;EACA,kCAAA;EACA,uBAAA;EACA,0BAAA;EACA,2BAAA;EACA,aAAA;EAIA,oCAAA;EACA,yCAAA;EAEA,gBAAA;EACA,yBAAA;EACA,eAAA;EAIA,oBAAA;EAEA,mBAAA;EACA,eAAA;EACA,eAAA;EAEA,gDAAA;AD5BF;ACnBE;EArBF;IAsBI,iBAAA;IACA,cAAA;EDsBF;AACF;;AC0BA;EACE;IACE,kBAAA;IACA,gBAAA;IACA,iBAAA;IACA,iBAAA;IACA,cAAA;IACA,gBAAA;EDvBF;AACF;AEzDA;EACI,SAAA;EACA,UAAA;EAEA,sBAAA;EACA,mCAAA;EACA,gCAAA;EACA,8BAAA;EAEA,uBAAA;AFyDJ;;AEvDA;EACI,mBAAA;AF0DJ;;AExDA;EACI,gBAAA;EACA,aAAA;EACA,YAAA;EACA,uBAAA;AF2DJ;;AEzDA;EACI,YAAA;AF4DJ;;AEzDA;EACI,wBAAA;EACA,kCAAA;EACA,2BAAA;EAEA,uBAAA;EACA,iCAAA;EACA,YAAA;EACA,kBAAA;AF2DJ;;AG3FA;EACE;IACE,gCAAA;EH8FF;EG5FA;IACE,8BAAA;EH8FF;AACF;AG3FA;EAEE,YAAA;EACA,UAAA;EAEA,YAAA;EACA,uBAAA;EACA,iCAAA;EACA,8BAAA;AH2FF;AGzFE;EACE,WAAA;EACA,YAAA;EACA,kCAAA;EAEA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;AH0FJ;AGtFE;EACE,qBAAA;AHwFJ;AGvFI;EACE,sBAAA;AHyFN;AGpFE;EACE,YAAA;AHsFJ;AGrFI;EACE,YAAA;AHuFN;AGnFE;EACE,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;AHqFJ;AGjFE;EACE,aAAA;EACA,QAAA;AHmFJ;AGlFI;EAAiB,6BAAA;AHqFrB;AGlFE;EACE,eAAA;AHoFJ;AGnFI;EACE,WAAA;AHqFN;AGnFI;EAAQ,aAAA;AHsFZ;AG/EM;EAAK,gCAAA;AHkFX;;AG3EA;EACE,eAAA;EACA,MAAA;AH8EF;AG5EE;EACE,2BAAA;AH8EJ;;AInKA;EACI,eAAA;EACA,wBAAA;EACA,6BAAA;EACA,uBAAA;AJsKJ;AIrKI;EACI,sBAAA;AJuKR;AIpKI;EACI,qBAAA;EACA,WAAA;EACA,YAAA;AJsKR;;AIlKA;EACI,YAAA;AJqKJ;;AIhKI;EACI,0BAAA;AJmKR;AIlKQ;EACI,qCAAA;EACA,qCAAA;AJoKZ;;AI7JA;;EAEI,cAAA;EACA,gCAAA;EACA,qBAAA;EACA,kBAAA;EACA,0BAAA;EACA,yBAAA;EACA,cAAA;EACA,gBAAA;EACA,mBAAA;AJgKJ;AI/JI;;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,gBAAA;AJkKR;;AI7JA;EACI,kCAAA;EACA,sBAAA;AJgKJ;AI/JI;EACI,qCAAA;EACA,iCAAA;AJiKR;AIhKQ;EACI,sBAAA;AJkKZ;;AI3JI;EACI,iCAAA;EACA,uBAAA;AJ8JR;;AIpJA;EAGI,kCAAA;EACA,2BAAA;EACA,6BAAA;EACA,mBAAA;EACA,oBAAA;EAEA,kBAAA;EAGA,aAAA;EACA,mBAAA;EACA,QAAA;EAEA,0BAAA;EACA,6BAAA;EACA,qBAAA;EAEA,eAAA;AJgJJ;AI7II;EAAa,WAAA;AJgJjB;AI9II;EACI,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,kBAAA;AJgJR;AI9IQ;EACI,qBAAA;EACA,UAAA;AJgJZ;AI5II;EACI,8BAAA;EACA,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,iBAAA;AJ8IR;AI3II;EACI,WAAA;EACA,cAAA;EACA,qCAAA;EACA,oCAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,OAAA;EACA,UAAA;EACA,sBAAA;AJ6IR;AIxIQ;EACI,sBAAA;EACY,cAAA;AJ0IxB;AIxIQ;EACI,WAAA;AJ0IZ;;AKhSA;EACI,gBAAA;EACA,aAAA;EACA,eAAA;EACA,QAAA;ALmSJ;AKjSI;EACI,sBAAA;EACA,yCAAA;EACA,2BAAA;EACA,2BAAA;EACA,gBAAA;ALmSR;AKjSQ;EACI,qBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,cAAA;EACA,gBAAA;ALmSZ;AK/RQ;EACI,8BAAA;ALiSZ;AKhSY;EACI,mBAAA;ALkShB;;AM9TA;EACI,YAAA;EAEA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;ANgUJ;AM5TI;EAEI,mCAAA;EACA,WAAA;EACA,2CAAA;EACA,aAAA;EACA,YAAA;EACA,cAAA;EACA,wBAAA;EAEA,2BAAA;EACA,WAAA;EACA,gBAAA;AN4TR;AM3TQ;EACI,wBAAA;EACA,2BAAA;AN6TZ;AM/TQ;EACI,wBAAA;EACA,2BAAA;AN6TZ;AM1TQ;EACI,kCAAA;AN4TZ;AMtTI;EACI,kBAAA;EACA,UAAA;EACA,YAAA;ANwTR;AMpTI;EAGI,uCAAA;EACA,wBAAA;EACA,gCAAA;EACA,mBAAA;EAGA,aAAA;EACA,mBAAA;EACA,WAAA;EACA,0BAAA;EACA,6BAAA;EACA,qBAAA;EAEA,eAAA;ANiTR;AM9SQ;EAAa,WAAA;ANiTrB;AM/SQ;EACI,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,sBAAA;EACA,kBAAA;ANiTZ;AM/SY;EACI,qBAAA;EACA,UAAA;ANiThB;AM7SQ;EACI,kBAAA;EACA,QAAA;EACA,2BAAA;EACA,aAAA;EACA,iBAAA;AN+SZ;AM5SQ;EACI,WAAA;EACA,cAAA;EACA,qCAAA;EACA,oCAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,sBAAA;AN8SZ;AM1SY;EACI,sBAAA;EACY,cAAA;AN4S5B;AM1SY;EACI,WAAA;AN4ShB;;AOrZA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,gBAAA;APwZJ;AOvZI;EACI,aAAA;EACA,mBAAA;EACA,qBAAA;APyZR;AOtZI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;APwZR;AOtZI;EACI,aAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;APwZR;AOpZI;EAAO,aAAA;APuZX;;AOjZA;EACI;IAEI,cAAA;EPmZN;EOjZM;IACI,yCAAA;IACA,+BAAA;SAAA,mBAAA;EPmZV;EOhZM;IACI,QAAA;IAEA,gCAAA;EPiZV;EOhZU;IACI,YAAA;IACA,sBAAA;EPkZd;EO/YM;IACI,cAAA;IACA,cAAA;EPiZV;AACF;AQlcI;;;;EACI,yBAAA;EACA,wBAAA;EACA,2BAAA;EACA,gBAAA;EACA,kBAAA;EACA,kCAAA;ARucR;AQrcQ;;;;EACI,2BAAA;EACA,0BAAA;AR0cZ;AQvcQ;;;;EACI,cAAA;EACA,0BAAA;EACA,qBAAA;AR4cZ;AQvcY;;;;EACI,sCAAA;UAAA,8BAAA;EACA,0BAAA;AR4chB;AQtcI;;;;EACI,2BAAA;EACA,6BAAA;EACA,gBAAA;EACA,kBAAA;EACA,kCAAA;AR2cR;AQ1cQ;EANJ;;;;IAOQ,kBAAA;IACA,wBAAA;ERgdV;AACF;AQ7cI;;;;EACI,0BAAA;EACA,oBAAA;EACA,sBAAA;ARkdR;AQ/cI;;;;EACI,2BAAA;EACA,6BAAA;EACA,cAAA;EACA,kBAAA;EACA,sCAAA;EACA,uCAAA;ARodR;AQjdI;;;;;;;EACI,gBAAA;EACA,oBAAA;ARydR;;AGxhBA;EACE;IACE,gCAAA;EH2hBF;EGzhBA;IACE,8BAAA;EH2hBF;AACF;AGxhBA;EAEE,YAAA;EACA,UAAA;EAEA,YAAA;EACA,uBAAA;EACA,iCAAA;EACA,8BAAA;AHwhBF;AGthBE;EACE,WAAA;EACA,YAAA;EACA,kCAAA;EAEA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;AHuhBJ;AGnhBE;EACE,qBAAA;AHqhBJ;AGphBI;EACE,sBAAA;AHshBN;AGjhBE;EACE,YAAA;AHmhBJ;AGlhBI;EACE,YAAA;AHohBN;AGhhBE;EACE,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;AHkhBJ;AG9gBE;EACE,aAAA;EACA,QAAA;AHghBJ;AG/gBI;EAAiB,6BAAA;AHkhBrB;AG/gBE;EACE,eAAA;AHihBJ;AGhhBI;EACE,WAAA;AHkhBN;AGhhBI;EAAQ,aAAA;AHmhBZ;AG5gBM;EAAK,gCAAA;AH+gBX;;AGxgBA;EACE,eAAA;EACA,MAAA;AH2gBF;AGzgBE;EACE,2BAAA;AH2gBJ;;AShmBA;EACI,eAAA;EACA,oBAAA;EACA,sCAAA;EACA,qCAAA;EACA,oBAAA;EACA,+BAAA;EACA,8BAAA;EACA,iCAAA;EACA,gCAAA;EACA,4BAAA;EACA,aAAA;EAEA,aAAA;EACA,sBAAA;ATkmBJ;AS3lBI;EACI,oCAAA;EACA,uCAAA;EACA,YAAA;EACA,aAAA;EACA,sCAAA;AT6lBR;AS5lBQ;EACI,gBAAA;EACA,WAAA;EACA,kCAAA;EACA,WAAA;EACA,2BAAA;EACA,kCAAA;EACA,yBAAA;EACA,wBAAA;EACA,2BAAA;EACA,uBAAA;EACA,gBAAA;AT8lBZ;AS7lBY;EACI,wBAAA;EACA,2BAAA;EACA,uBAAA;AT+lBhB;ASlmBY;EACI,wBAAA;EACA,2BAAA;EACA,uBAAA;AT+lBhB;AS7lBY;EACI,iCAAA;EACA,aAAA;AT+lBhB;AS3lBQ;EACI,cAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AT6lBZ;AS5lBY;EACI,WAAA;AT8lBhB;ASxlBI;EACI,YAAA;AT0lBR;ASzlBQ;EACI,qBAAA;EACA,yBAAA;AT2lBZ;AS1lBY;EACI,2BAAA;AT4lBhB;AS3lBgB;EACI,cAAA;EACA,qBAAA;EACA,gBAAA;AT6lBpB;AS5lBoB;EACI,0BAAA;AT8lBxB;ASxlBY;EACI,yBAAA;AT0lBhB;;ASplBA;EACI,gBAAA;ATulBJ;AStlBI;EACI,gCAAA;EACA,YAAA;ATwlBR;AStlBI;EACI,QAAA;ATwlBR;ASplBQ;EAAO,aAAA;ATulBf;AStlBQ;EAAQ,yBAAA;ATylBhB;;AU/rBA;EAEG,6BAAA;EACA,0DAAA;AVisBH;AU9rBG;EACC,uCAAA;EACA,uCAAA;AVgsBJ;AU/rBQ;EACI,YAAA;AVisBZ;AU7rBG;EACC,oCAAA;AV+rBJ;AU9rBI;EACI,qBAAA;AVgsBR;AU/rBQ;EACI,0BAAA;EACA,mBAAA;AVisBZ;AU5rBG;EACC,4BAAA;EACA,sBAAA;AV8rBJ;AU1rBQ;EACI,0BAAA;EACA,uBAAA;AV4rBZ;AUtrBG;EAvCH;IAwCI,oCAAA;EVyrBF;EUtrBE;IACI,uCAAA;IACA,wCAAA;IACA,+BAAA;EVwrBN;EUtrBM;IACI,sCAAA;IACA,0CAAA;EVwrBV;EUrrBE;IAEI,+BAAA;IACA,wCAAA;EVsrBN;EUrrBM;IACI,0BAAA;IACA,kBAAA;EVurBV;AACF;AUlrBG;EAEC;IACI,aAAA;IACA,8BAAA;IACA,yCAAA;SAAA,oCAAA;IAEA,iBAAA;IACA,cAAA;EVkrBN;EU/qBE;IACI,gBAAA;IACA,eAAA;SAAA,UAAA;IACA,oCAAA;EVirBN;EU9qBE;IACI,mBAAA;EVgrBN;EU/qBM;IACI,oCAAA;EVirBV;AACF;;AWvwBA;EACI,kBAAA;EACA,iBAAA;EAEA,aAAA;EACA,sBAAA;AXywBJ;AWtwBI;EACI,YAAA;EACA,8BAAA;AXwwBR;;AYhxBI;EACI,+BAAA;EACA,qCAAA;AZmxBR;AYlxBQ;EACI,yBAAA;EACA,6BAAA;EACA,yCAAA;AZoxBZ;AYlxBQ;EACI,yBAAA;AZoxBZ;AYhxBI;EACI,+BAAA;EACA,qCAAA;AZkxBR;AYjxBQ;EACI,sBAAA;AZmxBZ;AY/wBQ;EACI,mBAAA;EACA,yBAAA;EACA,2BAAA;EACA,uCAAA;AZixBZ;AYzwBI;EACI,YAAA;EACA,kBAAA;EACA,oCAAA;EAEA,kCAAA;AZ0wBR;AYxwBQ;EACI,6BAAA;EACA,0BAAA;EACA,+BAAA;EACA,cAAA;EACA,uCAAA;AZ0wBZ;AYtwBY;EACI,WAAA;AZwwBhB;AYtwBgB;EACI,WAAA;EACA,kBAAA;EACA,oBAAA;KAAA,iBAAA;AZwwBpB;AY3vBI;EACI,qCAAA;EACA,sCAAA;EACA,mDAAA;EACA,oDAAA;EACA,mCAAA;EACA,kCAAA;EACA,gBAAA;EACA,oBAAA;EACA,8CAAA;EACA,aAAA;EACA,sBAAA;EACA,8BAAA;AZ6vBR;AY3vBQ;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,gCAAA;AZ6vBZ;AY3vBY;EACI,WAAA;EACA,eAAA;AZ6vBhB;AYrvBQ;EACI,gBAAA;AZuvBZ;AYrvBY;EACI,kBAAA;EACA,6BAAA;AZuvBhB;AYpvBgB;EACI,cAAA;EACA,gBAAA;EACA,qBAAA;AZsvBpB;AY5uBI;EACI,2BAAA;EACA,YAAA;EACA,+BAAA;AZ8uBR;AY3uBI;EACI,sCAAA;EACA,kCAAA;AZ6uBR;AY3uBQ;EACI,aAAA;EACA,8BAAA;EACA,+BAAA;EACA,qCAAA;AZ6uBZ;AY1uBQ;EACI,6BAAA;AZ4uBZ;AYzuBQ;EACI,gBAAA;AZ2uBZ;AY1uBY;EACI,qBAAA;AZ4uBhB;AY3tBI;EACI,2BAAA;AZ6tBR;AY3tBQ;EACI,iBAAA;AZ6tBZ;AY1tBQ;EACI,eAAA;EACA,kBAAA;EACA,2BAAA;EACA,mBAAA;EACA,6DAAA;UAAA,qDAAA;EACA,0BAAA;AZ4tBZ","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 6db8e5e..58d160c 100644
--- a/assets/css/template/_page-enquete.scss
+++ b/assets/css/template/_page-enquete.scss
@@ -33,7 +33,7 @@
// HER0 ----------------------------------------------------
- .hero{
+ #hero{
width: 100vw;
position: relative;
left: calc(var(--padding-body)*-1);
diff --git a/assets/js/header.js b/assets/js/header.js
new file mode 100644
index 0000000..229ea63
--- /dev/null
+++ b/assets/js/header.js
@@ -0,0 +1,36 @@
+// ===============================
+// HEADER
+// ===============================
+export function headerToggle() {
+ const header = document.getElementById("site-header");
+ const buttonToggle = document.querySelector("#menu-toggle");
+ console.log(header);
+ console.log(buttonToggle);
+
+ if (!header || !buttonToggle) return;
+ buttonToggle.addEventListener("click", () => {
+ document.body.classList.toggle("menu-open");
+ });
+}
+
+export function headerScrollVisibility() {
+ const header = document.getElementById("site-header");
+ const hero = document.getElementById("hero");
+
+ if (!header || !hero) return;
+
+ function checkScroll() {
+ const headerHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--header-h')) || 0;
+ const heroBottom = hero.getBoundingClientRect().bottom;
+
+ if (heroBottom <= headerHeight) {
+ header.classList.add("is-visible");
+ } else {
+ header.classList.remove("is-visible");
+ }
+ }
+
+ window.addEventListener("scroll", checkScroll);
+ checkScroll(); // Vérifier au chargement
+}
+
diff --git a/assets/js/onload.js b/assets/js/onload.js
index fd028c2..e9cce95 100644
--- a/assets/js/onload.js
+++ b/assets/js/onload.js
@@ -1,8 +1,10 @@
-// TEMP, with includeHTML() --------------------------------------
+import { headerToggle, headerScrollVisibility } from './header.js';
+
+// TEMP, with includeHTML() --------------------------------------
window.onload = async function () {
- await runIncludeHTML();
- initAfterLoad();
+ await runIncludeHTML();
+ initAfterLoad();
};
function runIncludeHTML() {
@@ -18,7 +20,7 @@ function runIncludeHTML() {
}
-/// INIT --------------------------------------------------------
+/// INIT --------------------------------------------------------
// Note: une fois que IncludeHTML() est supprimé, on peut supprimer tout le temp au dessus
// remplacer `function initAfterLoad()` par ↓
@@ -26,26 +28,5 @@ function runIncludeHTML() {
function initAfterLoad() {
headerToggle();
+ headerScrollVisibility();
}
-
-
-
-
-
-
-
-// ===============================
-// HEADER
-// ===============================
-function headerToggle() {
- const header = document.getElementById("site-header");
- const buttonToggle = document.querySelector("#menu-toggle");
- console.log(header);
- console.log(buttonToggle);
-
- if (!header || !buttonToggle) return;
- buttonToggle.addEventListener("click", () => {
- document.body.classList.toggle("menu-open");
- });
-}
-
diff --git a/components/site-header.html b/components/site-header.html
index 2a33780..ff5d2b3 100644
--- a/components/site-header.html
+++ b/components/site-header.html
@@ -1,4 +1,6 @@
+
\ No newline at end of file
diff --git a/index.html b/index.html
index ac19030..28bb46d 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
INDEX
-
+
diff --git a/page-enquete/index.html b/page-enquete/index.html
index 4fbdab6..b983052 100644
--- a/page-enquete/index.html
+++ b/page-enquete/index.html
@@ -6,7 +6,7 @@
INDEX
-
+
@@ -23,7 +23,7 @@
- 