diff --git a/assets/css/base/_var.scss b/assets/css/base/_var.scss index c4616ec..8726e9f 100644 --- a/assets/css/base/_var.scss +++ b/assets/css/base/_var.scss @@ -13,12 +13,10 @@ --fs-normal: 16px; --fs-medium: 20px; --fs-big: 30px; - --fs-xbig: 38px; + --fs-x-big: 38px; --fs-button-bold: 22px; - --max-w-content: 700px; - @media #{$small} { --fs-medium: 20px; --fs-big: 26px; @@ -43,11 +41,10 @@ --color-bg: #161616; --color-txt: #ffffff; - --color-txt-light: var(--grey-400); + --color-txt-light: var(--grey-600); --color-accent: #00ff00; --color-accent-50: #e9ffe9; --color-accent-100: #d8fdd8; - --dark: black; diff --git a/assets/css/components/_buttons.scss b/assets/css/components/_buttons.scss index f1ccd41..433bea8 100644 --- a/assets/css/components/_buttons.scss +++ b/assets/css/components/_buttons.scss @@ -19,24 +19,6 @@ button:disabled{ } -.soutenir{ - a{ - color: var(--color-accent); - &:hover{ - color: var(--color-accent)!important; - text-decoration: underline!important; - } - } -} - - - - - - - - -// DELETE ? .btn__default{ diff --git a/assets/css/partials/_site-footer.scss b/assets/css/partials/_site-footer.scss index 1bc7277..b477eb1 100644 --- a/assets/css/partials/_site-footer.scss +++ b/assets/css/partials/_site-footer.scss @@ -1,13 +1,12 @@ #site-footer{ - background-color: var(--dark); + background-color: black; padding: calc(var(--padding-body)*2) var(--padding-body); .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..66b32f2 100644 --- a/assets/css/partials/_site-header.scss +++ b/assets/css/partials/_site-header.scss @@ -17,7 +17,7 @@ width: calc(100vw - var(--padding-body)*2); height: var(--header-h); background-color: var(--color-bg); - // border-bottom: var(--border-light); + border-bottom: var(--border-light); display: flex; align-items: center; @@ -34,7 +34,6 @@ #site-title { flex-grow: 2; - opacity: 0; svg{ width: 100px; } @@ -44,10 +43,21 @@ list-style-type: none; display: flex; align-items: center; - gap: var(--gap); - text-transform: uppercase; + gap: var(--gap); } + #btn--soutenir{ + color: var(--color-accent); + a:hover{ + color: var(--color-accent); + text-decoration: underline; + } + } + + ul, #btn--soutenir{ + text-transform: uppercase; + } + #lang-toggle{ display: flex; diff --git a/assets/css/partials/_site-menu.scss b/assets/css/partials/_site-menu.scss deleted file mode 100644 index b09ae8c..0000000 --- a/assets/css/partials/_site-menu.scss +++ /dev/null @@ -1,87 +0,0 @@ -#site-menu{ - position: fixed; - width: 420px; - height: calc(100dvh - var(--header-h)); - height: calc(100vh - var(--header-h)); - top: var(--header-h); - right: 0; - background-color: var(--color-bg); - border-left: var(--border-light); - padding: var(--padding-body); - // background-color: red; - - display: flex; - flex-direction: column; - display: none; - - .baseline{ - font-size: var(--fs-medium); - } - - form{ - margin-top: calc(var(--spacing)*1); - margin-bottom: calc(var(--spacing)*1); - --icon: 40px; - display: grid; - grid-template-columns: var(--icon) 1fr; - input{ - grid-column: 1/3; - grid-row: 1; - height: calc(var(--h-block) * 1.5); - width: 100%; - background: var(--color-bg); - border: 1px solid var(--color-txt); - padding-left: var(--icon); - font-family: var(--font); - font-size: var(--fs-normal); - color: var(--color-txt); - padding-top: 3px; - &::placeholder{ - font-family: var(--font); - font-size: var(--fs-normal); - color: var(--color-txt); - } - &:focus{ - border-color: var(--color-accent); - outline: none; - } - } - - .icon{ - grid-column: 1; - grid-row: 1; - z-index: 10; - width: 100%; - display: flex; - align-items: center; - justify-content: center; - svg{ - width: 20px; - } - } - } - - - nav{ - flex-grow: 1; - ul{ - list-style-type: none; - text-transform: uppercase; - li{ - font-size: var(--fs-medium); - a{ - display: block; - text-decoration: none; - padding: 0.5em 0; - &:hover{ - color: var(--grey-200); - } - } - } - - .highlight{ - text-transform: uppercase; - } - } - } -} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index c318e9a..d451e8c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -7,9 +7,8 @@ --fs-normal: 16px; --fs-medium: 20px; --fs-big: 30px; - --fs-xbig: 38px; + --fs-x-big: 38px; --fs-button-bold: 22px; - --max-w-content: 700px; --leading-tight: 1; --leading-normal: 1.2; --fw-normal: 400; @@ -23,11 +22,10 @@ --grey-800: #383838; --color-bg: #161616; --color-txt: #ffffff; - --color-txt-light: var(--grey-400); + --color-txt-light: var(--grey-600); --color-accent: #00ff00; --color-accent-50: #e9ffe9; --color-accent-100: #d8fdd8; - --dark: black; --border: 1px solid var(--color-txt); --border-light: 1px solid var(--grey-800); --header-h: 80px; @@ -107,6 +105,7 @@ body { width: calc(100vw - var(--padding-body) * 2); height: var(--header-h); background-color: var(--color-bg); + border-bottom: var(--border-light); display: flex; align-items: center; justify-content: space-between; @@ -120,7 +119,6 @@ body { } #site-header #site-title { flex-grow: 2; - opacity: 0; } #site-header #site-title svg { width: 100px; @@ -130,6 +128,15 @@ body { display: flex; align-items: center; gap: var(--gap); +} +#site-header #btn--soutenir { + color: var(--color-accent); +} +#site-header #btn--soutenir a:hover { + color: var(--color-accent); + text-decoration: underline; +} +#site-header ul, #site-header #btn--soutenir { text-transform: uppercase; } #site-header #lang-toggle { @@ -171,14 +178,6 @@ button:disabled { cursor: auto; } -.soutenir a { - color: var(--color-accent); -} -.soutenir a:hover { - color: var(--color-accent) !important; - text-decoration: underline !important; -} - .btn__default { --size: calc(var(--h-block) - 8px); font-size: var(--fs-normal); @@ -478,6 +477,7 @@ button:disabled { width: calc(100vw - var(--padding-body) * 2); height: var(--header-h); background-color: var(--color-bg); + border-bottom: var(--border-light); display: flex; align-items: center; justify-content: space-between; @@ -491,7 +491,6 @@ button:disabled { } #site-header #site-title { flex-grow: 2; - opacity: 0; } #site-header #site-title svg { width: 100px; @@ -501,6 +500,15 @@ button:disabled { display: flex; align-items: center; gap: var(--gap); +} +#site-header #btn--soutenir { + color: var(--color-accent); +} +#site-header #btn--soutenir a:hover { + color: var(--color-accent); + text-decoration: underline; +} +#site-header ul, #site-header #btn--soutenir { text-transform: uppercase; } #site-header #lang-toggle { @@ -523,99 +531,13 @@ button:disabled { fill: var(--grey-200) !important; } -#site-menu { - position: fixed; - width: 420px; - height: calc(100dvh - var(--header-h)); - height: calc(100vh - var(--header-h)); - top: var(--header-h); - right: 0; - background-color: var(--color-bg); - border-left: var(--border-light); - padding: var(--padding-body); - display: flex; - flex-direction: column; - display: none; -} -#site-menu .baseline { - font-size: var(--fs-medium); -} -#site-menu form { - margin-top: calc(var(--spacing) * 1); - margin-bottom: calc(var(--spacing) * 1); - --icon: 40px; - display: grid; - grid-template-columns: var(--icon) 1fr; -} -#site-menu form input { - grid-column: 1/3; - grid-row: 1; - height: calc(var(--h-block) * 1.5); - width: 100%; - background: var(--color-bg); - border: 1px solid var(--color-txt); - padding-left: var(--icon); - font-family: var(--font); - font-size: var(--fs-normal); - color: var(--color-txt); - padding-top: 3px; -} -#site-menu form input::-moz-placeholder { - font-family: var(--font); - font-size: var(--fs-normal); - color: var(--color-txt); -} -#site-menu form input::placeholder { - font-family: var(--font); - font-size: var(--fs-normal); - color: var(--color-txt); -} -#site-menu form input:focus { - border-color: var(--color-accent); - outline: none; -} -#site-menu form .icon { - grid-column: 1; - grid-row: 1; - z-index: 10; - width: 100%; - display: flex; - align-items: center; - justify-content: center; -} -#site-menu form .icon svg { - width: 20px; -} -#site-menu nav { - flex-grow: 1; -} -#site-menu nav ul { - list-style-type: none; - text-transform: uppercase; -} -#site-menu nav ul li { - font-size: var(--fs-medium); -} -#site-menu nav ul li a { - display: block; - text-decoration: none; - padding: 0.5em 0; -} -#site-menu nav ul li a:hover { - color: var(--grey-200); -} -#site-menu nav ul .highlight { - text-transform: uppercase; -} - #site-footer { - background-color: var(--dark); + background-color: black; padding: calc(var(--padding-body) * 2) var(--padding-body); } #site-footer .logo { margin-top: calc(var(--spacing) * 0.25); margin-bottom: calc(var(--spacing) * 1); - opacity: 0; } #site-footer .logo svg { width: 100px; @@ -693,87 +615,4 @@ body main { flex-grow: 1; margin-top: var(--header-h); padding: 0 var(--padding-body); -} - -.page-article header { - max-width: var(--max-w-content); - margin: calc(var(--spacing) * 2) auto; -} -.page-article header .page-type { - text-transform: uppercase; - color: var(--color-txt-light); - margin-bottom: calc(var(--spacing) * 0.5); -} -.page-article header h2 { - font-size: var(--fs-xbig); -} - -.page-article .section__article { - max-width: var(--max-w-content); - margin: calc(var(--spacing) * 3) auto; -} -.page-article .section__article a:hover { - color: var(--grey-200); -} -.page-article .section__article .section__title { - font-weight: normal; - text-transform: uppercase; - font-size: var(--fs-medium); - margin-bottom: calc(var(--spacing) * 1); -} - -.page-article .hero { - width: 100vw; - position: relative; - left: calc(var(--padding-body) * -1); - margin: calc(var(--spacing) * 3) 0; -} -.page-article .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-article .hero.hero-video figure { - width: 100%; -} -.page-article .hero.hero-video figure img { - width: 100%; - aspect-ratio: 16/9; - -o-object-fit: cover; - object-fit: cover; -} - -.page-article .short { - font-size: var(--fs-medium); - max-width: var(--max-w-content); -} - -.page-article #section__synthese { - font-size: var(--fs-medium); -} - -.page-article #banner--page { - height: calc(100dvh - var(--header-h)); - height: calc(100dvh - var(--header-h)); - margin-bottom: calc((100dvh - var(--header-h)) * -1); - background-color: red; - position: sticky; - top: var(--header-h); - width: 240px; -} - -.page-article #section__dl { - margin-top: 0px; - border-bottom: var(--border-light); -} -.page-article #section__dl .dl__group { - display: grid; - grid-template-columns: 40% 1fr; - border-top: var(--border-light); - padding: calc(var(--spacing) * 0.5) 0; -} -.page-article #section__dl dt { - color: var(--color-txt-light); }/*# 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 805fa44..06ff214 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/_form-newsletter.scss","components/_list-socials.scss","components/_text.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","template/_page-article.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/_form-newsletter.scss","components/_list-socials.scss","components/_text.scss","partials/_site-footer.scss","partials/_main-layout.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss index 334ac03..ed69ba5 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -14,11 +14,8 @@ @import 'partials/site-header'; -@import 'partials/site-menu'; @import 'partials/site-footer'; @import 'partials/main-layout'; -@import 'template/page-article'; - diff --git a/assets/css/template/_page-article.scss b/assets/css/template/_page-article.scss deleted file mode 100644 index d3dd4a9..0000000 --- a/assets/css/template/_page-article.scss +++ /dev/null @@ -1,99 +0,0 @@ -.page-article header{ - max-width: var(--max-w-content); - margin: calc(var(--spacing)*2) auto; - .page-type{ - text-transform: uppercase; - color: var(--color-txt-light); - margin-bottom: calc(var(--spacing)*0.5); - } - h2{ - font-size: var(--fs-xbig); - } -} - -.page-article .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) - } -} - -.page-article .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); - } - - &.hero-video{ - figure{ - width: 100%; - - img{ - width: 100%; - aspect-ratio: 16/9; - object-fit: cover; - } - - - } - } -} - - -.page-article .short{ - font-size: var(--fs-medium); - // margin: calc(var(--spacing)*3) auto; - max-width: var(--max-w-content); -} - -.page-article #section__synthese{ - font-size: var(--fs-medium); - -} - -.page-article #banner--page{ - height: calc(100dvh - var(--header-h)); - height: calc(100dvh - var(--header-h)); - margin-bottom: calc((100dvh - var(--header-h))*-1); - background-color: red; - position: sticky; - top: var(--header-h); - width: 240px; - - - -} - -.page-article #section__dl{ - margin-top: 0px; - border-bottom: var(--border-light); - - .dl__group{ - display: grid; - grid-template-columns: 40% 1fr; - border-top: var(--border-light); - padding: calc(var(--spacing)*0.5) 0; - } - - dt{ - color: var(--color-txt-light); - } -} \ No newline at end of file diff --git a/assets/icons/search.svg b/assets/icons/search.svg deleted file mode 100644 index 5ea9712..0000000 --- a/assets/icons/search.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/Jumaa-visuel-1.png b/assets/images/Jumaa-visuel-1.png deleted file mode 100644 index 298530b..0000000 Binary files a/assets/images/Jumaa-visuel-1.png and /dev/null differ diff --git a/assets/images/Nahel-visuel1.png b/assets/images/Nahel-visuel1.png deleted file mode 100644 index d281231..0000000 Binary files a/assets/images/Nahel-visuel1.png and /dev/null differ diff --git a/assets/images/Nidal-Khaled-Amirah.png b/assets/images/Nidal-Khaled-Amirah.png deleted file mode 100644 index 615bf54..0000000 Binary files a/assets/images/Nidal-Khaled-Amirah.png and /dev/null differ diff --git a/assets/images/kanaky-visuel-1.png b/assets/images/kanaky-visuel-1.png deleted file mode 100644 index 6aa5d3c..0000000 Binary files a/assets/images/kanaky-visuel-1.png and /dev/null differ diff --git a/assets/js/onload.js b/assets/js/onload.js index 861b3c0..830a497 100644 --- a/assets/js/onload.js +++ b/assets/js/onload.js @@ -1,6 +1,6 @@ window.onload = function () { includeHTML(); - headerToggle(); + headerShrink(); }; window.onscroll = function () { @@ -9,12 +9,15 @@ window.onscroll = function () { -function headerToggle() { +function headerShrink() { const header = document.getElementById('site-header'); - const buttonToggle = document.querySelector('menu-toggle'); - - console.log(buttonToggle); - + const scrollPosition = window.scrollY || document.documentElement.scrollTop; + + if (scrollPosition > 100) { + header.classList.add('is-shrinked'); + } else { + header.classList.remove('is-shrinked'); + } } diff --git a/components/site-footer.html b/components/site-footer.html index a0472c6..a2a5417 100644 --- a/components/site-footer.html +++ b/components/site-footer.html @@ -46,7 +46,13 @@