diff --git a/.gitignore b/.gitignore
index 9d496be..e43b0f9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1 @@
.DS_Store
-assets/fonts/*
\ No newline at end of file
diff --git a/assets/css/base/_var.scss b/assets/css/base/_var.scss
index c4616ec..cf19a4f 100644
--- a/assets/css/base/_var.scss
+++ b/assets/css/base/_var.scss
@@ -56,6 +56,8 @@
--header-h: 80px;
--header-h-shrinked: 50px;
+ --menu-w: 420px;
+
// responsive
--padding-body: 26px;
diff --git a/assets/css/components/_buttons.scss b/assets/css/components/_buttons.scss
index f1ccd41..977f886 100644
--- a/assets/css/components/_buttons.scss
+++ b/assets/css/components/_buttons.scss
@@ -31,6 +31,48 @@ button:disabled{
+.btn--bold,
+.btn--bold-inline{
+ display: block;
+ height: calc(var(--h-block)*1);
+ border: var(--border);
+ border-radius: 4px;
+ font-size: var(--fs-small);
+ text-transform: uppercase;
+ line-height: 1;
+ overflow: hidden;
+ white-space: nowrap;
+ a{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ padding: 0 2ch;
+ padding-top: 5px;
+ }
+
+}
+
+.btn--bold{
+ background-color: var(--color-txt);
+ color: var(--color-bg);
+ &:hover{
+ background-color: var(--color-accent);
+ border-color: var(--color-accent);
+ a{
+ color: var(--color-bg);
+ }
+ }
+
+}
+
+.btn--bold-inline:hover{
+ a{
+ background-color: var(--grey-800);
+ color: var(--color-txt);
+ }
+}
diff --git a/assets/css/partials/_site-footer.scss b/assets/css/partials/_site-footer.scss
index 1bc7277..3ee329a 100644
--- a/assets/css/partials/_site-footer.scss
+++ b/assets/css/partials/_site-footer.scss
@@ -7,7 +7,6 @@
.logo {
margin-top: calc(var(--spacing)*0.25);
margin-bottom: calc(var(--spacing)*1);
- opacity: 0;
svg{
width: 100px;
}
diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss
index 68f3075..7b06eaf 100644
--- a/assets/css/partials/_site-header.scss
+++ b/assets/css/partials/_site-header.scss
@@ -34,7 +34,6 @@
#site-title {
flex-grow: 2;
- opacity: 0;
svg{
width: 100px;
}
diff --git a/assets/css/partials/_site-menu.scss b/assets/css/partials/_site-menu.scss
index b09ae8c..e4e3d87 100644
--- a/assets/css/partials/_site-menu.scss
+++ b/assets/css/partials/_site-menu.scss
@@ -1,22 +1,23 @@
#site-menu{
position: fixed;
- width: 420px;
+ width: var(--menu-w);
height: calc(100dvh - var(--header-h));
height: calc(100vh - var(--header-h));
top: var(--header-h);
- right: 0;
+ right: calc(var(--menu-w)*-1);
+ transition: right .3s ease-in;
background-color: var(--color-bg);
border-left: var(--border-light);
padding: var(--padding-body);
- // background-color: red;
+ z-index: 1000;
display: flex;
flex-direction: column;
- display: none;
+ // display: none;
- .baseline{
- font-size: var(--fs-medium);
- }
+ // .baseline{
+ // font-size: var(--fs-medium);
+ // }
form{
margin-top: calc(var(--spacing)*1);
@@ -68,13 +69,14 @@
list-style-type: none;
text-transform: uppercase;
li{
- font-size: var(--fs-medium);
+ font-size: var(--fs-normal);
a{
display: block;
text-decoration: none;
padding: 0.5em 0;
&:hover{
- color: var(--grey-200);
+ text-decoration: underline;
+ // color: var(--grey-200);
}
}
}
@@ -84,4 +86,21 @@
}
}
}
+}
+
+body.menu-open{
+ overflow: hidden;
+ main, footer, #nav-highlight{
+ transition: opacity .3s ease-in;
+ opacity: 0.1;
+ }
+ #site-menu{
+ right: 0;
+ }
+
+ #menu-toggle{
+ .open{ display: none; }
+ .close{ display: block!important; }
+ }
+
}
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index b854f62..f2bad14 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -32,6 +32,7 @@
--border-light: 1px solid var(--grey-800);
--header-h: 80px;
--header-h-shrinked: 50px;
+ --menu-w: 420px;
--padding-body: 26px;
--radius-small: 4px;
--spacing: 30px;
@@ -120,7 +121,6 @@ body {
}
#site-header #site-title {
flex-grow: 2;
- opacity: 0;
}
#site-header #site-title svg {
width: 100px;
@@ -179,6 +179,46 @@ button:disabled {
text-decoration: underline !important;
}
+.btn--bold,
+.btn--bold-inline {
+ display: block;
+ height: calc(var(--h-block) * 1);
+ border: var(--border);
+ border-radius: 4px;
+ font-size: var(--fs-small);
+ text-transform: uppercase;
+ line-height: 1;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.btn--bold a,
+.btn--bold-inline a {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ padding: 0 2ch;
+ padding-top: 5px;
+}
+
+.btn--bold {
+ background-color: var(--color-txt);
+ color: var(--color-bg);
+}
+.btn--bold:hover {
+ background-color: var(--color-accent);
+ border-color: var(--color-accent);
+}
+.btn--bold:hover a {
+ color: var(--color-bg);
+}
+
+.btn--bold-inline:hover a {
+ background-color: var(--grey-800);
+ color: var(--color-txt);
+}
+
.btn__default {
--size: calc(var(--h-block) - 8px);
font-size: var(--fs-normal);
@@ -521,7 +561,6 @@ button:disabled {
}
#site-header #site-title {
flex-grow: 2;
- opacity: 0;
}
#site-header #site-title svg {
width: 100px;
@@ -555,20 +594,18 @@ button:disabled {
#site-menu {
position: fixed;
- width: 420px;
+ width: var(--menu-w);
height: calc(100dvh - var(--header-h));
height: calc(100vh - var(--header-h));
top: var(--header-h);
- right: 0;
+ right: calc(var(--menu-w) * -1);
+ transition: right 0.3s ease-in;
background-color: var(--color-bg);
border-left: var(--border-light);
padding: var(--padding-body);
+ z-index: 1000;
display: flex;
flex-direction: column;
- display: none;
-}
-#site-menu .baseline {
- font-size: var(--fs-medium);
}
#site-menu form {
margin-top: calc(var(--spacing) * 1);
@@ -624,7 +661,7 @@ button:disabled {
text-transform: uppercase;
}
#site-menu nav ul li {
- font-size: var(--fs-medium);
+ font-size: var(--fs-normal);
}
#site-menu nav ul li a {
display: block;
@@ -632,12 +669,29 @@ button:disabled {
padding: 0.5em 0;
}
#site-menu nav ul li a:hover {
- color: var(--grey-200);
+ text-decoration: underline;
}
#site-menu nav ul .highlight {
text-transform: uppercase;
}
+body.menu-open {
+ overflow: hidden;
+}
+body.menu-open main, body.menu-open footer, body.menu-open #nav-highlight {
+ transition: opacity 0.3s ease-in;
+ opacity: 0.1;
+}
+body.menu-open #site-menu {
+ right: 0;
+}
+body.menu-open #menu-toggle .open {
+ display: none;
+}
+body.menu-open #menu-toggle .close {
+ display: block !important;
+}
+
#site-footer {
background-color: var(--dark);
padding: calc(var(--padding-body) * 2) var(--padding-body);
@@ -645,7 +699,6 @@ button:disabled {
#site-footer .logo {
margin-top: calc(var(--spacing) * 0.25);
margin-bottom: calc(var(--spacing) * 1);
- opacity: 0;
}
#site-footer .logo svg {
width: 100px;
@@ -772,39 +825,47 @@ body main {
-o-object-fit: cover;
object-fit: cover;
}
-.page-enquete .short {
- font-size: var(--fs-medium);
- margin: auto;
- max-width: var(--max-w-content);
-}
-.page-enquete #section__synthese {
- font-size: var(--fs-medium);
-}
-.page-enquete #section__synthese p + p {
- margin-top: 0.5em;
-}
-.page-enquete #section__synthese h4 {
- margin-top: 2em;
- margin-bottom: 1em;
- font-size: var(--fs-normal);
- font-weight: normal;
- -webkit-text-decoration: 1px underline var(--color-txt-light);
- text-decoration: 1px underline var(--color-txt-light);
- text-underline-offset: 3px;
-}
.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-bottom: var(--padding-body);
+ padding-right: var(--padding-body);
position: sticky;
top: var(--header-h);
- width: 240px;
+ width: calc((100% - var(--max-w-content)) / 2);
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 {
+ width: 100%;
+ max-width: 28ch;
+}
+.page-enquete #nav--page ul {
+ list-style: none;
+}
+.page-enquete #nav--page ul li {
+ text-align: center;
+ color: var(--color-txt-light);
+}
+.page-enquete #nav--page ul li a {
+ display: block;
+ padding: 0.3em 0;
+ text-decoration: none;
+}
+.page-enquete .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);
border-bottom: var(--border-light);
@@ -824,15 +885,18 @@ body main {
.page-enquete #section__dl ul:not(.keywords) li {
padding-bottom: 0.2em;
}
-.page-enquete #nav--page ul {
- list-style: none;
+.page-enquete #section__synthese {
+ font-size: var(--fs-medium);
}
-.page-enquete #nav--page ul li {
- text-align: center;
- color: var(--color-txt-light);
+.page-enquete #section__synthese p + p {
+ margin-top: 0.5em;
}
-.page-enquete #nav--page ul li a {
- display: block;
- padding: 0.3em 0;
- text-decoration: none;
+.page-enquete #section__synthese h4 {
+ margin-top: 2em;
+ margin-bottom: 1em;
+ font-size: var(--fs-normal);
+ font-weight: normal;
+ -webkit-text-decoration: 1px underline var(--color-txt-light);
+ text-decoration: 1px underline var(--color-txt-light);
+ text-underline-offset: 3px;
}/*# 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 92f8eb2..c71f3ac 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":"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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 51f3adc..6db8e5e 100644
--- a/assets/css/template/_page-enquete.scss
+++ b/assets/css/template/_page-enquete.scss
@@ -29,6 +29,10 @@
}
}
+
+
+ // HER0 ----------------------------------------------------
+
.hero{
width: 100vw;
position: relative;
@@ -60,30 +64,9 @@
}
- .short{
- font-size: var(--fs-medium);
- margin: auto;
- max-width: var(--max-w-content);
- }
- #section__synthese{
- font-size: var(--fs-medium);
- p + p{
- margin-top: 0.5em;
- }
-
- h4{
- margin-top: 2em;
- margin-bottom: 1em;
- font-size: var(--fs-normal);
- font-weight: normal;
- text-decoration: 1px underline var(--color-txt-light);
- text-underline-offset: 3px;
-
- }
-
- }
+ // banner-page -------------------------------------------------
#banner--page{
height: calc(100vh - var(--header-h));
@@ -91,12 +74,55 @@
margin-bottom: calc((100vh - var(--header-h))*-1);
margin-bottom: calc((100dvh - var(--header-h))*-1);
padding-bottom: var(--padding-body);
+ padding-right: var(--padding-body);
position: sticky;
top: var(--header-h);
- width: 240px;
+ width: calc((100% - var(--max-w-content))/2);
display: flex;
flex-direction: column;
justify-content: space-between;
+
+ .btn--group{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: calc(var(--spacing)*0.25);
+
+ button{
+ width: 100%;
+ max-width: 28ch;
+ }
+
+ }
+
+ }
+
+ #nav--page{
+ ul{
+ list-style: none;
+
+ li{
+ text-align: center;
+ color: var(--color-txt-light);
+ // text-transform: uppercase;
+
+ a{
+ display: block;
+ padding: 0.3em 0;
+ text-decoration: none;
+ }
+ }
+ }
+ }
+
+
+
+ // DL -------------------------------------------------
+
+ .short{
+ font-size: var(--fs-medium);
+ margin: auto;
+ max-width: var(--max-w-content);
}
#section__dl{
@@ -124,22 +150,35 @@
}
- #nav--page{
- ul{
- list-style: none;
-
- li{
- text-align: center;
- color: var(--color-txt-light);
- // text-transform: uppercase;
-
- a{
- display: block;
- padding: 0.3em 0;
- text-decoration: none;
- }
- }
+
+
+
+
+
+
+ // SYNTHESE ----------------------------------------------
+
+
+
+ #section__synthese{
+ font-size: var(--fs-medium);
+
+ p + p{
+ margin-top: 0.5em;
}
+
+ h4{
+ margin-top: 2em;
+ margin-bottom: 1em;
+ font-size: var(--fs-normal);
+ font-weight: normal;
+ text-decoration: 1px underline var(--color-txt-light);
+ text-underline-offset: 3px;
+
+ }
+
}
+
+
}
\ No newline at end of file
diff --git a/assets/fonts/Executive-55Regular.woff b/assets/fonts/Executive-55Regular.woff
new file mode 100644
index 0000000..99eaf84
Binary files /dev/null and b/assets/fonts/Executive-55Regular.woff differ
diff --git a/assets/fonts/Executive-56Italic.woff b/assets/fonts/Executive-56Italic.woff
new file mode 100644
index 0000000..e70c795
Binary files /dev/null and b/assets/fonts/Executive-56Italic.woff differ
diff --git a/assets/fonts/Executive-65Medium.woff b/assets/fonts/Executive-65Medium.woff
new file mode 100644
index 0000000..16c2373
Binary files /dev/null and b/assets/fonts/Executive-65Medium.woff differ
diff --git a/assets/fonts/Executive-66MediumIt.woff b/assets/fonts/Executive-66MediumIt.woff
new file mode 100644
index 0000000..31f7584
Binary files /dev/null and b/assets/fonts/Executive-66MediumIt.woff differ
diff --git a/assets/fonts/System-Bold.woff2 b/assets/fonts/System-Bold.woff2
new file mode 100755
index 0000000..d041a01
Binary files /dev/null and b/assets/fonts/System-Bold.woff2 differ
diff --git a/assets/fonts/System-BoldItalic.woff2 b/assets/fonts/System-BoldItalic.woff2
new file mode 100755
index 0000000..0ca3899
Binary files /dev/null and b/assets/fonts/System-BoldItalic.woff2 differ
diff --git a/assets/fonts/System-Medium.woff2 b/assets/fonts/System-Medium.woff2
new file mode 100755
index 0000000..10541f0
Binary files /dev/null and b/assets/fonts/System-Medium.woff2 differ
diff --git a/assets/fonts/System-MediumItalic.woff2 b/assets/fonts/System-MediumItalic.woff2
new file mode 100755
index 0000000..db78574
Binary files /dev/null and b/assets/fonts/System-MediumItalic.woff2 differ
diff --git a/assets/fonts/stylesheet.css b/assets/fonts/stylesheet.css
new file mode 100644
index 0000000..95bf8b1
--- /dev/null
+++ b/assets/fonts/stylesheet.css
@@ -0,0 +1,57 @@
+/* Executive - Regular */
+@font-face {
+ font-family: "Executive";
+ src: url("Executive-55Regular.woff") format("woff");
+ font-weight: 300;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Executive";
+ src: url("Executive-56Italic.woff") format("woff");
+ font-weight: 300;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "Executive";
+ src: url("Executive-65Medium.woff") format("woff");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Executive";
+ src: url("Executive-66MediumIt.woff") format("woff");
+ font-weight: normal;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "System";
+ src: url("System-Medium.woff2") format("woff2");
+ font-weight: 500;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "System";
+ src: url("System-MediumItalic.woff2") format("woff2");
+ font-weight: 500;
+ font-style: italic;
+}
+
+
+@font-face {
+ font-family: "System";
+ src: url("System-Bold.woff2") format("woff2");
+ font-weight: 600;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "System";
+ src: url("System-BoldItalic.woff2") format("woff2");
+ font-weight: 600;
+ font-style: italic;
+}
\ No newline at end of file
diff --git a/assets/js/onload.js b/assets/js/onload.js
index 861b3c0..fd028c2 100644
--- a/assets/js/onload.js
+++ b/assets/js/onload.js
@@ -1,20 +1,51 @@
-window.onload = function () {
- includeHTML();
- headerToggle();
+// TEMP, with includeHTML() --------------------------------------
+
+window.onload = async function () {
+ await runIncludeHTML();
+ initAfterLoad();
};
-window.onscroll = function () {
- headerShrink();
-};
+function runIncludeHTML() {
+ if (typeof includeHTML === "function") {
+ const result = includeHTML();
+ if (result instanceof Promise) {
+ return result;
+ }
+ }
-
-function headerToggle() {
- const header = document.getElementById('site-header');
- const buttonToggle = document.querySelector('menu-toggle');
-
- console.log(buttonToggle);
-
+ return Promise.resolve();
}
+/// INIT --------------------------------------------------------
+
+// Note: une fois que IncludeHTML() est supprimé, on peut supprimer tout le temp au dessus
+// remplacer `function initAfterLoad()` par ↓
+// window.onload = async function () {
+
+function initAfterLoad() {
+ headerToggle();
+}
+
+
+
+
+
+
+
+// ===============================
+// 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/assets/js/temp/includeHtml.js b/assets/js/temp/includeHtml.js
index 58f04bb..0c7a5fc 100644
--- a/assets/js/temp/includeHtml.js
+++ b/assets/js/temp/includeHtml.js
@@ -2,32 +2,34 @@
//
-function includeHTML() {
+async function includeHTML() {
+ const elements = document.querySelectorAll("[w3-include-html]");
- var z, i, elmnt, file, xhttp;
- /* Loop through a collection of all HTML elements: */
- z = document.getElementsByTagName("*");
- for (i = 0; i < z.length; i++) {
- elmnt = z[i];
- /*search for elements with a certain atrribute:*/
- file = elmnt.getAttribute("w3-include-html");
- if (file) {
- /* Make an HTTP request using the attribute value as the file name: */
- xhttp = new XMLHttpRequest();
- xhttp.onreadystatechange = function() {
- if (this.readyState == 4) {
- if (this.status == 200) {elmnt.innerHTML = this.responseText;}
- if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
- /* Remove the attribute, and call this function once more: */
- elmnt.removeAttribute("w3-include-html");
- includeHTML();
- }
- }
- xhttp.open("GET", file, true);
- xhttp.send();
- /* Exit the function: */
- return;
- }
+ if (elements.length === 0) {
+ return; // Plus rien à charger
}
+ const promises = Array.from(elements).map(async (elmnt) => {
+ const file = elmnt.getAttribute("w3-include-html");
+ if (!file) return;
+
+ try {
+ const response = await fetch(file);
+ if (response.ok) {
+ const html = await response.text();
+ elmnt.innerHTML = html;
+ } else {
+ elmnt.innerHTML = "Page not found.";
+ }
+ } catch (error) {
+ console.error(`Error loading ${file}:`, error);
+ elmnt.innerHTML = "Error loading content.";
+ }
+
+ elmnt.removeAttribute("w3-include-html");
+ });
+
+ // Attendre que tous les fichiers soient chargés
+ await Promise.all(promises);
+ await includeHTML();
}
diff --git a/page-enquete/index.html b/page-enquete/index.html
index a769d69..4fbdab6 100644
--- a/page-enquete/index.html
+++ b/page-enquete/index.html
@@ -40,9 +40,9 @@
-