diff --git a/.claude/settings.local.json b/.claude/settings.local.json index eb39442..a48b55d 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -3,9 +3,7 @@ "allow": [ "Bash(git add:*)", "Bash(git commit:*)", - "Bash(cat:*)", - "WebFetch(domain:unicode-org.github.io)", - "Bash(git mv:*)" + "Bash(cat:*)" ], "deny": [], "ask": [] diff --git a/.forgejo/workflows/deploy.yml b/.forgejo/workflows/deploy.yml index 6203168..67cc286 100644 --- a/.forgejo/workflows/deploy.yml +++ b/.forgejo/workflows/deploy.yml @@ -32,7 +32,7 @@ jobs: set ftp:ssl-allow no open -u $USERNAME,$PASSWORD $PREPRODUCTION_HOST mirror --reverse --verbose --ignore-time --parallel=10 -x local/ assets assets - mirror --reverse --verbose --ignore-time --parallel=10 -x accounts/ -x cache/ -x sessions/ site site + mirror --reverse --verbose --ignore-time --parallel=10 -x accounts/ -x cache/ -x sessions/ -x header.php site site mirror --reverse --verbose --ignore-time --parallel=10 kirby kirby mirror --reverse --verbose --ignore-time --parallel=10 vendor vendor quit diff --git a/.gitignore b/.gitignore index 22dd854..42cbd09 100644 --- a/.gitignore +++ b/.gitignore @@ -61,4 +61,4 @@ Icon # Local local/ -.claude +/local/* \ No newline at end of file diff --git a/assets/css/base/_body.scss b/assets/css/base/_body.scss index 95b56aa..b15509b 100644 --- a/assets/css/base/_body.scss +++ b/assets/css/base/_body.scss @@ -29,6 +29,9 @@ body{ color: var(--color-txt); background-color: var(--color-bg); + width: 100vw; + overflow-x: hidden; + } img{ @@ -48,7 +51,7 @@ img{ // } } -.swiper-button-next, .swiper-button-prev, + body, #site-header, #site-footer{ transition: background-color 0.3s ease, color 0.3s ease; } @@ -58,57 +61,4 @@ body, #site-header, #site-footer{ grid-gap: var(--padding-inner); grid-template-columns: 2fr 3fr; position: relative; -} - - -@mixin hide-scroll(){ - scrollbar-width: none; - -ms-overflow-style: none; - &::-webkit-scrollbar { - display: none; - } -} - -@mixin clamp($lines) { - display: -webkit-box; - -webkit-line-clamp: $lines; - -webkit-box-orient: vertical; - overflow: hidden; -} - -@mixin hover-card-line(){ - border-bottom: var(--border-light); - &:first-of-type{ - border-top: var(--border-light); - } - position: relative; - &::before{ - content: ''; - width: 100%; - border-top: 1px solid transparent; - position: absolute; - top: -1px; - left: 0; - } - - &:hover{ - background-color: var(--grey-950); - border-color: var(--color-txt); - &::before{ - border-color: var(--color-txt); - } - - } -} - - -body.menu-open, -body.is-hidden{ - overflow-y: hidden; - main, footer, #nav-highlight, .btn--back-to-top{ - transition: opacity .3s ease-in; - opacity: 0.1; - } -} - - +} \ No newline at end of file diff --git a/assets/css/base/_responsive.scss b/assets/css/base/_responsive.scss index 81a0ffc..0017258 100644 --- a/assets/css/base/_responsive.scss +++ b/assets/css/base/_responsive.scss @@ -11,8 +11,3 @@ $paysage: "screen and (max-height: 670px) and (min-width: 1080px)"; @media #{$medium}{ } - - -@media #{$x-small}{ - -} diff --git a/assets/css/base/_var.scss b/assets/css/base/_var.scss index 2d8b00d..675f0e1 100644 --- a/assets/css/base/_var.scss +++ b/assets/css/base/_var.scss @@ -17,10 +17,8 @@ --fs-button-bold: 22px; - --max-w-content: 640px; - --max-w-cards: 940px; - --z-header: 2000; - --panel-w: 310px; + --max-w-content: 700px; + --max-w-container: 1280px; @media #{$small} { --fs-medium: 20px; @@ -28,7 +26,7 @@ } --leading-tight: 1.05; - --leading-normal: 1.3; + --leading-normal: 1.2; // --leading-relaxed: 1.4; // --leading-loose: 1.8; @@ -43,7 +41,6 @@ --grey-400: #969696; --grey-600: #6d6d6d; --grey-800: #383838; - --grey-950: #222222; --color-bg: #161616; --color-txt: #ffffff; @@ -92,23 +89,21 @@ --header-h: 60px; - --padding-body: 16px; } } :root[data-theme="light"] { - --grey-100: #2f2f2f; + --grey-100: #1f1f1f; --grey-200: #2f2f2f; --grey-300: #4a4a4a; --grey-400: #6a6a6a; --grey-600: #9a9a9a; --grey-800: #cfcfcf; - --grey-950: #eaeaea; --color-bg: #efefef; - --color-txt: #161616; + --color-txt: #000000; --color-txt-light: var(--grey-400); --color-accent: #ff00ff; diff --git a/assets/css/components/_btn--don.scss b/assets/css/components/_btn--don.scss new file mode 100644 index 0000000..3c4e2d0 --- /dev/null +++ b/assets/css/components/_btn--don.scss @@ -0,0 +1,60 @@ +#btn--don__mobile { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + + padding-top: calc(var(--spacing) * 0.5); + padding-bottom: calc(var(--spacing) * 1.5); + position: fixed; + bottom: 0px; + left: 0; + z-index: 100; + opacity: 0; + transition: opacity ease-in 0.2s; + + pointer-events: none; + &.is-visible { + pointer-events: all; + opacity: 1; + } + + &.is-sticky { + position: relative; + } + + @media #{$small-up} { + display: none !important; + } +} + +.btn--don { + --vertical-padding: 0.5ch; + height: calc(var(--h-block) + var(--vertical-padding)); + border-radius: calc(var(--h-block) / 1); + padding: var(--vertical-padding) 2ch; + background-color: var(--color-accent); + color: var(--color-bg); + font-family: var(--font); + font-size: var(--fs-medium); + font-weight: var(--fw-bold); + + a { + text-decoration: none; + display: flex; + align-items: center; + gap: 0.5ch; + } + + .icon { + height: 28px; + position: relative; + top: 1px; + } + + svg { + fill: var(--color-bg); + width: 24px; + height: 24px; + } +} diff --git a/assets/css/components/_btn-group-mobile.scss b/assets/css/components/_btn-group-mobile.scss deleted file mode 100644 index b2b9ff7..0000000 --- a/assets/css/components/_btn-group-mobile.scss +++ /dev/null @@ -1,48 +0,0 @@ -.btn--group__mobile{ - z-index: calc(var(--z-header) - 10); - opacity: 0; - transition: opacity .3s ease-in; - - &.is-visible{ - opacity: 1; - - } - - position: fixed; - bottom: 0; - left: 0; - width: 100vw; - height: calc(var(--h-block) * 3); - 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) 75%, - transparent 100%); - - // background-color: yellow; - - display: flex; - align-items: flex-end; - gap: var(--padding-inner); - button, .dropdown{ - flex-grow: 1; - width: 100%; - } - - - - - -} - - -@media #{$small-up}{ - .btn--group__mobile{ - display: none; - opacity: 0!important; - - } -} - diff --git a/assets/css/components/_buttons.scss b/assets/css/components/_buttons.scss index bcefb56..9ae38bb 100644 --- a/assets/css/components/_buttons.scss +++ b/assets/css/components/_buttons.scss @@ -3,12 +3,8 @@ button{ font-family: var(--font); font-size: var(--fons-normal); color: var(--color-txt); - svg{ - fill: var(--color-txt); - } &:hover{ color: var(--grey-100); - svg{ fill: var(--grey-100); } } a{ @@ -34,64 +30,7 @@ button:disabled{ } -.btn--small{ - height: calc(var(--h-block)*0.75); - border: var(--border-light); - border-radius: var(--radius-btn); - font-size: var(--fs-small); - line-height: 1; - overflow: hidden; - white-space: nowrap; - - a{ - display: flex; - align-items: center; - justify-content: center; - gap: 1ch; - width: 100%; - height: 100%; - padding: 0 1ch; - padding-top: 2px; - } - - .icon{ - --size: 10px; - height: var(--size); - width: var(--size); - position: relative; - top: -8px; - svg{ - width: 100%; - fill: var(--color-txt); - } - } - - &.no-link{ - display: flex; - align-items: center; - justify-content: center; - gap: 1ch; - padding: 0 1ch; - padding-top: 2px; - - } - &:hover{ - color: currentColor; - border-color: currentColor; - background-color: var(--grey-950); - - } -} - -.btn--small.is-selected{ - background-color: var(--color-txt); - border-color: var(--color-txt); - color: var(--color-bg); - a{ color: var(--color-bg); } - svg{ fill: var(--color-bg); } -} - .btn--bold, .btn--bold-inline{ display: block; @@ -103,17 +42,10 @@ button:disabled{ line-height: 1; overflow: hidden; white-space: nowrap; - svg{ - width: 18px; - height: 18px; - position: relative; - top: -1px; - } a{ display: flex; align-items: center; justify-content: center; - gap: 1ch; width: 100%; height: 100%; padding: 0 2ch; @@ -123,12 +55,10 @@ button:disabled{ display: flex; align-items: center; justify-content: center; - gap: 1ch; padding: 0 2ch; padding-top: 4px; } - } @@ -137,125 +67,112 @@ button:disabled{ .btn--bold{ background-color: var(--color-txt); color: var(--color-bg); - svg{ fill: var(--color-bg); } &:hover{ background-color: var(--color-accent); border-color: var(--color-accent); a{ color: var(--color-bg); } - svg{ fill: var(--color-bg); } } } .btn--bold-inline{ background-color: var(--color-bg); - svg{ fill: var(--color-txt); } - &:hover{ - background-color: var(--grey-950); - color: var(--grey-100); - border-color: var(--grey-100); - a{ - background-color: var(--grey-950); - color: var(--grey-100); - } - svg{ fill: var(--grey-100); } +} + +.btn--bold-inline:hover{ + background-color: var(--grey-800); + color: var(--color-txt); + a{ + background-color: var(--grey-800); + color: var(--color-txt); } +} + + + + + + +// DELETE ? + +.btn__default{ + -} + --size: calc(var(--h-block) - 8px); + font-size: var(--fs-normal); + font-weight: var(--fw-normal); + height: var(--size); + padding-right: 1.5ch; -.btn--toc{ - svg{ - width: 15px; - height: 15px; - top: 0px; - } -} - - -@mixin btn--go-to(){ position: relative; - .btn--go-to{ - position: absolute; - right: var(--padding-inner); - bottom: calc(var(--padding-inner) - 3px); - svg{ - width: 15px; - height: 15px; - fill: var(--color-txt); - } - @media #{$small}{ - svg{ - width: 11px; - height: 11px; - } - } - @media #{$x-small}{ - right: calc(var(--padding-inner)*0.5); - bottom: calc(var(--padding-inner)*0.25); - svg{ - width: 11px; - height: 11px; - } - } - } - &:hover{ - .btn--go-to{ - animation: wiggle-left 0.8s ease-in-out; - } - } - - - -} - - -@keyframes wiggle-left { - 0% { transform: translateX(0); } - 40% { transform: translateX(-10px); } - 80% { transform: translateX(0); } - 100% { transform: translateX(0); } -} - - - -.btn--back-to-top{ display: flex; - border-color: var(--color-txt); - width: fit-content; - margin: var(--spacing) auto; - @media #{$small}{ - margin-bottom: calc(var(--spacing)*2); - } + align-items: center; + gap: 0ch; + // padding-right: 0.5ch; + color: var(--color-accent); + font-weight: var(--fw-medium); + text-decoration: none; + + cursor: pointer; + + + .icon, .txt{ z-index: 10; } .icon{ - width: 12px; - height: 12px; - transform: rotate(-90deg); - transform-origin: center; - position: relative; - top: -1px; + width: var(--size); + height: var(--size); + display: flex; + align-items: center; + justify-content: center; + color: var(--color-bg); + text-align: center; + svg{ - width: 12px; - height: 12px; + fill: var(--color-bg); + width: 80%; } } + .txt{ + font-family: var(--font-title); + color: var(--color-accent); + font-size: var(--fs-normal); + font-weight: var(--fw-bold); + padding-left: 1ch; + } + + &::after{ + content: ''; + display: block; + background-color: var(--color-accent); + border-radius: calc(var(--size)/2); + width: var(--size); + height: var(--size); + position: absolute; + left: 0; + z-index: 0; + transition: width .2s + } + &:hover{ - background-color: var(--grey-950); - color: var(--grey-100); - border-color: var(--grey-100); - a{ - background-color: var(--grey-950); - color: var(--grey-100); + // + .txt{ + color: var(--color-bg); + display: block; + } + &::after{ + width: 100%; } - svg{ fill: var(--grey-100); } } + + + + + + } - - - diff --git a/assets/css/components/_card-article-small.scss b/assets/css/components/_card-article-small.scss index a345fab..ee37d96 100644 --- a/assets/css/components/_card-article-small.scss +++ b/assets/css/components/_card-article-small.scss @@ -3,56 +3,22 @@ .card--article-small{ @include grid-content(); - - padding-top: calc(var(--spacing)*0.5); - padding-bottom: calc(var(--spacing)*0.5); - - border-bottom: var(--border-light); - &:first-of-type{ - border-top: var(--border-light); - } - &.has-link { - @include hover-card-line(); - } - - - // &:first-of-type{ - // padding-top: calc(var(--spacing)*0.5); - // border-top: var(--border-light); - // } + margin-bottom: var(--spacing); + @include figure-16-9(); - - figure{ - margin-left: 45px; - @media #{$x-small}{ margin-left: 0px; } - } - - .icon-article{ - position: absolute; - left: 10px; - padding-top: calc(var(--spacing)*0.5); - - svg{ - width: 20px; - fill: var(--color-txt); - } - } .content{ display: flex; flex-direction: column; padding-top: calc(var(--spacing)*0.25); - padding-right: calc(var(--padding-inner)*3); + } .title{ font-weight: normal; font-size: var(--fs-medium); margin-bottom: 0.25em; - text-wrap: balance; - max-width: 42ch; - text-transform: uppercase; a{ text-decoration: none;} } @@ -61,18 +27,15 @@ flex-grow: 1; color: var(--color-txt-light); } - - .description{ - @include clamp(2); - margin-bottom: calc(var(--spacing)*0.75); - + .keywords{ + margin-top: 1.5em; + padding-bottom: calc(var(--spacing)*0.25); + color: var(--color-txt-light); } - - - @include btn--go-to(); - @include hover-card-line(); - + &:hover{ + .title{ text-decoration: underline;} + } @media #{$medium}{ .title{ @@ -82,17 +45,6 @@ } @media #{$x-small}{ - - // figure{ - // aspect-ratio: inherit; - // width: 100%; - // height: 100%; - // } - - .icon-article{ display: none; } - .description{ - display: none; - } .content{ padding: 0; } @@ -103,24 +55,12 @@ font-size: var(--fs-small); margin-top: 0.25em; } - - .keywords { - display: block; - line-height: 1.1; - margin-top: calc(var(--spacing)*0.5); - padding-right: calc(var(--padding-inner)*1); - li, a{ - display: inline; - border: none; - padding: 0px; - color: var(--color-txt-light); - } - + .keywords{ + margin-top: 0.5em; + padding-bottom: 0; } - } - } \ No newline at end of file diff --git a/assets/css/components/_card-article.scss b/assets/css/components/_card-article.scss index b0a46d1..9b6bbbf 100644 --- a/assets/css/components/_card-article.scss +++ b/assets/css/components/_card-article.scss @@ -4,37 +4,14 @@ display: flex; flex-direction: column; - padding: var(--padding-inner); @include figure-16-9(); .content{ - // padding: var(--padding-inner); + padding: var(--padding-inner); display: flex; flex-direction: column; - } - .pin{ - position: absolute; - top: calc(var(--padding-inner)*1.5); - left: calc(var(--padding-inner)*1.5); - z-index: 10; - width: 24px; - height: 24px; - border-radius: var(--radius-small); - background-color: rgba(255, 255, 255, 0.27); - display: flex; - align-items: center; - justify-content: center; - svg{ - width: 16px; - fill: var(--color-txt); - } - } - - .time-alone{ - display: none; - margin-top: calc(var(--spacing)*0.25); - margin-bottom: calc(var(--spacing)*0.75); + flex-grow: 2; } .title{ @@ -42,14 +19,14 @@ font-size: var(--fs-medium); font-weight: normal; text-transform: uppercase; - text-wrap: balance; - // flex-grow: 2; + flex-grow: 2; a{ text-decoration: none;} } .description{ - margin-top: calc(var(--spacing)*0.5); + margin-top: calc(var(--spacing)*1); + font-size: var(--fs-small); display: -webkit-box; -webkit-line-clamp: 3; @@ -59,8 +36,7 @@ .dl{ margin-top: calc(var(--spacing)*0.5); - // font-size: var(--fs-small); - border-bottom: var(--border-light); + .dl__group{ @include grid-content(); border-top: var(--border-light); @@ -72,37 +48,24 @@ padding-right: 1ch; } - ul{ + ul:not(.keywords){ list-style: none; - li{ padding-bottom: 0.2em; } + li{ + padding-bottom: 0.2em; + } + } - } - - - .keywords-wrapper{ - z-index: 3000; - margin-top: calc(var(--spacing)*0.5); - // margin-bottom: calc(var(--spacing)*0.5); - } - - .keywords{ - - grid-column: 2; + .dl__group__keywords{ + padding-bottom: 0; + } } &:hover{ border-color: var(--color-txt); - background-color: var(--grey-950); } - .link-block{ - z-index: 2000; - } - - - } \ No newline at end of file diff --git a/assets/css/components/_card-folder.scss b/assets/css/components/_card-folder.scss deleted file mode 100644 index 38a8c3d..0000000 --- a/assets/css/components/_card-folder.scss +++ /dev/null @@ -1,153 +0,0 @@ -.card--folder{ - position: relative; - max-width: var(--max-w-cards); - border: var(--border-light); - padding: var(--padding-inner); - @include grid-content(); - @include figure-16-9(); - - - container-type: inline-size; - container-name: cardfolder; - - .content{ - display: flex; - flex-direction: column; - } - - - .title{ - flex-grow: 1; - font-weight: normal; - font-size: var(--fs-medium); - margin-bottom: 0.25em; - text-wrap: balance; - max-width: 42ch; - text-transform: uppercase; - padding-top: calc(var(--spacing)*0.25); - a{ text-decoration: none;} - - @media #{$small}{ - font-size: var(--fs-normal); - } - - .icon{ - padding-right: 1ch; - svg{ - height: 15px; - width: 15px; - fill: var(--color-txt); - } - } - - } - - .short{ - @include clamp(3); - } - - ul{ - display: flex; - list-style: none; - gap: 1ch; - color: var(--color-txt-light); - padding-top: calc(var(--spacing)*0.5); - - li + li{ - &::before{ - content: "|"; - padding-right: 1ch; - } - } - @media #{$small}{ - font-size: var(--fs-small); - } - } - - .btn--go-to{ - position: absolute; - right: calc(var(--padding-inner)*1); - bottom: var(--padding-inner); - } - - @include btn--go-to(); - - &:hover{ - background-color: var(--grey-950); - border-color: var(--color-txt); - } - - - -} - - - -[data-template="investigation-summary"] .card--folder{ - - border: none; - padding-left: 0; - padding-right: 0; - border-bottom: var(--border-light); - &:first-of-type{ - border-top: var(--border-light); - } - &.has-link { - @include hover-card-line(); - } - - figure{ - margin-left: 45px; - @media #{$x-small}{ margin-left: 0px; } - - } - - .title .icon{ - display: none; - } - - .icon-folder{ - position: absolute; - left: 10px; - padding-top: calc(var(--spacing)*0.5); - - - @media #{$x-small}{ display: none; } - - svg{ - width: 20px; - fill: var(--color-txt); - } - } - - -} - - - - - - -@container cardfolder (width < 680px) { - figure{ - aspect-ratio: inherit; - width: 100%; - height: 100%; - } - .short{ - margin-top: calc(var(--spacing)*0.5); - } -} - -@container cardfolder (width < 520px) { - figure{ - aspect-ratio: inherit; - width: 100%; - height: 100%; - } - .short, ul{ - font-size: var(--fs-small); - - } - -} \ No newline at end of file diff --git a/assets/css/components/_card-impact-small.scss b/assets/css/components/_card-impact-small.scss deleted file mode 100644 index 848351b..0000000 --- a/assets/css/components/_card-impact-small.scss +++ /dev/null @@ -1,111 +0,0 @@ -.card--impact-small { - - border-bottom: var(--border-light); - &:first-of-type{ - border-top: var(--border-light); - } - - - @include grid-content(); - padding: var(--padding-inner) 0; - - &.has-link { - @include hover-card-line(); - } - - @include btn--go-to(); - - .btn--go-to { - top: calc(var(--padding-inner)*1); - bottom: auto; - } - - .content { - grid-column: 2; - } - - .card--open-graph { - grid-column: 2; - z-index: 10; - } - - .keywords { - grid-column: 2; - z-index: 10; - - @media #{$x-small} { - display: block; - line-height: 1.1; - li, a{ - display: inline; - border: none; - padding: 0px; - color: var(--color-txt-light); - } - } - - } - - &:not([data-impact-type="media"]) .content, - .keywords { - @media #{$x-small} { - grid-column: span 2; - } - } - - .tag { - width: auto; - justify-self: start; - position: relative; - top: -5px; - } - - &:not([data-impact-type="media"]) { - .content { - padding-right: calc(var(--padding-inner)*2.5); - @media #{$x-small} { - padding-right: 0; - } - } - - } - - - .open-graph__details { - grid-column: 2; - @include details-summary(); - - summary { - color: var(--color-txt-light); - - .arrow-details svg { - fill: var(--color-txt-light); - } - } - - @media #{$x-small} { - summary { - @include grid-content(); - grid-row-gap: 0; - - .summary-inner { - grid-column: 2; - } - } - - grid-column: 1/3; - } - } - - - .open-graph__inner { - margin-top: calc(var(--spacing)*0.5); - .card--open-graph { - margin-bottom: calc(var(--spacing)*0.5); - } - - } - -} - - diff --git a/assets/css/components/_card-impact.scss b/assets/css/components/_card-impact.scss index e4a94c4..90ba5d1 100644 --- a/assets/css/components/_card-impact.scss +++ b/assets/css/components/_card-impact.scss @@ -1,264 +1,77 @@ -.card--impact { +.card--impact{ + @include grid-content(); + padding: calc(var(--spacing)*0.5) 0; + border-bottom: var(--border-light); + &:first-of-type{ + border-top: var(--border-light); + } - container-type: inline-size; - container-name: impact; - border: var(--border-light); - margin-bottom: calc(var(--spacing)*1); + .content{ + grid-column: 2; + } + &:not([data-impact-type="media"]) .content{ + @media #{$x-small}{ grid-column: span 2; } + } - &.has-link { - @include hover-card-line(); + .tag{ + + width: auto; + justify-self: start; + position: relative; + top: -5px; + + } + + .content{ + .see-more{ + color: var(--color-txt-light); + text-decoration: none; + white-space: nowrap; + &::after{ + content: ' +' + } + } } - .card--impact__inner { - @include grid-content(); - padding: calc(var(--padding-inner)*1.5) var(--padding-inner); + .open-graph__details{ + grid-column: span 2; + @include details-summary(); + summary{ + color: var(--color-txt-light); + .arrow-details svg{ fill: var(--color-txt-light);} + } + } + // @media #{$x-small-up}{ + + .open-graph__details{ + summary{ + @include grid-content(); + .summary-inner{ + grid-column: 2; + + } + } + + } + .open-graph__inner{ + margin-top: calc(var(--spacing)*0.5); + margin-bottom: calc(var(--spacing)*1); + @media #{$small-up}{ + margin-bottom: calc(var(--spacing)*2); + } + .card--open-graph{ + margin-bottom: calc(var(--spacing)*0.5); + } + + } + - // border-bottom: var(--border-light); - // padding: calc(var(--spacing)*0.5) 0; - // &:first-of-type{ - // border-top: var(--border-light); // } + - - - - - @include btn--go-to(); - - .btn--go-to { - top: calc(var(--padding-inner)*1); - bottom: auto; - } - - - - .content { - grid-column: 2; - } - - .card--open-graph { - grid-row: 1/3; - grid-column: 2; - z-index: 10; - } - - .keywords-wrapper { - grid-column: 1; - grid-row: 2/4; - align-self: end; - z-index: 10; - } - - &:not([data-impact-type="media"]) .content { - @media #{$x-small} { - grid-column: span 2; - } - } - - .tag { - - width: auto; - justify-self: start; - position: relative; - top: -5px; - - } - - &:not([data-impact-type="media"]) { - .content { - padding-right: calc(var(--padding-inner)*2.5); - } - - } - - - - - .investigations { - z-index: 10; - grid-column: 2; - list-style: none; - font-size: var(--fs-small); - - - a { - text-decoration: none; - color: var(--color-txt-light); - - } - - .icon { - position: relative; - top: 2px; - - svg { - width: 14px; - height: 14px; - fill: var(--color-txt-light); - } - } - - li:hover { - a { - color: var(--color-txt); - } - - .icon svg { - fill: var(--color-txt); - } - } - - } - - - - - - - - - .open-graph__details { - grid-column: 2; - @include details-summary(); - - summary { - color: var(--color-txt-light); - - .arrow-details svg { - fill: var(--color-txt-light); - } - } - - @media #{$x-small} { - summary { - @include grid-content(); - grid-row-gap: 0; - - .summary-inner { - grid-column: 2; - } - } - - grid-column: 1/3; - } - } - - - - - .open-graph__inner { - margin-top: calc(var(--spacing)*0.5); - // margin-bottom: calc(var(--spacing)*1); - - .card--open-graph { - margin-bottom: calc(var(--spacing)*0.5); - } - - } - } -} - - - -@container impact (width < 460px) { - .card--impact__inner{ - display: block!important; - padding-top: var(--padding-inner)!important; - padding-bottom: calc(var(--padding-inner)*0.75)!important; - - - .tag, .date{ - display: inline-flex; - margin-right: 2ch; - top: 0px!important; - } - - .content{ - margin-top: calc(var(--spacing)*0.75); - margin-bottom: calc(var(--spacing)*0.25); - padding-right: 0!important; - } - - .card--open-graph{ - margin-top: calc(var(--spacing)*0.75); - margin-bottom: calc(var(--spacing)*0.25); - } - - .investigations{ - margin-top: calc(var(--spacing)*0.25); - margin-bottom: calc(var(--spacing)*0.25); - } - - .keywords-wrapper { - margin-top: calc(var(--spacing)*1); - - } - .date, - .content, - details { - font-size: 14px !important; - } - - .btn--go-to { - top: calc(var(--padding-inner)*1.25)!important; - bottom: auto; - right: calc(var(--padding-inner)*1.25)!important; - } -} -} - - -@media #{$x-small}{ - .card--impact__inner{ - display: block!important; - padding-top: var(--padding-inner)!important; - padding-bottom: calc(var(--padding-inner)*0.75)!important; - - - .tag, .date{ - display: inline-flex; - margin-right: 2ch; - top: 0px!important; - } - - .content{ - margin-top: calc(var(--spacing)*0.75); - margin-bottom: calc(var(--spacing)*0.25); - padding-right: 0!important; - } - - .card--open-graph{ - margin-top: calc(var(--spacing)*0.75); - margin-bottom: calc(var(--spacing)*0.25); - } - - .investigations{ - margin-top: calc(var(--spacing)*0.25); - margin-bottom: calc(var(--spacing)*0.25); - } - - .keywords-wrapper { - margin-top: calc(var(--spacing)*1); - - } - .date, - .content, - details { - font-size: 14px !important; - } - - .btn--go-to { - top: calc(var(--padding-inner)*1.25)!important; - bottom: auto; - right: calc(var(--padding-inner)*1.25)!important; - } -} -} - - - +} \ No newline at end of file diff --git a/assets/css/components/_card-open-graph.scss b/assets/css/components/_card-open-graph.scss index 1dca834..2b028b3 100644 --- a/assets/css/components/_card-open-graph.scss +++ b/assets/css/components/_card-open-graph.scss @@ -1,26 +1,19 @@ .card--open-graph{ @include grid-content(); - - // border: var(--border-light); - border: 1px solid var(--grey-600); + + border: var(--border-light); border-radius: var(--radius-small); position: relative; figure{ grid-column: 1; grid-row: 1; - width: 100%; - height: 100%; - img{ - width: 100%; - height: 100%; - object-fit: cover; - } + } - // @include figure-16-9(); + @include figure-16-9(); @media #{$x-small}{ @@ -40,14 +33,11 @@ .site-name{ color: var(--color-txt-light); font-size: var(--fs-small); - margin-bottom: 3px; } .title{ font-size: var(--fs-normal); font-weight: normal; - line-height: 1.1; - padding-top: 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; @@ -67,26 +57,7 @@ } &:hover{ - border-color: var(--color-txt); - background-color: var(--grey-950); - } -} + .title{ text-decoration: underline;} - -.open-graph__inner{ - - container-type: inline-size; - container-name: opengraph; -} -@container opengraph (width < 500px) { - .card--open-graph{ - - .content{ - padding: calc(var(--padding-inner)*0.5); - } - - figure{ - aspect-ratio: inherit; - } } } \ No newline at end of file diff --git a/assets/css/components/_details-summary.scss b/assets/css/components/_details-summary.scss index e73d365..f556811 100644 --- a/assets/css/components/_details-summary.scss +++ b/assets/css/components/_details-summary.scss @@ -31,13 +31,6 @@ } - summary:hover{ - color: var(--color-txt); - .arrow-details svg{ - fill: var(--color-txt); - } - } - &[open]{ .arrow-details svg{ transform: rotate(90deg); diff --git a/assets/css/components/_dropdown.scss b/assets/css/components/_dropdown.scss deleted file mode 100644 index 0c813c8..0000000 --- a/assets/css/components/_dropdown.scss +++ /dev/null @@ -1,170 +0,0 @@ -.dropdown { - position: relative; - display: inline-block; - - &__trigger { - cursor: pointer; - } - - &__content { - position: absolute; - top: 100%; - left: 0; - min-width: 180px; - margin-top: var(--padding-inner); - background-color: var(--color-bg); - border: var(--border); - border-radius: var(--radius-btn); - opacity: 0; - visibility: hidden; - transform: translateY(-4px); - transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; - z-index: 100; - - &::before{ - content: "◀"; - transform: rotate(90deg); - font-size: 14px; - position: absolute; - top: -13px; - left: 16px; - } - ul { - list-style: none; - margin: 0; - padding: var(--padding-inner); - } - - a, button { - display: block; - width: 100%; - padding: 0.75em 1ch; - font-size: var(--fs-small); - text-align: left; - text-decoration: none; - color: var(--color-txt); - background: none; - border: none; - cursor: pointer; - - &:hover { - background-color: var(--grey-800); - } - } - } - - // Positionnement par défaut : sous le bouton, aligné à gauche - // Variante : aligné à droite - &--align-right .dropdown__content { - left: auto; - right: 0; - &::before{ - left: auto; - right: 16px; - - } - } - - &.is-open { - .dropdown__content { - opacity: 1; - visibility: visible; - transform: translateY(0); - } - } - - // PANEL  - &--position-mobile .dropdown__content { - top: auto; - bottom: calc(var(--h-block) + var(--padding-inner)*2); - left: auto; - right: 0; - margin-top: 0; - margin-left: 4px; - - &::before{ - font-family: Arial; - content: "◀"; - transform: rotate(-90deg); - font-size: 14px; - position: absolute; - top: auto; - bottom: -13px; - left: auto; - right: 10%; - } - } - - - - &--position-mobile.is-open { - .dropdown__content { - transform: translateX(0); - } - } - - - - - @media #{$small-up}{ - &--position-panel .dropdown__content { - top: auto; - bottom: 0; - left: calc(100% + var(--padding-inner)); - margin-top: 0; - margin-left: 4px; - - &::before{ - font-family: Arial; - content: "◀"; - transform: rotate(0deg); - font-size: 14px; - position: absolute; - top: auto; - bottom: 4px; - left: -11px; - } - } - - - - &--position-panel.is-open { - .dropdown__content { - transform: translateX(0); - } - } - - } - - - @media #{$x-small}{ - - .dropdown__content{ - width: calc(100vw - var(--padding-body)*2); - .modal--share{ - width: 100%; - } - } - - - } - -} - - - -@media screen and (max-width: 1280px){ - - [data-template="investigations"]{ - .dropdown .dropdown__content { - left: auto; - right: 0; - &::before{ - left: auto; - right: 16px; - - } - } - } - -} diff --git a/assets/css/components/_figures.scss b/assets/css/components/_figures.scss index 6548038..8be72a8 100644 --- a/assets/css/components/_figures.scss +++ b/assets/css/components/_figures.scss @@ -12,23 +12,6 @@ } } -} - - - -@mixin figure-16-9-hover{ - figure{ - aspect-ratio: 16/9; - display: flex; - overflow: hidden; - img{ - width: 100%; - height: 100%; - object-fit: cover; - transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; - - } - } &:hover{ figure img{ transform: scale(1.05); } } diff --git a/assets/css/components/_hero.scss b/assets/css/components/_hero.scss deleted file mode 100644 index 22269ce..0000000 --- a/assets/css/components/_hero.scss +++ /dev/null @@ -1,143 +0,0 @@ - #hero{ - width: 100%; - position: relative; - left: 0; - - - - // @media #{$small}{ - // width: 100vw; - // left: calc(var(--padding-body)*-1); - // } - - figcaption{ - color: var(--color-txt-light); - font-size: var(--fs-small); - @media #{$x-small}{ font-size: var(--fs-xsmall); } - padding: calc(var(--spacing)*0.5) var(--padding-body); - padding-bottom: 0; - - - } - - figure{ - width: 100%; - position: relative; - img{ - width: 100%; - aspect-ratio: 2/1; - object-fit: cover; - } - } - - .swiper-slide{ - position: relative; - } - - .swiper-button-prev, .swiper-button-next{ - --swiper-navigation-sides-offset: 32px; - --swiper-navigation-size: 32px; - - @media #{$x-small}{ - --swiper-navigation-sides-offset: 15px; - --swiper-navigation-size: 15px; - } - opacity: 0.8; - - // Position buttons relative to the image (16/9 aspect ratio) - // Calculate: 50% of image height = 50% * (9/16) of width - // Image is 100vw wide, so center at: (100vw * 9/16) / 2 - top: calc(100vw * 9 / 2 - var(--swiper-navigation-size)*0.5); - margin-top: 0; - - svg{ color: white; } - } - - .swiper-pagination{ - position: static; - margin-top: calc(var(--spacing)*0.5); - padding: 0 var(--padding-body); - text-align: center; - - .swiper-pagination-bullet{ - width: 15px; - height: 4px; - border-radius: 2px; - background: var(--color-txt-light); - // opacity: 0.4; - } - - .swiper-pagination-bullet-active{ - background: var(--color-txt); - opacity: 0.8; - } - } - - - .player-container{ - width: 100%; - position: relative; - aspect-ratio: 2/1; - - .extract, video{ - width: 100%; - height: 100%; - object-fit: cover; - position: relative; - } - - - - .video-full{ - width: 100%; - height: 100%; - iframe{ - width: 100%; - height: 100%; - } - display: none; - } - - #hero-play-video{ - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - text-transform: uppercase; - display: flex; - align-items: center; - justify-content: center; - - - .btn--bold{ - display: flex; - align-items: center; - justify-content: center; - gap: 1ch; - padding: 0 1ch; - opacity: 0.8; - &:hover{ - opacity: 1; - } - } - - .text{ - color: black; - line-height: 1; - padding-top: 4px; - } - - svg{ - width: 18px; - height: 18px; - fill: black; - opacity: 0.8; - // opacity: 0.7; - } - } - - } - - - } \ No newline at end of file diff --git a/assets/css/components/_keywords.scss b/assets/css/components/_keywords.scss index 8eeeead..d7dbe5d 100644 --- a/assets/css/components/_keywords.scss +++ b/assets/css/components/_keywords.scss @@ -1,50 +1,14 @@ .keywords{ list-style: none; - display: flex; - flex-wrap: wrap; - gap: 0.75ch; - - a{ - display: inline-flex; - align-items: center; - justify-content: center; - height: calc(var(--h-block)*0.75); - padding: 0 1ch; - padding-top: 2px; - border: var(--border-light); - border-radius: var(--radius-btn); - font-size: var(--fs-small); - line-height: 1; - white-space: nowrap; - text-decoration: none; - &::before{ - content: "#"; - padding-right: 0.25ch; - } - &:hover{ - border-color: currentColor; - background-color: var(--grey-800); - } - - } -} - - -.keywords--small{ - list-style: none; - li{ - display: inline; - } - - a{ - text-decoration: none; - &::before{ - content: "#"; - padding-right: 0.25ch; - } - &::after{ - content: "\00a0"; + display: inline-block; + padding-right: 0.75ch; + a{ + text-decoration: none; + &::before{ + content: "#"; + padding-right: 0.25ch; } + } } } \ No newline at end of file diff --git a/assets/css/components/_list-socials.scss b/assets/css/components/_list-socials.scss index 3437a3f..6716e48 100644 --- a/assets/css/components/_list-socials.scss +++ b/assets/css/components/_list-socials.scss @@ -11,16 +11,16 @@ } .icon{ - width: 20px; - height: 20px; + width: 24px; + height: 24px; position: relative; top: -2px; } svg{ display: flex; align-items: center; - width: 20px; - height: 20px; + width: 24px; + height: 24px; } diff --git a/assets/css/components/_modal-share.scss b/assets/css/components/_modal-share.scss index 686a588..c6375c5 100644 --- a/assets/css/components/_modal-share.scss +++ b/assets/css/components/_modal-share.scss @@ -1,27 +1,34 @@ .modal--share{ - width: 240px; - padding-bottom: var(--padding-inner); + border: var(--border); + border-radius: var(--radius-btn); background-color: var(--color-bg); + padding: var(--padding-inner); + padding-top: calc( var(--padding-inner)*0.5); + padding-bottom: calc( var(--padding-inner)*1.5); + + .modal-title{ + display: none; + } + .socials{ display: block; list-style: none; li{ - font-size: var(--fs-normal); - border-bottom: var(--border-light); - &:first-of-type{ - border-top: var(--border-light); - } - - a{ + font-size: var(--fs-normal); + padding-bottom: 6px; + border-bottom: var(--border-light); + padding-top: 6px; + + a{ display: flex; align-items: center; - gap: 2ch; + gap: 1ch; text-decoration: none; } .icon { - width: 16px; - height: 16px; + width: 20px; + height: 20px; svg{ width: 100%; height: 100%; @@ -31,20 +38,27 @@ position: relative; top: 2px; } + &:hover{ + color: var(--color-accent); + + .icon svg, + .icon svg path, + .icon svg rect{ + fill: var(--color-accent)!important; + } + } } - - + + } .copy-link{ display: flex; gap: 0.5ch; - padding: 0 var(--padding-inner); - height: var(--h-block); - width: 100%; + margin-top: calc(var(--spacing)*0.75); .copy-link__field{ flex-grow: 1; @@ -85,63 +99,24 @@ &:focus{ border-color: var(--color-txt); outline: none; - } - &.is-copied{ - color: var(--color-accent)!important; + } } - .copy-link__btn{ + button{ background-color: var(--color-txt); color: var(--color-bg); border-radius: var(--radius-btn); padding: 0 1ch; font-size: var(--fs-small); padding-top: 2px; - white-space: nowrap; - text-align: center; - - width: 8ch!important; - - &::after{ - content: "\00a0"; - } - &:hover{ background-color: var(--color-accent); - } - - } - + } + } } } - - -// SHARE ACTIONS -------------------------------------------------- -// ---------------------------------------------------------------- - -#share-banner__content, -#share-banner__aside, -#share-banner__desktop{ - display: none; -} -#share-banner__content ~ .modal--share, -#share-banner__aside ~ .modal--share, -#share-banner__desktop ~ .modal--share{ - opacity: 0; - pointer-events: none; - transition: opacity .2s ease-in; -} - -#share-banner__content:checked ~ .modal--share, -#share-banner__aside:checked ~ .modal--share, -#share-banner__desktop:checked ~ .modal--share{ - opacity: 1; - pointer-events: auto; -} - - diff --git a/assets/css/components/_search-form.scss b/assets/css/components/_search-form.scss deleted file mode 100644 index ac80a15..0000000 --- a/assets/css/components/_search-form.scss +++ /dev/null @@ -1,40 +0,0 @@ - .search-form{ - --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; - } - } - } \ No newline at end of file diff --git a/assets/css/components/_slider-before-after.scss b/assets/css/components/_slider-before-after.scss deleted file mode 100644 index 149bb34..0000000 --- a/assets/css/components/_slider-before-after.scss +++ /dev/null @@ -1,86 +0,0 @@ - -.slider-before-after{ - - width: 100%; - - max-width: 700px; - z-index: 300; - display: grid; - place-content: center; - position: relative; - overflow: hidden; - --position: 50%; - - img { - display: block; - max-width: 100%; - } - - - .image-container { - position: relative; - width: 100%; - // max-width: 800px; - // max-height: 90vh; - // aspect-ratio: 1/1; - } - - - - .slider-image { - width: 100%; - height: 100%; - object-fit: cover; - object-position: left; - } - - .image-before { - position: absolute; - inset: 0; - width: var(--position); - } - - .slider { - position: absolute; - inset: 0; - cursor: pointer; - opacity: 0; - /* for Firefox */ - width: 100%; - height: 100%; - } - - .slider:focus-visible ~ .slider-button { - outline: 5px solid black; - outline-offset: 3px; - } - - .slider-line { - position: absolute; - inset: 0; - width: .2rem; - height: 100%; - background-color: #fff; - /* z-index: 10; */ - left: var(--position); - transform: translateX(-50%); - pointer-events: none; - } - - .slider-button { - position: absolute; - background-color: #fff; - color: black; - padding: .5rem; - border-radius: 100vw; - display: grid; - place-items: center; - top: 50%; - left: var(--position); - transform: translate(-50%, -50%); - pointer-events: none; - /* z-index: 100; */ - box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5); - } - -} \ No newline at end of file diff --git a/assets/css/components/_sort.scss b/assets/css/components/_sort.scss deleted file mode 100644 index 8d75927..0000000 --- a/assets/css/components/_sort.scss +++ /dev/null @@ -1,42 +0,0 @@ -button.sort{ - .arrow{ - line-height: 0; - --size: 12px; - height: var(--size); - width: var(--size); - display: inline-flex; - align-items: center; - justify-content: center; - position: relative; - top: -2px; - transform: rotate(90deg); - transition: transform 0.2s ease-in; - svg{ - width: 100%; - fill: var(--color-txt); - } - - } - - - - &[data-sort-type="up"]{ - .arrow{ - transform: rotate(-90deg); - } - } - -} - - -.page__sort { - margin-bottom: calc(var(--spacing) * 1); - display: flex; - justify-content: right; - grid-gap: var(--padding-inner); - width: 100%; - max-width: var(--max-w-cards); - margin-inline: auto; - // z-index: calc(var(--z-header) - 100); - -} \ No newline at end of file diff --git a/assets/css/components/_swiper.scss b/assets/css/components/_swiper.scss deleted file mode 100644 index d5e709d..0000000 --- a/assets/css/components/_swiper.scss +++ /dev/null @@ -1,77 +0,0 @@ -.swiper { - - - --slide-padding: 30px; - - - .swiper-button-prev, - .swiper-button-next { - --swiper-navigation-size: 32px; - color: var(--color-txt); - background-color: var(--color-bg); - height: 100%; - width: var(--slide-padding); - top: 0px!important; - height: calc(100% - var(--spacing)*1); - // background-color: red; - - svg { - width: 14px; - } - - &.swiper-button-disabled { - opacity: 1; - - svg { - opacity: 0.05; - } - } - } - - .swiper-button-prev { - left: 0px!important; - top: 0px; - justify-content: flex-start; - } - - .swiper-button-next { - right: 0px!important; - top: 0px; - justify-content: flex-end; - - } - - .swiper-slide { - padding-left: var(--slide-padding); - padding-right: var(--slide-padding); - } - - .swiper-pagination { - position: relative; - margin-top: 0px!important; - margin-top: calc(var(--spacing)*0.5)!important; - - .swiper-pagination-bullet { - width: 15px; - height: 4px; - border-radius: 2px; - background: var(--color-txt-light); - } - - .swiper-pagination-bullet-active { - background: var(--color-txt); - } - } - - @media #{$x-small} { - - .swiper-button-prev, - .swiper-button-next { - display: none; - } - - .swiper-slide { - padding: 0px; - } - } -} \ No newline at end of file diff --git a/assets/css/components/_tags.scss b/assets/css/components/_tags.scss index eb870db..0f12648 100644 --- a/assets/css/components/_tags.scss +++ b/assets/css/components/_tags.scss @@ -1,9 +1,8 @@ .tag{ height: calc(var(--h-block)*0.75); - // border-radius: calc(var(--h-block)*0.75/2); - border-radius: var(--radius-small); + border-radius: calc(var(--h-block)*0.75/2); - display: inline-flex; + display: flex; align-items: center; justify-content: center; padding: 0 1.5ch; @@ -18,7 +17,5 @@ overflow: hidden; white-space: nowrap; -} - - +} \ No newline at end of file diff --git a/assets/css/components/_text.scss b/assets/css/components/_text.scss index e69de29..ed64dad 100644 --- a/assets/css/components/_text.scss +++ b/assets/css/components/_text.scss @@ -0,0 +1,4 @@ +.title-page{ + font-size: var(--fs-medium); + +} \ No newline at end of file diff --git a/assets/css/partials/_container-cards.scss b/assets/css/partials/_container-cards.scss deleted file mode 100644 index c2f8ab4..0000000 --- a/assets/css/partials/_container-cards.scss +++ /dev/null @@ -1,23 +0,0 @@ -.container-cards{ - max-width: var(--max-w-cards); - margin: 0 auto; - display: grid; - grid-gap: calc(var(--spacing)*1); -} - -.container-cards__investigations { - - @media #{$x-small-up} { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); - grid-auto-rows: minmax(100px, auto); - grid-gap: var(--padding-body); - margin-bottom: 10vh; - } - @media #{$x-small} { - margin-bottom: 10vh; - .card--article { - // margin-bottom: calc(var(--spacing) * 1.5); - } - } - } \ No newline at end of file diff --git a/assets/css/partials/_main-layout.scss b/assets/css/partials/_main-layout.scss index 865d6be..a92ae2b 100644 --- a/assets/css/partials/_main-layout.scss +++ b/assets/css/partials/_main-layout.scss @@ -1,8 +1,6 @@ body{ min-height: 100dvh; min-height: 100vh; - width: 100vw; - // overflow-x: hidden; display: flex; flex-direction: column; @@ -11,22 +9,6 @@ body{ main{ flex-grow: 1; padding: 0 var(--padding-body); - padding-top: var(--header-h); - padding-bottom: calc(var(--spacing)*2); - - min-height: 100dvh; - min-height: 100vh; - - .page__header, - .page__content{ - max-width: var(--max-w-cards); - margin-inline: auto; - } } - - - - - } \ No newline at end of file diff --git a/assets/css/partials/_page-header.scss b/assets/css/partials/_page-header.scss deleted file mode 100644 index 7c8e031..0000000 --- a/assets/css/partials/_page-header.scss +++ /dev/null @@ -1,60 +0,0 @@ -.page__type{ - - height: calc(var(--h-block)*0.75); - border-radius: var(--radius-small); - border: var(--border-medium); - - display: inline-flex; - align-items: center; - justify-content: center; - padding: 0 1.5ch; - padding-top: 3px; - - font-size: var(--fs-small); - line-height: 1; - - background-color: var(--color-bg); - color: var(--color-txt-light); - - overflow: hidden; - white-space: nowrap; - text-transform: uppercase; - -} - - - -main .page__header { - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 2); - - @media #{$small} { - margin-top: calc(var(--spacing) * 2); - - } - - .page__title { - max-width: var(--max-w-content); - text-transform: uppercase; - font-weight: normal; - font-size: var(--fs-big); - line-height: var(--leading-tight); - margin-top: calc(var(--spacing) * 1); - margin-bottom: calc(var(--spacing) * 0.5); - text-wrap: balance; - } - - .description { - // max-width: 68ch; - - font-size: var(--fs-medium); - max-width: 58ch; - line-height: 1.1; - } - - .description-medium{ - font-size: var(--fs-medium); - max-width: 58ch; - line-height: 1.1; - } -} diff --git a/assets/css/partials/_site-footer.scss b/assets/css/partials/_site-footer.scss index 56f49e6..aa51927 100644 --- a/assets/css/partials/_site-footer.scss +++ b/assets/css/partials/_site-footer.scss @@ -2,13 +2,7 @@ background-color: var(--dark); padding: calc(var(--padding-body)*2) var(--padding-body); - z-index: 500; - .site-footer__container{ - max-width: var(--max-w-cards); - margin: 0 auto; - padding: 0 var(--padding-body); - } .logo { margin-top: calc(var(--spacing)*0.25); @@ -44,6 +38,7 @@ @media #{$small}{ + margin-top: calc(var(--spacing)*2); .footer__socials{ @@ -72,11 +67,15 @@ .site-footer__container{ display: grid; - grid-template-columns: 3fr 2fr; + grid-template-columns: 1fr 1fr; column-gap: calc(var(--spacing)*2); + + max-width: 1200px; + margin: 0 auto; } .footer__socials .socials{ + max-width: 400px; columns: 2; margin-top: calc(var(--spacing)*1); } diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss index a1deb3e..aa9adae 100644 --- a/assets/css/partials/_site-header.scss +++ b/assets/css/partials/_site-header.scss @@ -1,24 +1,25 @@ +@keyframes add-border { + from { + border-bottom-color: transparent; + } + to { + border-bottom: var(--grey-800); + } +} + #site-header { - z-index: var(--z-header); + z-index: 900; --gap: 3ch; - position: fixed; - top: 0; - left: 0; - width: 100vw; height: var(--header-h); background-color: var(--color-bg); padding: 0 var(--padding-body); - box-shadow: -1px 4px 10px 0px var(--color-bg); - .site-header__inner{ width: 100%; height: 100%; - // border-bottom: 1px solid var(--color-bg); - // transition: border-color ease-in .5s; display: flex; align-items: center; @@ -37,7 +38,6 @@ #site-title { flex-grow: 2; - // opacity: 0; svg{ width: 100px; @media #{$small}{ @@ -46,7 +46,7 @@ } } - .header__title-page{ + .title-page{ display: none; flex-grow: 2; text-align: left; @@ -92,7 +92,6 @@ cursor: pointer; svg{ width: 30px; - fill: var(--color-txt); } .close{ display: none; } @@ -108,11 +107,37 @@ } - #site-header.is-visible{ - // .site-header__inner{ - // border-color: var(--grey-800); - // } + position: fixed; + top: 0; + + .site-header__inner{ + border-bottom: var(--border-light); + + #nav-highlight li:not(.soutenir){ + display: none; + } + #site-title { + @media #{$small-up}{ + flex-grow: 0; + width: calc((100vw - var(--max-w-content))/2 - var(--padding-body)*2); + } + @media #{$medium}{ + width: calc(var(--banner-medium) - var(--padding-body)); + } + } + + .title-page{ + @media #{$small-up}{ + display: block; + } + flex-grow: 2; + } + } + + & ~ main{ + margin-top: var(--header-h); + } } diff --git a/assets/css/partials/_site-menu.scss b/assets/css/partials/_site-menu.scss index 7752337..9e62ee8 100644 --- a/assets/css/partials/_site-menu.scss +++ b/assets/css/partials/_site-menu.scss @@ -6,13 +6,10 @@ top: var(--header-h); right: calc(var(--menu-w)*-1); transition: right .3s ease-in; - @media #{$small}{ - transition: right .4s ease-in; - } background-color: var(--color-bg); border-left: var(--border-light); padding: var(--padding-body); - z-index: calc(var(--z-header) - 1); + z-index: 1000; @media #{$x-small}{ width: 100vw; @@ -23,11 +20,50 @@ flex-direction: column; - .search-form{ + 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{ @@ -53,11 +89,11 @@ } body.menu-open{ - // overflow: hidden; - // main, footer, #nav-highlight{ - // transition: opacity .3s ease-in; - // opacity: 0.1; - // } + overflow: hidden; + main, footer, #nav-highlight{ + transition: opacity .3s ease-in; + opacity: 0.1; + } #site-menu{ right: 0; diff --git a/assets/css/style.css b/assets/css/style.css index 8f4caa7..bb8ac65 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -9,12 +9,10 @@ --fs-big: 30px; --fs-xbig: 38px; --fs-button-bold: 22px; - --max-w-content: 640px; - --max-w-cards: 940px; - --z-header: 2000; - --panel-w: 310px; + --max-w-content: 700px; + --max-w-container: 1280px; --leading-tight: 1.05; - --leading-normal: 1.3; + --leading-normal: 1.2; --fw-normal: 400; --fw-medium: 500; --fw-bold: 600; @@ -24,7 +22,6 @@ --grey-400: #969696; --grey-600: #6d6d6d; --grey-800: #383838; - --grey-950: #222222; --color-bg: #161616; --color-txt: #ffffff; --color-txt-light: var(--grey-400); @@ -64,19 +61,17 @@ --fs-big: 28px; --fs-xbig: 32px; --header-h: 60px; - --padding-body: 16px; } } :root[data-theme=light] { - --grey-100: #2f2f2f; + --grey-100: #1f1f1f; --grey-200: #2f2f2f; --grey-300: #4a4a4a; --grey-400: #6a6a6a; --grey-600: #9a9a9a; --grey-800: #cfcfcf; - --grey-950: #eaeaea; --color-bg: #efefef; - --color-txt: #161616; + --color-txt: #000000; --color-txt-light: var(--grey-400); --color-accent: #ff00ff; --color-accent-50: #ffe9ff; @@ -116,6 +111,8 @@ body { font-size: var(--fs-normal); color: var(--color-txt); background-color: var(--color-bg); + width: 100vw; + overflow-x: hidden; } img { @@ -132,35 +129,25 @@ img { cursor: pointer; } -.swiper-button-next, .swiper-button-prev, body, #site-header, #site-footer { transition: background-color 0.3s ease, color 0.3s ease; } -body.menu-open, -body.is-hidden { - overflow-y: hidden; +@keyframes add-border { + from { + border-bottom-color: transparent; + } + to { + border-bottom: var(--grey-800); + } } -body.menu-open main, body.menu-open footer, body.menu-open #nav-highlight, body.menu-open .btn--back-to-top, -body.is-hidden main, -body.is-hidden footer, -body.is-hidden #nav-highlight, -body.is-hidden .btn--back-to-top { - transition: opacity 0.3s ease-in; - opacity: 0.1; -} - #site-header { - z-index: var(--z-header); + z-index: 900; --gap: 3ch; - position: fixed; - top: 0; - left: 0; width: 100vw; height: var(--header-h); background-color: var(--color-bg); padding: 0 var(--padding-body); - box-shadow: -1px 4px 10px 0px var(--color-bg); } #site-header .site-header__inner { width: 100%; @@ -187,7 +174,7 @@ body.is-hidden .btn--back-to-top { width: 80px; } } -#site-header .header__title-page { +#site-header .title-page { display: none; flex-grow: 2; text-align: left; @@ -229,7 +216,6 @@ body.is-hidden .btn--back-to-top { } #site-header #menu-toggle svg { width: 30px; - fill: var(--color-txt); } #site-header #menu-toggle .close { display: none; @@ -238,6 +224,39 @@ body.is-hidden .btn--back-to-top { fill: var(--grey-200) !important; } +#site-header.is-visible { + position: fixed; + top: 0; +} +#site-header.is-visible .site-header__inner { + border-bottom: var(--border-light); +} +#site-header.is-visible .site-header__inner #nav-highlight li:not(.soutenir) { + display: none; +} +@media screen and (min-width: 768px) { + #site-header.is-visible .site-header__inner #site-title { + flex-grow: 0; + width: calc((100vw - var(--max-w-content)) / 2 - var(--padding-body) * 2); + } +} +@media screen and (max-width: 1080px) { + #site-header.is-visible .site-header__inner #site-title { + width: calc(var(--banner-medium) - var(--padding-body)); + } +} +#site-header.is-visible .site-header__inner .title-page { + flex-grow: 2; +} +@media screen and (min-width: 768px) { + #site-header.is-visible .site-header__inner .title-page { + display: block; + } +} +#site-header.is-visible ~ main { + margin-top: var(--header-h); +} + @media screen and (max-width: 1080px) { #nav-highlight { display: none; @@ -249,15 +268,9 @@ button { font-size: var(--fons-normal); color: var(--color-txt); } -button svg { - fill: var(--color-txt); -} button:hover { color: var(--grey-100); } -button:hover svg { - fill: var(--grey-100); -} button a { text-decoration: none; width: 100%; @@ -276,62 +289,6 @@ button:disabled { text-decoration: underline !important; } -.btn--small { - height: calc(var(--h-block) * 0.75); - border: var(--border-light); - border-radius: var(--radius-btn); - font-size: var(--fs-small); - line-height: 1; - overflow: hidden; - white-space: nowrap; -} -.btn--small a { - display: flex; - align-items: center; - justify-content: center; - gap: 1ch; - width: 100%; - height: 100%; - padding: 0 1ch; - padding-top: 2px; -} -.btn--small .icon { - --size: 10px; - height: var(--size); - width: var(--size); - position: relative; - top: -8px; -} -.btn--small .icon svg { - width: 100%; - fill: var(--color-txt); -} -.btn--small.no-link { - display: flex; - align-items: center; - justify-content: center; - gap: 1ch; - padding: 0 1ch; - padding-top: 2px; -} -.btn--small:hover { - color: currentColor; - border-color: currentColor; - background-color: var(--grey-950); -} - -.btn--small.is-selected { - background-color: var(--color-txt); - border-color: var(--color-txt); - color: var(--color-bg); -} -.btn--small.is-selected a { - color: var(--color-bg); -} -.btn--small.is-selected svg { - fill: var(--color-bg); -} - .btn--bold, .btn--bold-inline { display: block; @@ -344,19 +301,11 @@ button:disabled { overflow: hidden; white-space: nowrap; } -.btn--bold svg, -.btn--bold-inline svg { - width: 18px; - height: 18px; - position: relative; - top: -1px; -} .btn--bold a, .btn--bold-inline a { display: flex; align-items: center; justify-content: center; - gap: 1ch; width: 100%; height: 100%; padding: 0 2ch; @@ -367,7 +316,6 @@ button:disabled { display: flex; align-items: center; justify-content: center; - gap: 1ch; padding: 0 2ch; padding-top: 4px; } @@ -376,9 +324,6 @@ button:disabled { background-color: var(--color-txt); color: var(--color-bg); } -.btn--bold svg { - fill: var(--color-bg); -} .btn--bold:hover { background-color: var(--color-accent); border-color: var(--color-accent); @@ -386,90 +331,82 @@ button:disabled { .btn--bold:hover a { color: var(--color-bg); } -.btn--bold:hover svg { - fill: var(--color-bg); -} .btn--bold-inline { background-color: var(--color-bg); } -.btn--bold-inline svg { - fill: var(--color-txt); -} + .btn--bold-inline:hover { - background-color: var(--grey-950); - color: var(--grey-100); - border-color: var(--grey-100); + background-color: var(--grey-800); + color: var(--color-txt); } .btn--bold-inline:hover a { - background-color: var(--grey-950); - color: var(--grey-100); -} -.btn--bold-inline:hover svg { - fill: var(--grey-100); + background-color: var(--grey-800); + color: var(--color-txt); } -.btn--toc svg { - width: 15px; - height: 15px; - top: 0px; -} - -@keyframes wiggle-left { - 0% { - transform: translateX(0); - } - 40% { - transform: translateX(-10px); - } - 80% { - transform: translateX(0); - } - 100% { - transform: translateX(0); - } -} -.btn--back-to-top { - display: flex; - border-color: var(--color-txt); - width: -moz-fit-content; - width: fit-content; - margin: var(--spacing) auto; -} -@media screen and (max-width: 768px) { - .btn--back-to-top { - margin-bottom: calc(var(--spacing) * 2); - } -} -.btn--back-to-top .icon { - width: 12px; - height: 12px; - transform: rotate(-90deg); - transform-origin: center; +.btn__default { + --size: calc(var(--h-block) - 8px); + font-size: var(--fs-normal); + font-weight: var(--fw-normal); + height: var(--size); + padding-right: 1.5ch; position: relative; - top: -1px; + display: flex; + align-items: center; + gap: 0ch; + color: var(--color-accent); + font-weight: var(--fw-medium); + text-decoration: none; + cursor: pointer; } -.btn--back-to-top .icon svg { - width: 12px; - height: 12px; +.btn__default .icon, .btn__default .txt { + z-index: 10; } -.btn--back-to-top:hover { - background-color: var(--grey-950); - color: var(--grey-100); - border-color: var(--grey-100); +.btn__default .icon { + width: var(--size); + height: var(--size); + display: flex; + align-items: center; + justify-content: center; + color: var(--color-bg); + text-align: center; } -.btn--back-to-top:hover a { - background-color: var(--grey-950); - color: var(--grey-100); +.btn__default .icon svg { + fill: var(--color-bg); + width: 80%; } -.btn--back-to-top:hover svg { - fill: var(--grey-100); +.btn__default .txt { + font-family: var(--font-title); + color: var(--color-accent); + font-size: var(--fs-normal); + font-weight: var(--fw-bold); + padding-left: 1ch; +} +.btn__default::after { + content: ""; + display: block; + background-color: var(--color-accent); + border-radius: calc(var(--size) / 2); + width: var(--size); + height: var(--size); + position: absolute; + left: 0; + z-index: 0; + transition: width 0.2s; +} +.btn__default:hover .txt { + color: var(--color-bg); + display: block; +} +.btn__default:hover::after { + width: 100%; } .tag { height: calc(var(--h-block) * 0.75); - border-radius: var(--radius-small); - display: inline-flex; + border-radius: calc(var(--h-block) * 0.75 / 2); + display: flex; align-items: center; justify-content: center; padding: 0 1.5ch; @@ -484,226 +421,18 @@ button:disabled { .keywords { list-style: none; - display: flex; - flex-wrap: wrap; - gap: 0.75ch; } -.keywords a { - display: inline-flex; - align-items: center; - justify-content: center; - height: calc(var(--h-block) * 0.75); - padding: 0 1ch; - padding-top: 2px; - border: var(--border-light); - border-radius: var(--radius-btn); - font-size: var(--fs-small); - line-height: 1; - white-space: nowrap; +.keywords li { + display: inline-block; + padding-right: 0.75ch; +} +.keywords li a { text-decoration: none; } -.keywords a::before { +.keywords li a::before { content: "#"; padding-right: 0.25ch; } -.keywords a:hover { - border-color: currentColor; - background-color: var(--grey-800); -} - -.keywords--small { - list-style: none; -} -.keywords--small li { - display: inline; -} -.keywords--small a { - text-decoration: none; -} -.keywords--small a::before { - content: "#"; - padding-right: 0.25ch; -} -.keywords--small a::after { - content: " "; -} - -button.sort .arrow { - line-height: 0; - --size: 12px; - height: var(--size); - width: var(--size); - display: inline-flex; - align-items: center; - justify-content: center; - position: relative; - top: -2px; - transform: rotate(90deg); - transition: transform 0.2s ease-in; -} -button.sort .arrow svg { - width: 100%; - fill: var(--color-txt); -} -button.sort[data-sort-type=up] .arrow { - transform: rotate(-90deg); -} - -.page__sort { - margin-bottom: calc(var(--spacing) * 1); - display: flex; - justify-content: right; - grid-gap: var(--padding-inner); - width: 100%; - max-width: var(--max-w-cards); - margin-inline: auto; -} - -.btn--group__mobile { - z-index: calc(var(--z-header) - 10); - opacity: 0; - transition: opacity 0.3s ease-in; - position: fixed; - bottom: 0; - left: 0; - width: 100vw; - height: calc(var(--h-block) * 3); - padding: calc(var(--spacing) * 0.75) var(--padding-body); - background-color: var(--color-bg); - background: linear-gradient(0deg, var(--color-bg) 0%, var(--color-bg) 75%, transparent 100%); - display: flex; - align-items: flex-end; - gap: var(--padding-inner); -} -.btn--group__mobile.is-visible { - opacity: 1; -} -.btn--group__mobile button, .btn--group__mobile .dropdown { - flex-grow: 1; - width: 100%; -} - -@media screen and (min-width: 768px) { - .btn--group__mobile { - display: none; - opacity: 0 !important; - } -} -#hero { - width: 100%; - position: relative; - left: 0; -} -#hero figcaption { - color: var(--color-txt-light); - font-size: var(--fs-small); - padding: calc(var(--spacing) * 0.5) var(--padding-body); - padding-bottom: 0; -} -@media screen and (max-width: 560px) { - #hero figcaption { - font-size: var(--fs-xsmall); - } -} -#hero figure { - width: 100%; - position: relative; -} -#hero figure img { - width: 100%; - aspect-ratio: 2/1; - -o-object-fit: cover; - object-fit: cover; -} -#hero .swiper-slide { - position: relative; -} -#hero .swiper-button-prev, #hero .swiper-button-next { - --swiper-navigation-sides-offset: 32px; - --swiper-navigation-size: 32px; - opacity: 0.8; - top: calc(450vw - var(--swiper-navigation-size) * 0.5); - margin-top: 0; -} -@media screen and (max-width: 560px) { - #hero .swiper-button-prev, #hero .swiper-button-next { - --swiper-navigation-sides-offset: 15px; - --swiper-navigation-size: 15px; - } -} -#hero .swiper-button-prev svg, #hero .swiper-button-next svg { - color: white; -} -#hero .swiper-pagination { - position: static; - margin-top: calc(var(--spacing) * 0.5); - padding: 0 var(--padding-body); - text-align: center; -} -#hero .swiper-pagination .swiper-pagination-bullet { - width: 15px; - height: 4px; - border-radius: 2px; - background: var(--color-txt-light); -} -#hero .swiper-pagination .swiper-pagination-bullet-active { - background: var(--color-txt); - opacity: 0.8; -} -#hero .player-container { - width: 100%; - position: relative; - aspect-ratio: 2/1; -} -#hero .player-container .extract, #hero .player-container video { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - position: relative; -} -#hero .player-container .video-full { - width: 100%; - height: 100%; - display: none; -} -#hero .player-container .video-full iframe { - width: 100%; - height: 100%; -} -#hero .player-container #hero-play-video { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - text-transform: uppercase; - display: flex; - align-items: center; - justify-content: center; -} -#hero .player-container #hero-play-video .btn--bold { - display: flex; - align-items: center; - justify-content: center; - gap: 1ch; - padding: 0 1ch; - opacity: 0.8; -} -#hero .player-container #hero-play-video .btn--bold:hover { - opacity: 1; -} -#hero .player-container #hero-play-video .text { - color: black; - line-height: 1; - padding-top: 4px; -} -#hero .player-container #hero-play-video svg { - width: 18px; - height: 18px; - fill: black; - opacity: 0.8; -} .form__newsletter { --size: 24px; @@ -800,51 +529,6 @@ button.sort[data-sort-type=up] .arrow { width: 100%; } -.search-form { - --icon: 40px; - display: grid; - grid-template-columns: var(--icon) 1fr; -} -.search-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; -} -.search-form input::-moz-placeholder { - font-family: var(--font); - font-size: var(--fs-normal); - color: var(--color-txt); -} -.search-form input::placeholder { - font-family: var(--font); - font-size: var(--fs-normal); - color: var(--color-txt); -} -.search-form input:focus { - border-color: var(--color-accent); - outline: none; -} -.search-form .icon { - grid-column: 1; - grid-row: 1; - z-index: 10; - width: 100%; - display: flex; - align-items: center; - justify-content: center; -} -.search-form .icon svg { - width: 20px; -} - .list-socials { list-style: none; display: flex; @@ -858,16 +542,16 @@ button.sort[data-sort-type=up] .arrow { text-decoration: none; } .list-socials .icon { - width: 20px; - height: 20px; + width: 24px; + height: 24px; position: relative; top: -2px; } .list-socials svg { display: flex; align-items: center; - width: 20px; - height: 20px; + width: 24px; + height: 24px; } .list-socials .text { display: none; @@ -896,9 +580,15 @@ button.sort[data-sort-type=up] .arrow { } } .modal--share { - width: 240px; - padding-bottom: var(--padding-inner); + border: var(--border); + border-radius: var(--radius-btn); background-color: var(--color-bg); + padding: var(--padding-inner); + padding-top: calc(var(--padding-inner) * 0.5); + padding-bottom: calc(var(--padding-inner) * 1.5); +} +.modal--share .modal-title { + display: none; } .modal--share .socials { display: block; @@ -906,20 +596,19 @@ button.sort[data-sort-type=up] .arrow { } .modal--share .socials li { font-size: var(--fs-normal); + padding-bottom: 6px; border-bottom: var(--border-light); -} -.modal--share .socials li:first-of-type { - border-top: var(--border-light); + padding-top: 6px; } .modal--share .socials li a { display: flex; align-items: center; - gap: 2ch; + gap: 1ch; text-decoration: none; } .modal--share .socials li .icon { - width: 16px; - height: 16px; + width: 20px; + height: 20px; } .modal--share .socials li .icon svg { width: 100%; @@ -929,12 +618,18 @@ button.sort[data-sort-type=up] .arrow { position: relative; top: 2px; } +.modal--share .socials li:hover { + color: var(--color-accent); +} +.modal--share .socials li:hover .icon svg, +.modal--share .socials li:hover .icon svg path, +.modal--share .socials li:hover .icon svg rect { + fill: var(--color-accent) !important; +} .modal--share .copy-link { display: flex; gap: 0.5ch; - padding: 0 var(--padding-inner); - height: var(--h-block); - width: 100%; + margin-top: calc(var(--spacing) * 0.75); } .modal--share .copy-link .copy-link__field { flex-grow: 1; @@ -973,180 +668,27 @@ button.sort[data-sort-type=up] .arrow { border-color: var(--color-txt); outline: none; } -.modal--share .copy-link input.is-copied { - color: var(--color-accent) !important; -} -.modal--share .copy-link .copy-link__btn { +.modal--share .copy-link button { background-color: var(--color-txt); color: var(--color-bg); border-radius: var(--radius-btn); padding: 0 1ch; font-size: var(--fs-small); padding-top: 2px; - white-space: nowrap; - text-align: center; - width: 8ch !important; } -.modal--share .copy-link .copy-link__btn::after { - content: " "; -} -.modal--share .copy-link .copy-link__btn:hover { +.modal--share .copy-link button:hover { background-color: var(--color-accent); } -#share-banner__content, -#share-banner__aside, -#share-banner__desktop { - display: none; +.title-page { + font-size: var(--fs-medium); } -#share-banner__content ~ .modal--share, -#share-banner__aside ~ .modal--share, -#share-banner__desktop ~ .modal--share { - opacity: 0; - pointer-events: none; - transition: opacity 0.2s ease-in; -} - -#share-banner__content:checked ~ .modal--share, -#share-banner__aside:checked ~ .modal--share, -#share-banner__desktop:checked ~ .modal--share { - opacity: 1; - pointer-events: auto; -} - -.dropdown { - position: relative; - display: inline-block; -} -.dropdown__trigger { - cursor: pointer; -} -.dropdown__content { - position: absolute; - top: 100%; - left: 0; - min-width: 180px; - margin-top: var(--padding-inner); - background-color: var(--color-bg); - border: var(--border); - border-radius: var(--radius-btn); - opacity: 0; - visibility: hidden; - transform: translateY(-4px); - transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; - z-index: 100; -} -.dropdown__content::before { - content: "◀"; - transform: rotate(90deg); - font-size: 14px; - position: absolute; - top: -13px; - left: 16px; -} -.dropdown__content ul { - list-style: none; - margin: 0; - padding: var(--padding-inner); -} -.dropdown__content a, .dropdown__content button { - display: block; - width: 100%; - padding: 0.75em 1ch; - font-size: var(--fs-small); - text-align: left; - text-decoration: none; - color: var(--color-txt); - background: none; - border: none; - cursor: pointer; -} -.dropdown__content a:hover, .dropdown__content button:hover { - background-color: var(--grey-800); -} -.dropdown--align-right .dropdown__content { - left: auto; - right: 0; -} -.dropdown--align-right .dropdown__content::before { - left: auto; - right: 16px; -} -.dropdown.is-open .dropdown__content { - opacity: 1; - visibility: visible; - transform: translateY(0); -} -.dropdown--position-mobile .dropdown__content { - top: auto; - bottom: calc(var(--h-block) + var(--padding-inner) * 2); - left: auto; - right: 0; - margin-top: 0; - margin-left: 4px; -} -.dropdown--position-mobile .dropdown__content::before { - font-family: Arial; - content: "◀"; - transform: rotate(-90deg); - font-size: 14px; - position: absolute; - top: auto; - bottom: -13px; - left: auto; - right: 10%; -} -.dropdown--position-mobile.is-open .dropdown__content { - transform: translateX(0); -} -@media screen and (min-width: 768px) { - .dropdown--position-panel .dropdown__content { - top: auto; - bottom: 0; - left: calc(100% + var(--padding-inner)); - margin-top: 0; - margin-left: 4px; - } - .dropdown--position-panel .dropdown__content::before { - font-family: Arial; - content: "◀"; - transform: rotate(0deg); - font-size: 14px; - position: absolute; - top: auto; - bottom: 4px; - left: -11px; - } - .dropdown--position-panel.is-open .dropdown__content { - transform: translateX(0); - } -} -@media screen and (max-width: 560px) { - .dropdown .dropdown__content { - width: calc(100vw - var(--padding-body) * 2); - } - .dropdown .dropdown__content .modal--share { - width: 100%; - } -} - -@media screen and (max-width: 1280px) { - [data-template=investigations] .dropdown .dropdown__content { - left: auto; - right: 0; - } - [data-template=investigations] .dropdown .dropdown__content::before { - left: auto; - right: 16px; - } -} .card--article { border: var(--border-light); position: relative; display: flex; flex-direction: column; - padding: var(--padding-inner); } .card--article figure { aspect-ratio: 16/9; @@ -1160,44 +702,28 @@ button.sort[data-sort-type=up] .arrow { object-fit: cover; transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; } +.card--article:hover figure img { + transform: scale(1.05); +} .card--article .content { + padding: var(--padding-inner); display: flex; flex-direction: column; -} -.card--article .pin { - position: absolute; - top: calc(var(--padding-inner) * 1.5); - left: calc(var(--padding-inner) * 1.5); - z-index: 10; - width: 24px; - height: 24px; - border-radius: var(--radius-small); - background-color: rgba(255, 255, 255, 0.27); - display: flex; - align-items: center; - justify-content: center; -} -.card--article .pin svg { - width: 16px; - fill: var(--color-txt); -} -.card--article .time-alone { - display: none; - margin-top: calc(var(--spacing) * 0.25); - margin-bottom: calc(var(--spacing) * 0.75); + flex-grow: 2; } .card--article .title { margin-top: calc(var(--spacing) * 0.5); font-size: var(--fs-medium); font-weight: normal; text-transform: uppercase; - text-wrap: balance; + flex-grow: 2; } .card--article .title a { text-decoration: none; } .card--article .description { - margin-top: calc(var(--spacing) * 0.5); + margin-top: calc(var(--spacing) * 1); + font-size: var(--fs-small); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; @@ -1205,7 +731,6 @@ button.sort[data-sort-type=up] .arrow { } .card--article .dl { margin-top: calc(var(--spacing) * 0.5); - border-bottom: var(--border-light); } .card--article .dl .dl__group { display: grid; @@ -1219,25 +744,17 @@ button.sort[data-sort-type=up] .arrow { color: var(--color-txt-light); padding-right: 1ch; } -.card--article .dl ul { +.card--article .dl ul:not(.keywords) { list-style: none; } -.card--article .dl ul li { +.card--article .dl ul:not(.keywords) li { padding-bottom: 0.2em; } -.card--article .keywords-wrapper { - z-index: 3000; - margin-top: calc(var(--spacing) * 0.5); -} -.card--article .keywords { - grid-column: 2; +.card--article .dl .dl__group__keywords { + padding-bottom: 0; } .card--article:hover { border-color: var(--color-txt); - background-color: var(--grey-950); -} -.card--article .link-block { - z-index: 2000; } .card--article-small { @@ -1245,37 +762,7 @@ button.sort[data-sort-type=up] .arrow { grid-gap: var(--padding-inner); grid-template-columns: 2fr 3fr; position: relative; - padding-top: calc(var(--spacing) * 0.5); - padding-bottom: calc(var(--spacing) * 0.5); - border-bottom: var(--border-light); - position: relative; - border-bottom: var(--border-light); - position: relative; -} -.card--article-small:first-of-type { - border-top: var(--border-light); -} -.card--article-small.has-link { - border-bottom: var(--border-light); - position: relative; -} -.card--article-small.has-link:first-of-type { - border-top: var(--border-light); -} -.card--article-small.has-link::before { - content: ""; - width: 100%; - border-top: 1px solid transparent; - position: absolute; - top: -1px; - left: 0; -} -.card--article-small.has-link:hover { - background-color: var(--grey-950); - border-color: var(--color-txt); -} -.card--article-small.has-link:hover::before { - border-color: var(--color-txt); + margin-bottom: var(--spacing); } .card--article-small figure { aspect-ratio: 16/9; @@ -1289,36 +776,18 @@ button.sort[data-sort-type=up] .arrow { object-fit: cover; transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; } -.card--article-small figure { - margin-left: 45px; -} -@media screen and (max-width: 560px) { - .card--article-small figure { - margin-left: 0px; - } -} -.card--article-small .icon-article { - position: absolute; - left: 10px; - padding-top: calc(var(--spacing) * 0.5); -} -.card--article-small .icon-article svg { - width: 20px; - fill: var(--color-txt); +.card--article-small:hover figure img { + transform: scale(1.05); } .card--article-small .content { display: flex; flex-direction: column; padding-top: calc(var(--spacing) * 0.25); - padding-right: calc(var(--padding-inner) * 3); } .card--article-small .title { font-weight: normal; font-size: var(--fs-medium); margin-bottom: 0.25em; - text-wrap: balance; - max-width: 42ch; - text-transform: uppercase; } .card--article-small .title a { text-decoration: none; @@ -1327,59 +796,13 @@ button.sort[data-sort-type=up] .arrow { flex-grow: 1; color: var(--color-txt-light); } -.card--article-small .description { - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; - margin-bottom: calc(var(--spacing) * 0.75); +.card--article-small .keywords { + margin-top: 1.5em; + padding-bottom: calc(var(--spacing) * 0.25); + color: var(--color-txt-light); } -.card--article-small .btn--go-to { - position: absolute; - right: var(--padding-inner); - bottom: calc(var(--padding-inner) - 3px); -} -.card--article-small .btn--go-to svg { - width: 15px; - height: 15px; - fill: var(--color-txt); -} -@media screen and (max-width: 768px) { - .card--article-small .btn--go-to svg { - width: 11px; - height: 11px; - } -} -@media screen and (max-width: 560px) { - .card--article-small .btn--go-to { - right: calc(var(--padding-inner) * 0.5); - bottom: calc(var(--padding-inner) * 0.25); - } - .card--article-small .btn--go-to svg { - width: 11px; - height: 11px; - } -} -.card--article-small:hover .btn--go-to { - animation: wiggle-left 0.8s ease-in-out; -} -.card--article-small:first-of-type { - border-top: var(--border-light); -} -.card--article-small::before { - content: ""; - width: 100%; - border-top: 1px solid transparent; - position: absolute; - top: -1px; - left: 0; -} -.card--article-small:hover { - background-color: var(--grey-950); - border-color: var(--color-txt); -} -.card--article-small:hover::before { - border-color: var(--color-txt); +.card--article-small:hover .title { + text-decoration: underline; } @media screen and (max-width: 1080px) { .card--article-small .title { @@ -1388,12 +811,6 @@ button.sort[data-sort-type=up] .arrow { } } @media screen and (max-width: 560px) { - .card--article-small .icon-article { - display: none; - } - .card--article-small .description { - display: none; - } .card--article-small .content { padding: 0; } @@ -1405,666 +822,128 @@ button.sort[data-sort-type=up] .arrow { margin-top: 0.25em; } .card--article-small .keywords { - display: block; - line-height: 1.1; - margin-top: calc(var(--spacing) * 0.5); - padding-right: calc(var(--padding-inner) * 1); - } - .card--article-small .keywords li, .card--article-small .keywords a { - display: inline; - border: none; - padding: 0px; - color: var(--color-txt-light); + margin-top: 0.5em; + padding-bottom: 0; } } .card--impact { - container-type: inline-size; - container-name: impact; - border: var(--border-light); + display: grid; + grid-gap: var(--padding-inner); + grid-template-columns: 2fr 3fr; + position: relative; + padding: calc(var(--spacing) * 0.5) 0; + border-bottom: var(--border-light); +} +.card--impact:first-of-type { + border-top: var(--border-light); +} +.card--impact .content { + grid-column: 2; +} +@media screen and (max-width: 560px) { + .card--impact:not([data-impact-type=media]) .content { + grid-column: span 2; + } +} +.card--impact .tag { + width: auto; + justify-self: start; + position: relative; + top: -5px; +} +.card--impact .content .see-more { + color: var(--color-txt-light); + text-decoration: none; + white-space: nowrap; +} +.card--impact .content .see-more::after { + content: " +"; +} +.card--impact .open-graph__details { + grid-column: span 2; +} +.card--impact .open-graph__details summary, +.card--impact .open-graph__details .summary-inner { + display: flex; + align-items: center; + cursor: pointer; + gap: 0.5ch; +} +.card--impact .open-graph__details .arrow-details { + line-height: 0; + --size: 11px; + height: var(--size); + width: var(--size); + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + top: -2px; +} +.card--impact .open-graph__details .arrow-details svg { + transition: transform 0.2s ease-in; + width: 100%; + fill: var(--color-txt); +} +.card--impact .open-graph__details[open] .arrow-details svg { + transform: rotate(90deg); +} +.card--impact .open-graph__details summary { + color: var(--color-txt-light); +} +.card--impact .open-graph__details summary .arrow-details svg { + fill: var(--color-txt-light); +} +.card--impact .open-graph__details summary { + display: grid; + grid-gap: var(--padding-inner); + grid-template-columns: 2fr 3fr; + position: relative; +} +.card--impact .open-graph__details summary .summary-inner { + grid-column: 2; +} +.card--impact .open-graph__inner { + margin-top: calc(var(--spacing) * 0.5); margin-bottom: calc(var(--spacing) * 1); } -.card--impact.has-link { - border-bottom: var(--border-light); - position: relative; -} -.card--impact.has-link:first-of-type { - border-top: var(--border-light); -} -.card--impact.has-link::before { - content: ""; - width: 100%; - border-top: 1px solid transparent; - position: absolute; - top: -1px; - left: 0; -} -.card--impact.has-link:hover { - background-color: var(--grey-950); - border-color: var(--color-txt); -} -.card--impact.has-link:hover::before { - border-color: var(--color-txt); -} -.card--impact .card--impact__inner { - display: grid; - grid-gap: var(--padding-inner); - grid-template-columns: 2fr 3fr; - position: relative; - padding: calc(var(--padding-inner) * 1.5) var(--padding-inner); - position: relative; -} -.card--impact .card--impact__inner .btn--go-to { - position: absolute; - right: var(--padding-inner); - bottom: calc(var(--padding-inner) - 3px); -} -.card--impact .card--impact__inner .btn--go-to svg { - width: 15px; - height: 15px; - fill: var(--color-txt); -} -@media screen and (max-width: 768px) { - .card--impact .card--impact__inner .btn--go-to svg { - width: 11px; - height: 11px; +@media screen and (min-width: 768px) { + .card--impact .open-graph__inner { + margin-bottom: calc(var(--spacing) * 2); } } -@media screen and (max-width: 560px) { - .card--impact .card--impact__inner .btn--go-to { - right: calc(var(--padding-inner) * 0.5); - bottom: calc(var(--padding-inner) * 0.25); - } - .card--impact .card--impact__inner .btn--go-to svg { - width: 11px; - height: 11px; - } -} -.card--impact .card--impact__inner:hover .btn--go-to { - animation: wiggle-left 0.8s ease-in-out; -} -.card--impact .card--impact__inner .btn--go-to { - top: calc(var(--padding-inner) * 1); - bottom: auto; -} -.card--impact .card--impact__inner .content { - grid-column: 2; -} -.card--impact .card--impact__inner .card--open-graph { - grid-row: 1/3; - grid-column: 2; - z-index: 10; -} -.card--impact .card--impact__inner .keywords-wrapper { - grid-column: 1; - grid-row: 2/4; - align-self: end; - z-index: 10; -} -@media screen and (max-width: 560px) { - .card--impact .card--impact__inner:not([data-impact-type=media]) .content { - grid-column: span 2; - } -} -.card--impact .card--impact__inner .tag { - width: auto; - justify-self: start; - position: relative; - top: -5px; -} -.card--impact .card--impact__inner:not([data-impact-type=media]) .content { - padding-right: calc(var(--padding-inner) * 2.5); -} -.card--impact .card--impact__inner .investigations { - z-index: 10; - grid-column: 2; - list-style: none; - font-size: var(--fs-small); -} -.card--impact .card--impact__inner .investigations a { - text-decoration: none; - color: var(--color-txt-light); -} -.card--impact .card--impact__inner .investigations .icon { - position: relative; - top: 2px; -} -.card--impact .card--impact__inner .investigations .icon svg { - width: 14px; - height: 14px; - fill: var(--color-txt-light); -} -.card--impact .card--impact__inner .investigations li:hover a { - color: var(--color-txt); -} -.card--impact .card--impact__inner .investigations li:hover .icon svg { - fill: var(--color-txt); -} -.card--impact .card--impact__inner .open-graph__details { - grid-column: 2; -} -.card--impact .card--impact__inner .open-graph__details summary, -.card--impact .card--impact__inner .open-graph__details .summary-inner { - display: flex; - align-items: center; - cursor: pointer; - gap: 0.5ch; -} -.card--impact .card--impact__inner .open-graph__details .arrow-details { - line-height: 0; - --size: 11px; - height: var(--size); - width: var(--size); - display: inline-flex; - align-items: center; - justify-content: center; - position: relative; - top: -2px; -} -.card--impact .card--impact__inner .open-graph__details .arrow-details svg { - transition: transform 0.2s ease-in; - width: 100%; - fill: var(--color-txt); -} -.card--impact .card--impact__inner .open-graph__details summary:hover { - color: var(--color-txt); -} -.card--impact .card--impact__inner .open-graph__details summary:hover .arrow-details svg { - fill: var(--color-txt); -} -.card--impact .card--impact__inner .open-graph__details[open] .arrow-details svg { - transform: rotate(90deg); -} -.card--impact .card--impact__inner .open-graph__details summary { - color: var(--color-txt-light); -} -.card--impact .card--impact__inner .open-graph__details summary .arrow-details svg { - fill: var(--color-txt-light); -} -@media screen and (max-width: 560px) { - .card--impact .card--impact__inner .open-graph__details { - grid-column: 1/3; - } - .card--impact .card--impact__inner .open-graph__details summary { - display: grid; - grid-gap: var(--padding-inner); - grid-template-columns: 2fr 3fr; - position: relative; - grid-row-gap: 0; - } - .card--impact .card--impact__inner .open-graph__details summary .summary-inner { - grid-column: 2; - } -} -.card--impact .card--impact__inner .open-graph__inner { - margin-top: calc(var(--spacing) * 0.5); -} -.card--impact .card--impact__inner .open-graph__inner .card--open-graph { +.card--impact .open-graph__inner .card--open-graph { margin-bottom: calc(var(--spacing) * 0.5); } -@container impact (width < 460px) { - .card--impact__inner { - display: block !important; - padding-top: var(--padding-inner) !important; - padding-bottom: calc(var(--padding-inner) * 0.75) !important; - } - .card--impact__inner .tag, .card--impact__inner .date { - display: inline-flex; - margin-right: 2ch; - top: 0px !important; - } - .card--impact__inner .content { - margin-top: calc(var(--spacing) * 0.75); - margin-bottom: calc(var(--spacing) * 0.25); - padding-right: 0 !important; - } - .card--impact__inner .card--open-graph { - margin-top: calc(var(--spacing) * 0.75); - margin-bottom: calc(var(--spacing) * 0.25); - } - .card--impact__inner .investigations { - margin-top: calc(var(--spacing) * 0.25); - margin-bottom: calc(var(--spacing) * 0.25); - } - .card--impact__inner .keywords-wrapper { - margin-top: calc(var(--spacing) * 1); - } - .card--impact__inner .date, - .card--impact__inner .content, - .card--impact__inner details { - font-size: 14px !important; - } - .card--impact__inner .btn--go-to { - top: calc(var(--padding-inner) * 1.25) !important; - bottom: auto; - right: calc(var(--padding-inner) * 1.25) !important; - } -} -@media screen and (max-width: 560px) { - .card--impact__inner { - display: block !important; - padding-top: var(--padding-inner) !important; - padding-bottom: calc(var(--padding-inner) * 0.75) !important; - } - .card--impact__inner .tag, .card--impact__inner .date { - display: inline-flex; - margin-right: 2ch; - top: 0px !important; - } - .card--impact__inner .content { - margin-top: calc(var(--spacing) * 0.75); - margin-bottom: calc(var(--spacing) * 0.25); - padding-right: 0 !important; - } - .card--impact__inner .card--open-graph { - margin-top: calc(var(--spacing) * 0.75); - margin-bottom: calc(var(--spacing) * 0.25); - } - .card--impact__inner .investigations { - margin-top: calc(var(--spacing) * 0.25); - margin-bottom: calc(var(--spacing) * 0.25); - } - .card--impact__inner .keywords-wrapper { - margin-top: calc(var(--spacing) * 1); - } - .card--impact__inner .date, - .card--impact__inner .content, - .card--impact__inner details { - font-size: 14px !important; - } - .card--impact__inner .btn--go-to { - top: calc(var(--padding-inner) * 1.25) !important; - bottom: auto; - right: calc(var(--padding-inner) * 1.25) !important; - } -} -.card--impact-small { - border-bottom: var(--border-light); - display: grid; - grid-gap: var(--padding-inner); - grid-template-columns: 2fr 3fr; - position: relative; - padding: var(--padding-inner) 0; - position: relative; -} -.card--impact-small:first-of-type { - border-top: var(--border-light); -} -.card--impact-small.has-link { - border-bottom: var(--border-light); - position: relative; -} -.card--impact-small.has-link:first-of-type { - border-top: var(--border-light); -} -.card--impact-small.has-link::before { - content: ""; - width: 100%; - border-top: 1px solid transparent; - position: absolute; - top: -1px; - left: 0; -} -.card--impact-small.has-link:hover { - background-color: var(--grey-950); - border-color: var(--color-txt); -} -.card--impact-small.has-link:hover::before { - border-color: var(--color-txt); -} -.card--impact-small .btn--go-to { - position: absolute; - right: var(--padding-inner); - bottom: calc(var(--padding-inner) - 3px); -} -.card--impact-small .btn--go-to svg { - width: 15px; - height: 15px; - fill: var(--color-txt); -} -@media screen and (max-width: 768px) { - .card--impact-small .btn--go-to svg { - width: 11px; - height: 11px; - } -} -@media screen and (max-width: 560px) { - .card--impact-small .btn--go-to { - right: calc(var(--padding-inner) * 0.5); - bottom: calc(var(--padding-inner) * 0.25); - } - .card--impact-small .btn--go-to svg { - width: 11px; - height: 11px; - } -} -.card--impact-small:hover .btn--go-to { - animation: wiggle-left 0.8s ease-in-out; -} -.card--impact-small .btn--go-to { - top: calc(var(--padding-inner) * 1); - bottom: auto; -} -.card--impact-small .content { - grid-column: 2; -} -.card--impact-small .card--open-graph { - grid-column: 2; - z-index: 10; -} -.card--impact-small .keywords { - grid-column: 2; - z-index: 10; -} -@media screen and (max-width: 560px) { - .card--impact-small .keywords { - display: block; - line-height: 1.1; - } - .card--impact-small .keywords li, .card--impact-small .keywords a { - display: inline; - border: none; - padding: 0px; - color: var(--color-txt-light); - } -} -@media screen and (max-width: 560px) { - .card--impact-small:not([data-impact-type=media]) .content, - .card--impact-small .keywords { - grid-column: span 2; - } -} -.card--impact-small .tag { - width: auto; - justify-self: start; - position: relative; - top: -5px; -} -.card--impact-small:not([data-impact-type=media]) .content { - padding-right: calc(var(--padding-inner) * 2.5); -} -@media screen and (max-width: 560px) { - .card--impact-small:not([data-impact-type=media]) .content { - padding-right: 0; - } -} -.card--impact-small .open-graph__details { - grid-column: 2; -} -.card--impact-small .open-graph__details summary, -.card--impact-small .open-graph__details .summary-inner { - display: flex; - align-items: center; - cursor: pointer; - gap: 0.5ch; -} -.card--impact-small .open-graph__details .arrow-details { - line-height: 0; - --size: 11px; - height: var(--size); - width: var(--size); - display: inline-flex; - align-items: center; - justify-content: center; - position: relative; - top: -2px; -} -.card--impact-small .open-graph__details .arrow-details svg { - transition: transform 0.2s ease-in; - width: 100%; - fill: var(--color-txt); -} -.card--impact-small .open-graph__details summary:hover { - color: var(--color-txt); -} -.card--impact-small .open-graph__details summary:hover .arrow-details svg { - fill: var(--color-txt); -} -.card--impact-small .open-graph__details[open] .arrow-details svg { - transform: rotate(90deg); -} -.card--impact-small .open-graph__details summary { - color: var(--color-txt-light); -} -.card--impact-small .open-graph__details summary .arrow-details svg { - fill: var(--color-txt-light); -} -@media screen and (max-width: 560px) { - .card--impact-small .open-graph__details { - grid-column: 1/3; - } - .card--impact-small .open-graph__details summary { - display: grid; - grid-gap: var(--padding-inner); - grid-template-columns: 2fr 3fr; - position: relative; - grid-row-gap: 0; - } - .card--impact-small .open-graph__details summary .summary-inner { - grid-column: 2; - } -} -.card--impact-small .open-graph__inner { - margin-top: calc(var(--spacing) * 0.5); -} -.card--impact-small .open-graph__inner .card--open-graph { - margin-bottom: calc(var(--spacing) * 0.5); -} - -.card--folder { - position: relative; - max-width: var(--max-w-cards); - border: var(--border-light); - padding: var(--padding-inner); - display: grid; - grid-gap: var(--padding-inner); - grid-template-columns: 2fr 3fr; - position: relative; - container-type: inline-size; - container-name: cardfolder; - position: relative; -} -.card--folder figure { - aspect-ratio: 16/9; - display: flex; - overflow: hidden; -} -.card--folder figure img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; -} -.card--folder .content { - display: flex; - flex-direction: column; -} -.card--folder .title { - flex-grow: 1; - font-weight: normal; - font-size: var(--fs-medium); - margin-bottom: 0.25em; - text-wrap: balance; - max-width: 42ch; - text-transform: uppercase; - padding-top: calc(var(--spacing) * 0.25); -} -.card--folder .title a { - text-decoration: none; -} -@media screen and (max-width: 768px) { - .card--folder .title { - font-size: var(--fs-normal); - } -} -.card--folder .title .icon { - padding-right: 1ch; -} -.card--folder .title .icon svg { - height: 15px; - width: 15px; - fill: var(--color-txt); -} -.card--folder .short { - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; -} -.card--folder ul { - display: flex; - list-style: none; - gap: 1ch; - color: var(--color-txt-light); - padding-top: calc(var(--spacing) * 0.5); -} -.card--folder ul li + li::before { - content: "|"; - padding-right: 1ch; -} -@media screen and (max-width: 768px) { - .card--folder ul { - font-size: var(--fs-small); - } -} -.card--folder .btn--go-to { - position: absolute; - right: calc(var(--padding-inner) * 1); - bottom: var(--padding-inner); -} -.card--folder .btn--go-to { - position: absolute; - right: var(--padding-inner); - bottom: calc(var(--padding-inner) - 3px); -} -.card--folder .btn--go-to svg { - width: 15px; - height: 15px; - fill: var(--color-txt); -} -@media screen and (max-width: 768px) { - .card--folder .btn--go-to svg { - width: 11px; - height: 11px; - } -} -@media screen and (max-width: 560px) { - .card--folder .btn--go-to { - right: calc(var(--padding-inner) * 0.5); - bottom: calc(var(--padding-inner) * 0.25); - } - .card--folder .btn--go-to svg { - width: 11px; - height: 11px; - } -} -.card--folder:hover .btn--go-to { - animation: wiggle-left 0.8s ease-in-out; -} -.card--folder:hover { - background-color: var(--grey-950); - border-color: var(--color-txt); -} - -[data-template=investigation-summary] .card--folder { - border: none; - padding-left: 0; - padding-right: 0; - border-bottom: var(--border-light); -} -[data-template=investigation-summary] .card--folder:first-of-type { - border-top: var(--border-light); -} -[data-template=investigation-summary] .card--folder.has-link { - border-bottom: var(--border-light); - position: relative; -} -[data-template=investigation-summary] .card--folder.has-link:first-of-type { - border-top: var(--border-light); -} -[data-template=investigation-summary] .card--folder.has-link::before { - content: ""; - width: 100%; - border-top: 1px solid transparent; - position: absolute; - top: -1px; - left: 0; -} -[data-template=investigation-summary] .card--folder.has-link:hover { - background-color: var(--grey-950); - border-color: var(--color-txt); -} -[data-template=investigation-summary] .card--folder.has-link:hover::before { - border-color: var(--color-txt); -} -[data-template=investigation-summary] .card--folder figure { - margin-left: 45px; -} -@media screen and (max-width: 560px) { - [data-template=investigation-summary] .card--folder figure { - margin-left: 0px; - } -} -[data-template=investigation-summary] .card--folder .title .icon { - display: none; -} -[data-template=investigation-summary] .card--folder .icon-folder { - position: absolute; - left: 10px; - padding-top: calc(var(--spacing) * 0.5); -} -@media screen and (max-width: 560px) { - [data-template=investigation-summary] .card--folder .icon-folder { - display: none; - } -} -[data-template=investigation-summary] .card--folder .icon-folder svg { - width: 20px; - fill: var(--color-txt); -} - -@container cardfolder (width < 680px) { - figure { - aspect-ratio: inherit; - width: 100%; - height: 100%; - } - .short { - margin-top: calc(var(--spacing) * 0.5); - } -} -@container cardfolder (width < 520px) { - figure { - aspect-ratio: inherit; - width: 100%; - height: 100%; - } - .short, ul { - font-size: var(--fs-small); - } -} .card--open-graph { display: grid; grid-gap: var(--padding-inner); grid-template-columns: 2fr 3fr; position: relative; - border: 1px solid var(--grey-600); + border: var(--border-light); border-radius: var(--radius-small); position: relative; } .card--open-graph figure { grid-column: 1; grid-row: 1; - width: 100%; - height: 100%; +} +.card--open-graph figure { + aspect-ratio: 16/9; + display: flex; + overflow: hidden; } .card--open-graph figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; + transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; +} +.card--open-graph:hover figure img { + transform: scale(1.05); } @media screen and (max-width: 560px) { .card--open-graph figure { @@ -2081,13 +960,10 @@ button.sort[data-sort-type=up] .arrow { .card--open-graph .site-name { color: var(--color-txt-light); font-size: var(--fs-small); - margin-bottom: 3px; } .card--open-graph .title { font-size: var(--fs-normal); font-weight: normal; - line-height: 1.1; - padding-top: 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; @@ -2104,169 +980,25 @@ button.sort[data-sort-type=up] .arrow { -webkit-box-orient: vertical; overflow: hidden; } -.card--open-graph:hover { - border-color: var(--color-txt); - background-color: var(--grey-950); +.card--open-graph:hover .title { + text-decoration: underline; } -.open-graph__inner { - container-type: inline-size; - container-name: opengraph; -} - -@container opengraph (width < 500px) { - .card--open-graph .content { - padding: calc(var(--padding-inner) * 0.5); +@keyframes add-border { + from { + border-bottom-color: transparent; } - .card--open-graph figure { - aspect-ratio: inherit; + to { + border-bottom: var(--grey-800); } } -.swiper { - --slide-padding: 30px; -} -.swiper .swiper-button-prev, -.swiper .swiper-button-next { - --swiper-navigation-size: 32px; - color: var(--color-txt); - background-color: var(--color-bg); - height: 100%; - width: var(--slide-padding); - top: 0px !important; - height: calc(100% - var(--spacing) * 1); -} -.swiper .swiper-button-prev svg, -.swiper .swiper-button-next svg { - width: 14px; -} -.swiper .swiper-button-prev.swiper-button-disabled, -.swiper .swiper-button-next.swiper-button-disabled { - opacity: 1; -} -.swiper .swiper-button-prev.swiper-button-disabled svg, -.swiper .swiper-button-next.swiper-button-disabled svg { - opacity: 0.05; -} -.swiper .swiper-button-prev { - left: 0px !important; - top: 0px; - justify-content: flex-start; -} -.swiper .swiper-button-next { - right: 0px !important; - top: 0px; - justify-content: flex-end; -} -.swiper .swiper-slide { - padding-left: var(--slide-padding); - padding-right: var(--slide-padding); -} -.swiper .swiper-pagination { - position: relative; - margin-top: 0px !important; - margin-top: calc(var(--spacing) * 0.5) !important; -} -.swiper .swiper-pagination .swiper-pagination-bullet { - width: 15px; - height: 4px; - border-radius: 2px; - background: var(--color-txt-light); -} -.swiper .swiper-pagination .swiper-pagination-bullet-active { - background: var(--color-txt); -} -@media screen and (max-width: 560px) { - .swiper .swiper-button-prev, - .swiper .swiper-button-next { - display: none; - } - .swiper .swiper-slide { - padding: 0px; - } -} - -.slider-before-after { - width: 100%; - max-width: 700px; - z-index: 300; - display: grid; - place-content: center; - position: relative; - overflow: hidden; - --position: 50%; -} -.slider-before-after img { - display: block; - max-width: 100%; -} -.slider-before-after .image-container { - position: relative; - width: 100%; -} -.slider-before-after .slider-image { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: left; - object-position: left; -} -.slider-before-after .image-before { - position: absolute; - inset: 0; - width: var(--position); -} -.slider-before-after .slider { - position: absolute; - inset: 0; - cursor: pointer; - opacity: 0; - /* for Firefox */ - width: 100%; - height: 100%; -} -.slider-before-after .slider:focus-visible ~ .slider-button { - outline: 5px solid black; - outline-offset: 3px; -} -.slider-before-after .slider-line { - position: absolute; - inset: 0; - width: 0.2rem; - height: 100%; - background-color: #fff; - /* z-index: 10; */ - left: var(--position); - transform: translateX(-50%); - pointer-events: none; -} -.slider-before-after .slider-button { - position: absolute; - background-color: #fff; - color: black; - padding: 0.5rem; - border-radius: 100vw; - display: grid; - place-items: center; - top: 50%; - left: var(--position); - transform: translate(-50%, -50%); - pointer-events: none; - /* z-index: 100; */ - box-shadow: 1px 1px 1px hsla(0, 50%, 2%, 0.5); -} - #site-header { - z-index: var(--z-header); + z-index: 900; --gap: 3ch; - position: fixed; - top: 0; - left: 0; width: 100vw; height: var(--header-h); background-color: var(--color-bg); padding: 0 var(--padding-body); - box-shadow: -1px 4px 10px 0px var(--color-bg); } #site-header .site-header__inner { width: 100%; @@ -2293,7 +1025,7 @@ button.sort[data-sort-type=up] .arrow { width: 80px; } } -#site-header .header__title-page { +#site-header .title-page { display: none; flex-grow: 2; text-align: left; @@ -2335,7 +1067,6 @@ button.sort[data-sort-type=up] .arrow { } #site-header #menu-toggle svg { width: 30px; - fill: var(--color-txt); } #site-header #menu-toggle .close { display: none; @@ -2344,6 +1075,39 @@ button.sort[data-sort-type=up] .arrow { fill: var(--grey-200) !important; } +#site-header.is-visible { + position: fixed; + top: 0; +} +#site-header.is-visible .site-header__inner { + border-bottom: var(--border-light); +} +#site-header.is-visible .site-header__inner #nav-highlight li:not(.soutenir) { + display: none; +} +@media screen and (min-width: 768px) { + #site-header.is-visible .site-header__inner #site-title { + flex-grow: 0; + width: calc((100vw - var(--max-w-content)) / 2 - var(--padding-body) * 2); + } +} +@media screen and (max-width: 1080px) { + #site-header.is-visible .site-header__inner #site-title { + width: calc(var(--banner-medium) - var(--padding-body)); + } +} +#site-header.is-visible .site-header__inner .title-page { + flex-grow: 2; +} +@media screen and (min-width: 768px) { + #site-header.is-visible .site-header__inner .title-page { + display: block; + } +} +#site-header.is-visible ~ main { + margin-top: var(--header-h); +} + @media screen and (max-width: 1080px) { #nav-highlight { display: none; @@ -2360,24 +1124,61 @@ button.sort[data-sort-type=up] .arrow { background-color: var(--color-bg); border-left: var(--border-light); padding: var(--padding-body); - z-index: calc(var(--z-header) - 1); + z-index: 1000; display: flex; flex-direction: column; } -@media screen and (max-width: 768px) { - #site-menu { - transition: right 0.4s ease-in; - } -} @media screen and (max-width: 560px) { #site-menu { width: 100vw; right: -100vw; } } -#site-menu .search-form { +#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; @@ -2401,6 +1202,13 @@ button.sort[data-sort-type=up] .arrow { 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; } @@ -2414,12 +1222,6 @@ body.menu-open #menu-toggle .close { #site-footer { background-color: var(--dark); padding: calc(var(--padding-body) * 2) var(--padding-body); - z-index: 500; -} -#site-footer .site-footer__container { - max-width: var(--max-w-cards); - margin: 0 auto; - padding: 0 var(--padding-body); } #site-footer .logo { margin-top: calc(var(--spacing) * 0.25); @@ -2447,6 +1249,9 @@ body.menu-open #menu-toggle .close { color: var(--color-txt); } @media screen and (max-width: 768px) { + #site-footer { + margin-top: calc(var(--spacing) * 2); + } #site-footer .footer__socials { margin-top: calc(var(--spacing) * 0.75); padding-top: calc(var(--spacing) * 0.25); @@ -2468,11 +1273,14 @@ body.menu-open #menu-toggle .close { @media screen and (min-width: 768px) { #site-footer .site-footer__container { display: grid; - grid-template-columns: 3fr 2fr; + grid-template-columns: 1fr 1fr; -moz-column-gap: calc(var(--spacing) * 2); column-gap: calc(var(--spacing) * 2); + max-width: 1200px; + margin: 0 auto; } #site-footer .footer__socials .socials { + max-width: 400px; -moz-columns: 2; columns: 2; margin-top: calc(var(--spacing) * 1); @@ -2488,264 +1296,35 @@ body.menu-open #menu-toggle .close { body { min-height: 100dvh; min-height: 100vh; - width: 100vw; display: flex; flex-direction: column; } body main { flex-grow: 1; padding: 0 var(--padding-body); - padding-top: var(--header-h); - padding-bottom: calc(var(--spacing) * 2); - min-height: 100dvh; - min-height: 100vh; -} -body main .page__header, -body main .page__content { - max-width: var(--max-w-cards); - margin-inline: auto; } -.page__type { - height: calc(var(--h-block) * 0.75); - border-radius: var(--radius-small); - border: var(--border-medium); - display: inline-flex; - align-items: center; - justify-content: center; - padding: 0 1.5ch; - padding-top: 3px; - font-size: var(--fs-small); - line-height: 1; - background-color: var(--color-bg); - color: var(--color-txt-light); - overflow: hidden; - white-space: nowrap; - text-transform: uppercase; -} - -main .page__header { - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 2); -} -@media screen and (max-width: 768px) { - main .page__header { - margin-top: calc(var(--spacing) * 2); - } -} -main .page__header .page__title { - max-width: var(--max-w-content); - text-transform: uppercase; - font-weight: normal; - font-size: var(--fs-big); - line-height: var(--leading-tight); - margin-top: calc(var(--spacing) * 1); - margin-bottom: calc(var(--spacing) * 0.5); - text-wrap: balance; -} -main .page__header .description { - font-size: var(--fs-medium); - max-width: 58ch; - line-height: 1.1; -} -main .page__header .description-medium { - font-size: var(--fs-medium); - max-width: 58ch; - line-height: 1.1; -} - -.container-cards { - max-width: var(--max-w-cards); +[data-template=investigations] main #container-cards { + max-width: var(--max-w-container); margin: 0 auto; display: grid; - grid-gap: calc(var(--spacing) * 1); -} - -@media screen and (min-width: 560px) { - .container-cards__investigations { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); - grid-auto-rows: minmax(100px, auto); - grid-gap: var(--padding-body); - margin-bottom: 10vh; - } -} -@media screen and (max-width: 560px) { - .container-cards__investigations { - margin-bottom: 10vh; - } -} - -.section--home .btn--bold-inline { - text-transform: none; - margin-top: calc(var(--spacing) * 1.5); -} -.section--home .btn--bold-inline svg { - width: 12px; - height: 12px; - top: 0px; -} -.section--home .title-section { - font-size: var(--fs-medium); - font-weight: normal; - text-transform: uppercase; - font-size: var(--fs-big); - margin-bottom: calc(var(--spacing) * 1); -} -.section--home .description-section { - max-width: 42ch; - font-size: var(--fs-medium); - line-height: 1.1; -} -@media screen and (min-width: 1080px) { - .section--home { - border-bottom: var(--border-light); - } - .section--home .section--inner { - max-width: 1280px; - margin: calc(var(--spacing) * 3) auto; - display: grid; - --gap: calc(var(--padding-body)*2); - grid-template-columns: 1fr 640px; - grid-gap: var(--gap); - } - .section--home .col-left { - height: 100%; - display: flex; - flex-direction: column; - align-items: flex-start; - } - .section--home .col-right { - width: 100%; - height: 100%; - } -} -@media screen and (max-width: 1080px) { - .section--home#home__investigations, .section--home#home__hero { - border-bottom: var(--border-light); - } - .section--home .section--inner { - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 4); - } - .section--home .col-left { - display: flex; - flex-wrap: wrap; - align-items: flex-end; - justify-content: space-between; - margin-bottom: calc(var(--spacing) * 2); - } - .section--home .col-left .title-section { - width: 100%; - } -} -@media screen and (max-width: 560px) { - .section--home .section--inner { - margin-top: calc(var(--spacing) * 2); - margin-bottom: calc(var(--spacing) * 4); - margin-bottom: 0px; - } - .section--home .col-left { - margin-bottom: calc(var(--spacing) * 1.5); - } - .section--home .title-section { - margin-bottom: calc(var(--spacing) * 0.25); - } - .section--home .description-section { - max-width: 42ch; - font-size: var(--fs-normal); - } - .section--home .btn--bold-inline { - color: var(--color-txt-light); - border-color: var(--color-txt-light); - height: calc(var(--h-block) * 0.75); - margin-top: calc(var(--spacing) * 0.75); - } - .section--home .btn--bold-inline a { - padding: 0 1ch; - padding-top: 2px; - } - .section--home .btn--bold-inline svg { - fill: var(--color-txt-light); - } -} - -#home__investigations .home-investigations-slider { - max-width: 500px; - height: auto; -} -#home__investigations .card--article .time-alone { - display: block; -} -#home__investigations .card--article .dl, -#home__investigations .card--article .pin { - display: none; -} - -#home__hero { - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 3); -} -@media screen and (max-width: 560px) { - #home__hero { - margin-top: calc(var(--spacing) * 2.5); - padding-bottom: calc(var(--spacing) * 1.5); - margin-bottom: 0px; - } -} -#home__hero .section--inner { - display: block; -} -#home__hero .baseline { - font-family: var(--title); - font-size: 45px; - line-height: 1.1; - max-width: 26ch; -} -@media screen and (max-width: 560px) { - #home__hero .baseline { - font-size: 34px; - } -} -#home__hero button { - margin-top: calc(var(--spacing) * 1); -} - -#home__folders .card--folder { - margin-bottom: calc(var(--spacing) * 0.5); + grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); + grid-auto-rows: minmax(100px, auto); + grid-gap: var(--padding-body); + margin-bottom: 10vh; } [data-template=investigation-summary] main { position: relative; } -[data-template=investigation-summary] main .panel-left { - width: calc((100vw - var(--max-w-cards) - var(--padding-body) * 4) * 0.5); +[data-template=investigation-summary] main header .page-type { + text-transform: uppercase; + color: var(--color-txt-light); + margin-bottom: calc(var(--spacing) * 0.5); } -@media screen and (max-width: 1340px) { - [data-template=investigation-summary] main { - margin-left: auto; - margin-right: calc(var(--padding-body) * 3); - } - [data-template=investigation-summary] main .panel-left { - width: calc(100vw - var(--max-w-cards) - var(--padding-body) * 6); - } -} -@media screen and (max-width: 1220px) { - [data-template=investigation-summary] main { - margin-left: auto; - margin-right: 0px; - width: calc(100% - var(--panel-w) * 0.5 - var(--padding-body)); - } - [data-template=investigation-summary] main .panel-left { - width: calc(var(--panel-w) * 0.5); - } -} -[data-template=investigation-summary] main .section__article { - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 3); -} -[data-template=investigation-summary] main .section__article:target { - padding-top: calc(var(--header-h) + var(--spacing) * 1); +[data-template=investigation-summary] main header h2 { + font-size: var(--fs-xbig); + line-height: var(--leading-tight); } [data-template=investigation-summary] main .section__article a:hover { color: var(--grey-200); @@ -2753,9 +1332,46 @@ main .page__header .description-medium { [data-template=investigation-summary] main .section__article .section__title { font-weight: normal; text-transform: uppercase; - margin-bottom: calc(var(--spacing) * 1); - padding-right: 2ch; - text-wrap: balance; + margin-bottom: calc(var(--spacing) * 0.5); +} +[data-template=investigation-summary] main #hero { + width: 100vw; + position: relative; + left: calc(var(--padding-body) * -1); +} +[data-template=investigation-summary] main #hero figcaption { + color: var(--color-txt-light); + font-size: var(--fs-small); + padding-top: calc(var(--spacing) * 0.5); +} +@media screen and (max-width: 560px) { + [data-template=investigation-summary] main #hero figcaption { + font-size: var(--fs-xsmall); + } +} +[data-template=investigation-summary] main #hero.hero-video figure { + width: 100%; +} +[data-template=investigation-summary] main #hero.hero-video figure img { + width: 100%; + aspect-ratio: 16/9; + -o-object-fit: cover; + object-fit: cover; +} +[data-template=investigation-summary] main #nav--page ul { + list-style: none; +} +[data-template=investigation-summary] main #nav--page ul li { + text-align: center; + color: var(--color-txt-light); +} +[data-template=investigation-summary] main #nav--page ul li a { + display: block; + padding: 0.3em 0; + text-decoration: none; +} +[data-template=investigation-summary] main #section__short { + font-size: var(--fs-medium); } [data-template=investigation-summary] main #section__dl { margin-top: calc(var(--spacing) * 1.5); @@ -2779,10 +1395,6 @@ main .page__header .description-medium { [data-template=investigation-summary] main #section__dl ul:not(.keywords) li { padding-bottom: 0.2em; } -[data-template=investigation-summary] main #section__synthese { - max-width: var(--max-w-content); - margin-inline: auto; -} [data-template=investigation-summary] main #section__synthese p + p { margin-top: 0.5em; } @@ -2795,64 +1407,80 @@ main .page__header .description-medium { text-decoration: 1px underline var(--color-txt-light); text-underline-offset: 3px; } -[data-template=investigation-summary] main .panel-left { - height: calc(100vh - var(--header-h)); - position: fixed; - left: var(--padding-body); - padding-bottom: calc(var(--padding-body) * 1); - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: center; - z-index: calc(var(--z-header) - 1); + +#share-banner__desktop { + display: none; } -[data-template=investigation-summary] main .panel-left #nav--page { - padding-bottom: var(--spacing); - width: calc(var(--panel-w) * 0.5); + +#share-banner__desktop ~ .modal--share { + opacity: 0; + pointer-events: none; + transition: opacity 0.2s ease-in; } -[data-template=investigation-summary] main .panel-left #nav--page ul { - list-style: none; -} -[data-template=investigation-summary] main .panel-left #nav--page ul li { - text-align: center; - color: var(--color-txt-light); - margin-bottom: 4px; - font-weight: bold; - font-size: var(--fs-small); -} -[data-template=investigation-summary] main .panel-left #nav--page ul li a { - display: block; - padding: 5px 1ch; - text-decoration: none; -} -[data-template=investigation-summary] main .panel-left .btn--group { - width: calc(var(--panel-w) * 0.5); - display: flex; - flex-direction: column; - gap: calc(var(--spacing) * 0.25); -} -[data-template=investigation-summary] main .panel-left .btn--group button, [data-template=investigation-summary] main .panel-left .btn--group .dropdown { - flex-grow: 1; - width: 100%; + +#share-banner__desktop:checked ~ .modal--share { + opacity: 1; + pointer-events: auto; } @media screen and (max-width: 768px) { - [data-template=investigation-summary] main { - width: 100%; - } [data-template=investigation-summary] main header { - margin-bottom: calc(var(--spacing) * 1); + padding-top: calc(var(--spacing) * 1.5); + } + [data-template=investigation-summary] main header .page-type { + font-size: var(--fs-small); } [data-template=investigation-summary] main .section__article { - margin-top: calc(var(--spacing) * 2); - margin-bottom: calc(var(--spacing) * 2); + margin: calc(var(--spacing) * 1.5) 0; + } + [data-template=investigation-summary] main #section__impacts, [data-template=investigation-summary] main #section__en-lien { + margin-top: 0px; + } + [data-template=investigation-summary] main #hero { + margin: calc(var(--spacing) * 1.5) 0; } [data-template=investigation-summary] main #hero figcaption { margin: 0 var(--padding-body); } - [data-template=investigation-summary] main .panel-left { + [data-template=investigation-summary] main .modal--share { + position: absolute; + width: calc(100% - var(--padding-body) * 2); + bottom: calc(var(--spacing) * 2); + } + [data-template=investigation-summary] main #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; + } + [data-template=investigation-summary] main #banner--page #nav--page { display: none; } + [data-template=investigation-summary] main #banner--page .btn--group { + display: flex; + gap: calc(var(--spacing) * 0.25); + position: relative; + } + [data-template=investigation-summary] main #banner--page .btn--group > button, + [data-template=investigation-summary] main #banner--page .btn--group > label { + width: 50%; + cursor: pointer; + } + [data-template=investigation-summary] main #banner--page { + opacity: 0; + pointer-events: none; + transition: opacity 0.2s ease-in; + } + [data-template=investigation-summary] main #banner--page.is-visible { + opacity: 1; + pointer-events: auto; + } } @media screen and (max-width: 560px) { [data-template=investigation-summary] main #section__dl .dl__group { @@ -2862,424 +1490,78 @@ main .page__header .description-medium { padding: calc(var(--spacing) * 0.25) 0; } } -@media screen and (max-width: 768px) { - [data-template=report] #toggle-panel { - display: none; - } - [data-template=report] #report__aside { - width: 100vw; - position: fixed; - top: 0px; - height: 100vh; - left: -100vw; - z-index: calc(var(--z-header) + 10); - transition: left 0.4s ease-in; - background: var(--color-bg); - } - [data-template=report] #report__aside .panel__header { - margin: 0 var(--padding-body); - border-bottom: var(--border-aside); - height: var(--header-h); - } - [data-template=report] #report__aside .panel__content { - height: calc(100dvh - var(--header-h)); - height: calc(100vh - var(--header-h)); - padding-bottom: 30vh; - } - [data-template=report] #report__aside .btn--group { - display: none; - } - [data-template=report] .panel-open #report__aside { - left: 0px; - } -} -.arrow-report { - font-size: 14px; - color: var(--color-txt-light); - width: 20px; - height: 20px; -} - -.media-anchor { - width: 100%; - height: 0px; - display: flex; - justify-content: flex-end; -} -.media-anchor .arrow-report { - position: relative; - left: 50px; - top: 8px; -} - @media screen and (min-width: 768px) { - [data-template=report] .report__header { - margin-inline: auto; - max-width: var(--max-w-cards); - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 4); - } - [data-template=report] .report__content { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: calc(var(--padding-body) * 2.5); - z-index: calc(var(--z-header) - 100); - } - [data-template=report] .report__content .report__txt { - grid-row: 1; - grid-column: 1; - max-width: var(--max-w-content); - } - [data-template=report] .report__content #report__medias { - z-index: calc(var(--z-header) - 100); - position: sticky; - top: calc(var(--header-h) + var(--padding-body)); - align-self: start; - grid-row: 1; - grid-column: 2; - min-height: 100px; - } - [data-template=report] .report__content #arrow__medias { - z-index: calc(var(--z-header) - 100); - position: sticky; - top: calc(var(--header-h) + var(--padding-body)); - align-self: start; - grid-row: 1; - grid-column: 2; - transform: rotate(180deg); - transform-origin: center; - } - [data-template=report] .report__content #arrow__medias span { - position: relative; - left: 26px; - top: calc(var(--spacing) * -5); - } - [data-template=report] #toggle-panel { - position: fixed; - top: var(--header-h); - left: var(--padding-body); - z-index: calc(var(--z-header) + 100); - } - [data-template=report] #report__aside { - position: fixed; - top: var(--header-h); - left: var(--padding-body); - width: var(--panel-w); + [data-template=investigation-summary] main #banner--page { height: calc(100vh - var(--header-h)); - z-index: calc(var(--z-header) + 200); - background-color: var(--color-bg); - box-shadow: 4px 0px 4px 1px var(--color-bg); + 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; } - [data-template=report] #report__aside .panel__header { - border: var(--border-aside); - height: calc(var(--h-block) * 1.5); + [data-template=investigation-summary] main #banner--page .btn--group { + display: flex; + flex-direction: column; + align-items: center; + gap: calc(var(--spacing) * 0.25); } - [data-template=report] #report__aside .panel__content { - height: calc(100% - var(--h-block) * 4.25); - padding-bottom: 80px; + [data-template=investigation-summary] main #banner--page .btn--group > button, + [data-template=investigation-summary] main #banner--page .btn--group > label { + width: 100%; + max-width: 160px; + cursor: pointer; } - [data-template=report] #report__aside { - left: calc(var(--panel-w) * -1); - transition: left ease-in-out 0.5s; + [data-template=investigation-summary] main #hero { + margin: calc(var(--spacing) * 3) 0; } - [data-template=report] #report { - padding-left: calc(var(--padding-body) * 2); - transition: padding-left ease-in-out 0.5s; - } - [data-template=report] .panel-open #report__aside { - left: var(--padding-body); - } - [data-template=report] .panel-open #report { - padding-left: calc(var(--panel-w) + var(--padding-body) * 1); - } -} -.report__header { - display: grid; - -moz-column-gap: var(--padding-inner); - column-gap: var(--padding-inner); - row-gap: calc(var(--spacing) * 1); - grid-template-columns: 65% 35%; - grid-template-rows: auto auto 1fr; - position: relative; -} -.report__header .report__title-group { - grid-row: 1; - grid-column: span 2; -} -.report__header .report__title-group .title { - text-transform: uppercase; - font-weight: normal; - font-size: var(--fs-big); - line-height: var(--leading-tight); - font-weight: normal; - margin-top: calc(var(--spacing) * 1); - text-wrap: balance; -} -.report__header .report__title-group .subtitle { - font-size: var(--fs-big); - line-height: var(--leading-tight); - font-weight: normal; - text-wrap: balance; -} -.report__header figure { - aspect-ratio: 16/9; - display: flex; - overflow: hidden; -} -.report__header figure img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; -} -.report__header figure { - grid-row: 2; - grid-column: 2; -} -.report__header .report__dl { - grid-row: 2; - grid-column: 1; - align-self: end; - border-bottom: var(--border-light); - align-items: flex-start; -} -.report__header .report__dl .dl__group { - display: grid; - grid-gap: var(--padding-inner); - grid-template-columns: 2fr 3fr; - position: relative; - border-top: var(--border-light); - padding: calc(var(--spacing) * 0.5) 0; -} -.report__header .report__dl dt { - color: var(--color-txt-light); - padding-right: 1ch; -} -.report__header .btn--group { - position: relative; - grid-row: 3; - grid-column: 1/3; - display: flex; - justify-content: start; - flex-wrap: wrap; - align-items: start; - gap: calc(var(--spacing) * 0.25); -} - -.report__content .section-content { - padding-bottom: calc(var(--spacing) * 3); -} -.report__content .section-content:target { - padding-top: calc(var(--header-h) + var(--spacing) * 2); -} -@media screen and (max-width: 768px) { - .report__content .section-content:target { - padding-top: calc(var(--header-h) + var(--spacing) * 0.5); - } -} -.report__content .section-title { - font-size: var(--fs-medium); - margin-bottom: var(--spacing); - font-weight: normal; - text-transform: uppercase; - text-wrap: balance; - max-width: 42ch; -} -.report__content p { - margin: calc(var(--spacing) * 0.5) 0; -} -.report__content ul { - padding-left: 3ch; -} - -.report__content:target { - padding-top: calc(var(--header-h) * 2 + var(--spacing)) !important; -} - -.media video { - width: 100%; -} -.media figure { - height: auto; -} -.media .caption { - font-size: var(--fs-small); - line-height: 1.1; -} -.media .swiper { - width: calc(100% - 60px); - max-width: 600px; -} - -#toggle-panel { - width: calc(var(--h-block) * 1); - padding: 0; -} - -#report__aside { - --border-aside: 1px solid var(--color-txt); -} -#report__aside .panel__header { - display: flex; - display: flex; - align-items: center; - justify-content: flex-start; - gap: 0.5ch; - cursor: pointer; -} -#report__aside .panel__header .icon { - width: calc(var(--h-block) * 1.5); - display: flex; - align-items: center; - justify-content: center; -} -#report__aside .panel__header svg { - width: 16px; - fill: var(--color-txt); -} -#report__aside .panel__header .text { - padding-top: 5px; -} -#report__aside .panel__header .close { - position: absolute; - right: 0; -} -#report__aside .panel__header .close svg { - width: 10px; - fill: var(--color-txt); -} -#report__aside .panel__header:hover .close svg { - fill: var(--grey-200); -} -#report__aside .panel__content { - padding: var(--padding-body); - overflow: scroll; - scrollbar-width: none; - -ms-overflow-style: none; - border: var(--border-aside); - border-top: none; -} -#report__aside .panel__content::-webkit-scrollbar { - display: none; -} -#report__aside #toc ul { - list-style: none; -} -#report__aside #toc li { - font-size: var(--fs-small); - color: var(--color-txt-light); -} -#report__aside #toc li a { - display: block; - padding: 5px 1ch; - padding-top: 7px; -} -#report__aside #toc li.selected { - background-color: var(--grey-800); - color: var(--color-txt); -} -#report__aside #toc li:hover { - background-color: var(--grey-800); -} -#report__aside #toc .toc-level-1 { - margin-bottom: calc(var(--spacing) * 0.5); - font-weight: bold; -} -#report__aside #toc .toc-level-2 { - margin-bottom: calc(var(--spacing) * 0.25); - padding-left: 4ch; -} -#report__aside #toc a { - text-decoration: none; -} -#report__aside .btn--group { - margin-top: calc(var(--spacing) * 0.5); - display: flex; - gap: var(--padding-inner); -} -#report__aside .btn--group button { - flex-grow: 1; -} - -.content-folder { - max-width: var(--max-w-cards); - margin: 0 auto; - display: grid; - grid-gap: calc(var(--padding-body) * 1.5); - position: relative; -} -.content-folder .container-cards { - display: block; - align-self: start; -} -.content-folder #section__investigations article { - margin-bottom: calc(var(--spacing) * 1); -} -.content-folder .container__title { - font-weight: normal; - font-size: var(--fs-normal); - text-transform: uppercase; - margin-bottom: calc(var(--spacing) * 0.75); -} -@media screen and (max-width: 1080px) { - .content-folder #section__investigations { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: calc(var(--padding-inner) * 1.5) !important; + [data-template=investigation-summary] main .section__article { + margin-left: var(--banner-medium); + margin-top: calc(var(--spacing) * 3); margin-bottom: calc(var(--spacing) * 3); } - .content-folder #section__investigations article { - margin-bottom: 0px; + [data-template=investigation-summary] main #section__short { + margin-top: var(--padding-body); } - .content-folder #section__investigations .container__title { - grid-column: span 2; - margin-bottom: 0px; + [data-template=investigation-summary] main header { + max-width: var(--max-w-content); + margin: calc(var(--spacing) * 2) auto; } - .content-folder section:target { - padding-top: calc(var(--header-h) + var(--spacing)); + [data-template=investigation-summary] main .section__article .section__title { + font-size: var(--fs-medium); + margin-bottom: var(--spacing); + } + [data-template=investigation-summary] main #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) { - .content-folder { - grid-template-columns: 1fr 1fr; + [data-template=investigation-summary] main #banner--page { + width: calc((100% - var(--max-w-content)) / 2); } - .content-folder #nav-folder { - display: none; + [data-template=investigation-summary] main #hero { + margin: calc(var(--spacing) * 3) 0; } - .content-folder #section__investigations { - display: block; - margin-bottom: 0px; + [data-template=investigation-summary] main #hero figcaption { + max-width: var(--max-w-content); + margin: 0 auto; } - .content-folder #section__investigations article { - margin-bottom: calc(var(--spacing) * 1); + [data-template=investigation-summary] main header { + max-width: var(--max-w-content); + margin: calc(var(--spacing) * 2) auto; } -} -@media screen and (max-width: 768px) { - .content-folder { - display: block; - } - .content-folder #section__investigations { - display: block; - } - .content-folder .container__title { - margin-bottom: calc(var(--spacing) * 0.5) !important; - } -} - -#nav-folder { - display: flex; - margin-top: calc(var(--spacing) * -1); - margin-bottom: calc(var(--spacing) * 2); -} -#nav-folder svg { - width: 10px; - height: 10px; - transform: rotate(90deg); -} - -@media screen and (min-width: 1080px) { - #nav-folder { - display: none; + [data-template=investigation-summary] main .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 b3b28ea..956c407 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/_tags.scss","components/_keywords.scss","components/_sort.scss","components/_btn-group-mobile.scss","components/_hero.scss","components/_form-newsletter.scss","components/_search-form.scss","components/_list-socials.scss","components/_modal-share.scss","components/_dropdown.scss","components/_card-article.scss","components/_figures.scss","components/_card-article-small.scss","components/_card-impact.scss","components/_details-summary.scss","components/_card-impact-small.scss","components/_card-folder.scss","components/_card-open-graph.scss","components/_swiper.scss","components/_slider-before-after.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","partials/_page-header.scss","partials/_container-cards.scss","template/_home.scss","template/_investigation-summary.scss","template/_report.scss","template/_folder.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/_tags.scss","components/_keywords.scss","components/_form-newsletter.scss","components/_list-socials.scss","components/_modal-share.scss","components/_text.scss","components/_card-article.scss","components/_figures.scss","components/_card-article-small.scss","components/_card-impact.scss","components/_details-summary.scss","components/_card-open-graph.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","template/_investigations.scss","template/_investigation-summary.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 a762e05..d117e9f 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -1,49 +1,35 @@ @charset "UTF-8"; -@import "base/responsive"; -@import "base/var"; -@import "base/body"; +@import 'base/responsive'; +@import 'base/var'; +@import 'base/body'; -@import "partials/site-header"; +@import 'partials/site-header'; // @import 'components/nav-tabs'; // @import 'components/btn--default'; -@import "components/buttons"; -@import "components/tags"; -@import "components/keywords"; -@import "components/details-summary"; -@import "components/sort"; -@import "components/btn-group-mobile"; +@import 'components/buttons'; +@import 'components/tags'; +@import 'components/keywords'; +@import 'components/details-summary'; + +@import 'components/figures'; +@import 'components/form-newsletter'; +@import 'components/list-socials'; +@import 'components/modal-share'; +@import 'components/text'; +@import 'components/card-article'; +@import 'components/card-article-small'; +@import 'components/card-impact'; +@import 'components/card-open-graph'; +@import 'partials/site-header'; +@import 'partials/site-menu'; +@import 'partials/site-footer'; +@import 'partials/main-layout'; -@import "components/figures"; -@import "components/hero"; -@import "components/form-newsletter"; -@import "components/search-form"; -@import "components/list-socials"; -@import "components/modal-share"; -@import "components/dropdown"; -@import "components/text"; -@import "components/card-article"; -@import "components/card-article-small"; -@import "components/card-impact"; -@import "components/card-impact-small"; -@import "components/card-folder"; -@import "components/card-open-graph"; -@import "components/swiper"; -@import "components/slider-before-after"; +@import 'template/investigations'; +@import 'template/investigation-summary'; -@import "partials/site-header"; -@import "partials/site-menu"; -@import "partials/site-footer"; -@import "partials/main-layout"; -@import "partials/page-header"; -@import "partials/container-cards"; - -@import "template/home"; -@import "template/investigation-summary"; -@import "template/report"; -@import "template/folder"; -@import "template/impacts"; diff --git a/assets/css/template/_folder.scss b/assets/css/template/_folder.scss deleted file mode 100644 index ac8e4f3..0000000 --- a/assets/css/template/_folder.scss +++ /dev/null @@ -1,90 +0,0 @@ -.content-folder{ - // max-width: 1300px; - max-width: var(--max-w-cards); - margin: 0 auto; - display: grid; - grid-gap: calc(var(--padding-body)*1.5); - // grid-template-columns: 60% cacl(40% - var(--padding-body)*1.5); - - position: relative; - - .container-cards{ - display: block; - align-self: start; - } - - #section__investigations article{ - margin-bottom: calc(var(--spacing)*1); - } - - - .container__title{ - font-weight: normal; - font-size: var(--fs-normal); - text-transform: uppercase; - margin-bottom: calc(var(--spacing)*0.75); - - } - - - - - @media #{$medium}{ - #section__investigations{ - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: calc(var(--padding-inner)*1.5)!important; - margin-bottom: calc(var(--spacing)*3); - article{ margin-bottom: 0px;} - .container__title{ - grid-column: span 2; - margin-bottom: 0px; - } - } - section:target{ - padding-top: calc(var(--header-h) + var(--spacing)); - - } - - } - - @media #{$medium-up}{ - #nav-folder{ display: none; } - grid-template-columns: 1fr 1fr; - #section__investigations{ - display: block; - margin-bottom: 0px; - article{ - margin-bottom: calc(var(--spacing)*1); - } - } - } - - - @media #{$small}{ - display: block; - #section__investigations{ - display: block; - } - .container__title{ - margin-bottom: calc(var(--spacing)*0.5)!important; - } - } - -} - - -#nav-folder{ - display: flex; - margin-top: calc(var(--spacing)*-1); - margin-bottom: calc(var(--spacing)*2); - - svg{ - width: 10px; - height: 10px; - transform: rotate(90deg); - } -} -@media #{$medium-up}{ - #nav-folder{ display: none;} -} \ No newline at end of file diff --git a/assets/css/template/_home.scss b/assets/css/template/_home.scss deleted file mode 100644 index c1dfcbf..0000000 --- a/assets/css/template/_home.scss +++ /dev/null @@ -1,202 +0,0 @@ -.section--home { - - .btn--bold-inline { - text-transform: none; - margin-top: calc(var(--spacing)*1.5); - - svg { - width: 12px; - height: 12px; - top: 0px; - } - - } - - - - .title-section { - font-size: var(--fs-medium); - font-weight: normal; - text-transform: uppercase; - font-size: var(--fs-big); - margin-bottom: calc(var(--spacing)*1); - } - - .description-section { - max-width: 42ch; - font-size: var(--fs-medium); - line-height: 1.1; - } - - - @media #{$medium-up} { - - border-bottom: var(--border-light); - - .section--inner { - max-width: 1280px; - margin: calc(var(--spacing)*3) auto; - display: grid; - --gap: calc(var(--padding-body)*2); - grid-template-columns: 1fr 640px; - grid-gap: var(--gap); - } - - - .col-left { - height: 100%; - display: flex; - flex-direction: column; - align-items: flex-start; - - } - - .col-right { - width: 100%; - height: 100%; - } - - - } - - @media #{$medium} { - - &#home__investigations, - &#home__hero { - border-bottom: var(--border-light); - } - - .section--inner { - margin-top: calc(var(--spacing)*3); - margin-bottom: calc(var(--spacing)*4); - } - - .col-left { - display: flex; - flex-wrap: wrap; - align-items: flex-end; - justify-content: space-between; - margin-bottom: calc(var(--spacing)*2); - - .title-section { - width: 100%; - } - - } - } - - @media #{$x-small} { - .section--inner { - margin-top: calc(var(--spacing)*2); - margin-bottom: calc(var(--spacing)*4); - margin-bottom: 0px; - } - - .col-left{ - margin-bottom: calc(var(--spacing)*1.5); - } - - - .title-section { - margin-bottom: calc(var(--spacing)*0.25); - } - - .description-section { - max-width: 42ch; - font-size: var(--fs-normal); - } - - .btn--bold-inline { - color: var(--color-txt-light); - border-color: var(--color-txt-light); - height: calc(var(--h-block) * 0.75); - // margin: 0 auto; - margin-top: calc(var(--spacing)*0.75); - - a { - padding: 0 1ch; - padding-top: 2px; - } - - svg { - fill: var(--color-txt-light); - } - } - } - - - - - - - - -} - - - - -#home__investigations { - - .home-investigations-slider { - max-width: 500px; - height: auto; - } - - .card--article { - - .time-alone { - display: block; - } - - .dl, - .pin { - display: none; - } - } - - -} - - -#home__hero { - margin-top: calc(var(--spacing)*3); - margin-bottom: calc(var(--spacing)*3); - - @media #{$x-small} { - margin-top: calc(var(--spacing)*2.5); - padding-bottom: calc(var(--spacing)*1.5); - margin-bottom: 0px; - - } - - - .section--inner { - display: block; - } - - .baseline { - font-family: var(--title); - font-size: 45px; - line-height: 1.1; - max-width: 26ch; - - @media #{$x-small} { - font-size: 34px; - } - } - - button { - margin-top: calc(var(--spacing)*1); - } - - - -} - - -#home__folders { - .card--folder { - margin-bottom: calc(var(--spacing)*0.5); - } -} \ No newline at end of file diff --git a/assets/css/template/_impacts.scss b/assets/css/template/_impacts.scss deleted file mode 100644 index e69de29..0000000 diff --git a/assets/css/template/_investigation-summary.scss b/assets/css/template/_investigation-summary.scss index 0a5475a..fe66d59 100644 --- a/assets/css/template/_investigation-summary.scss +++ b/assets/css/template/_investigation-summary.scss @@ -1,195 +1,362 @@ -[data-template="investigation-summary"] main { - position: relative; +[data-template="investigation-summary"] main{ + + position: relative; + + header{ + .page-type{ + text-transform: uppercase; + color: var(--color-txt-light); + margin-bottom: calc(var(--spacing)*0.5); + } + h2{ + font-size: var(--fs-xbig); + line-height: var(--leading-tight); + } + } + .section__article{ + a:hover{ + color: var(--grey-200); + } + .section__title{ + font-weight: normal; + text-transform: uppercase; + margin-bottom: calc(var(--spacing)*0.5) + } + } + #hero{ + width: 100vw; + position: relative; + left: calc(var(--padding-body)*-1); - .panel-left{ - width: calc((100vw - var(--max-w-cards) - var(--padding-body)*4)*0.5); - } - - @media screen and (max-width: 1340px){ - margin-left: auto; - margin-right: calc(var(--padding-body)*3); - .panel-left{ - width: calc(100vw - var(--max-w-cards) - var(--padding-body)*6); - } - } - - - @media screen and (max-width: 1220px){ - margin-left: auto; - margin-right: 0px; - width: calc(100% - var(--panel-w)*0.5 - var(--padding-body)); - .panel-left{ - width: calc(var(--panel-w)*0.5); - } - } - - - .section__article { - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 3); - - &:target{ - padding-top: calc(var(--header-h) + var(--spacing)*1); + figcaption{ + color: var(--color-txt-light); + font-size: var(--fs-small); + @media #{$x-small}{ font-size: var(--fs-xsmall); } + padding-top: calc(var(--spacing)*0.5); + + } - a:hover { - color: var(--grey-200); - } + &.hero-video{ + figure{ + width: 100%; - .section__title { - font-weight: normal; - text-transform: uppercase; - margin-bottom: calc(var(--spacing) * 1); - padding-right: 2ch; - text-wrap: balance; - } - } + img{ + width: 100%; + aspect-ratio: 16/9; + object-fit: cover; + } - - - #section__dl { - margin-top: calc(var(--spacing) * 1.5); - border-bottom: var(--border-light); - - .dl__group { - @include grid-content(); - border-top: var(--border-light); - padding: calc(var(--spacing) * 0.5) 0; - } - - dt { - color: var(--color-txt-light); - padding-right: 1ch; - } - - ul:not(.keywords) { - list-style: none; - - li { - padding-bottom: 0.2em; - } - } - } - - - - #section__synthese { - - max-width: var(--max-w-content); - margin-inline: auto; - - 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; - } - } - - - - - .panel-left{ - //background-color: yellow; - - height: calc(100vh - var(--header-h)); - position: fixed; - left: var(--padding-body); - padding-bottom: calc(var(--padding-body)*1); - display: flex; - flex-direction: column; - justify-content: flex-end; - align-items: center; - z-index: calc(var(--z-header) - 1); - - #nav--page { - padding-bottom: var(--spacing); - width: calc(var(--panel-w)*0.5); - ul { - list-style: none; - - li { - text-align: center; - color: var(--color-txt-light); - margin-bottom: 4px; - font-weight: bold; - font-size: var(--fs-small); - - a { - display: block; - padding: 5px 1ch; - text-decoration: none; + + } } - } } - } - .btn--group{ - width: calc(var(--panel-w)*0.5); - display: flex; - flex-direction: column; - gap:calc(var(--spacing)*0.25); - - button, .dropdown{ - flex-grow: 1; - width: 100%; + #nav--page{ + ul{ + list-style: none; + li{ + text-align: center; + color: var(--color-txt-light); + a{ + display: block; + padding: 0.3em 0; + text-decoration: none; + } + } + } + } + + #section__short{ + font-size: var(--fs-medium); + } + + #section__dl{ + margin-top: calc(var(--spacing)*1.5); + border-bottom: var(--border-light); + + .dl__group{ + @include grid-content(); + border-top: var(--border-light); + padding: calc(var(--spacing)*0.5) 0; + } + + dt{ + color: var(--color-txt-light); + padding-right: 1ch; + } + + ul:not(.keywords){ + list-style: none; + li{ + padding-bottom: 0.2em; + } + + } } - } - } - + #section__synthese{ + 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; + + } + + } } + + +// SHARE ACTIONS -------------------------------------------------- +// ---------------------------------------------------------------- + +#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; +} + + + + + + // SMALL ---------------------------------------------------------- // ---------------------------------------------------------------- -@media #{$small} { - [data-template="investigation-summary"] main { - width: 100%; - header { - margin-bottom: calc(var(--spacing) * 1); +@media #{$small}{ + + [data-template="investigation-summary"] main{ + + 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; + } + + + } - .section__article { - margin-top: calc(var(--spacing) * 2); - margin-bottom: calc(var(--spacing) * 2); - } - - - #hero { - figcaption { - margin: 0 var(--padding-body); - } - } - - .panel-left { - display: none; - } - } } -@media #{$x-small} { - [data-template="investigation-summary"] main { - #section__dl .dl__group { - column-gap: 1ch; - font-size: var(--fs-small); - padding: calc(var(--spacing) * 0.25) 0; + + +@media #{$x-small}{ + [data-template="investigation-summary"] main{ + #section__dl .dl__group{ + + column-gap: 1ch; + font-size: var(--fs-small); + padding: calc(var(--spacing)*0.25) 0; + } + } +} + + + + + +// DESKTOP ---------------------------------------------------------- +// ---------------------------------------------------------------- + + +@media #{$small-up}{ + + [data-template="investigation-summary"] main{ + + #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}{ + + [data-template="investigation-summary"] main{ + + #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/css/template/_investigations.scss b/assets/css/template/_investigations.scss new file mode 100644 index 0000000..bb92653 --- /dev/null +++ b/assets/css/template/_investigations.scss @@ -0,0 +1,17 @@ + +[data-template="investigations"] main{ + + #container-cards{ + max-width: var(--max-w-container); + margin: 0 auto; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); + grid-auto-rows: minmax(100px, auto); + grid-gap: var(--padding-body); + margin-bottom: 10vh; + + + + } + +} diff --git a/assets/css/template/_report.scss b/assets/css/template/_report.scss deleted file mode 100644 index 496a1d8..0000000 --- a/assets/css/template/_report.scss +++ /dev/null @@ -1,478 +0,0 @@ - - - - -// LAOUT ----------------------------------- - - -@media #{$small}{ - [data-template="report"] { - - #toggle-panel{ - display: none; - } - - #report__aside{ - width: 100vw; - position: fixed; - top: 0px; - height: 100vh; - left: -100vw; - z-index: calc(var(--z-header) + 10); - transition: left .4s ease-in; - background: var(--color-bg); - - - .panel__header{ - margin: 0 var(--padding-body); - border-bottom: var(--border-aside); - height: var(--header-h); - } - - .panel__content{ - height: calc(100dvh - var(--header-h)); - height: calc(100vh - var(--header-h)); - padding-bottom: 30vh; - } - - .btn--group{ - display: none; - } - - } - - .panel-open #report__aside{ - left: 0px; - } - - } -} - - -.arrow-report{ - font-size: 14px; - color: var(--color-txt-light); - - width: 20px; - height: 20px; - -} - -.media-anchor{ - width: 100%; - height: 0px; - display: flex; - justify-content: flex-end; - - .arrow-report{ - position: relative; - left: 50px; - top: 8px; - } -} - - - -@media #{$small-up}{ -[data-template="report"] { - - - .report__header { - margin-inline: auto; - max-width: var(--max-w-cards); - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 4); - } - - .report__content { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: calc(var(--padding-body)*2.5); - z-index: calc(var(--z-header) - 100); - - .report__txt { - grid-row: 1; - grid-column: 1; - max-width: var(--max-w-content); - } - - #report__medias { - z-index: calc(var(--z-header) - 100); - position: sticky; - top: calc(var(--header-h) + var(--padding-body)); - align-self: start; - - // border-left: var(--border-light); - // padding-left: var(--padding-inner); - grid-row: 1; - grid-column: 2; - // border: var(--border-light); - min-height: 100px; - - } - - #arrow__medias{ - z-index: calc(var(--z-header) - 100); - position: sticky; - top: calc(var(--header-h) + var(--padding-body)); - align-self: start; - - grid-row: 1; - grid-column: 2; - transform: rotate(180deg); - transform-origin: center; - - - span{ - position: relative; - left: 26px; - top: calc(var(--spacing)*-5); - } - } - - } - - - - #toggle-panel { - position: fixed; - top: var(--header-h); - left: var(--padding-body); - z-index: calc(var(--z-header) + 100); - } - - #report__aside { - position: fixed; - top: var(--header-h); - left: var(--padding-body); - width: var(--panel-w); - height: calc(100vh - var(--header-h)); - z-index: calc(var(--z-header) + 200); - background-color: var(--color-bg); - box-shadow: 4px 0px 4px 1px var(--color-bg); - - .panel__header{ - border: var(--border-aside); - height: calc(var(--h-block)*1.5); - } - - .panel__content { - height: calc(100% - var(--h-block)*4.25); - padding-bottom: 80px; - - } - - } - - - #report__aside { - left: calc(var(--panel-w)*-1); - transition: left ease-in-out .5s; - } - #report { - padding-left: calc(var(--padding-body)*2); - transition: padding-left ease-in-out .5s; - } - - - .panel-open{ - - #report__aside{ - left: var(--padding-body); - } - #report { - padding-left: calc(var(--panel-w) + var(--padding-body)*1); - } - - } - - - - - -} - -} - -// HEADER ------------------------------------------------------------------------- - -.report__header { - - - display: grid; - column-gap: var(--padding-inner); - row-gap: calc(var(--spacing)*1); - grid-template-columns: 65% 35%; - grid-template-rows: auto auto 1fr; - position: relative; - - .report__title-group { - grid-row: 1; - grid-column: span 2; - - .title { - text-transform: uppercase; - font-weight: normal; - font-size: var(--fs-big); - line-height: var(--leading-tight); - font-weight: normal; - margin-top: calc(var(--spacing)*1); - text-wrap: balance; - } - - .subtitle { - font-size: var(--fs-big); - line-height: var(--leading-tight); - font-weight: normal; - text-wrap: balance; - - } - - } - - @include figure-16-9(); - - figure { - grid-row: 2; - grid-column: 2; - } - - .report__dl { - grid-row: 2; - grid-column: 1; - align-self: end; - // font-size: var(--fs-small); - border-bottom: var(--border-light); - align-items: flex-start; - - .dl__group { - @include grid-content(); - border-top: var(--border-light); - padding: calc(var(--spacing)*0.5) 0; - } - - dt { - color: var(--color-txt-light); - padding-right: 1ch; - } - } - - - .btn--group { - position: relative; - grid-row: 3; - grid-column: 1/3; - - display: flex; - justify-content: start; - flex-wrap: wrap; - align-items: start; - gap: calc(var(--spacing)*0.25); - - } -} - - - - - -// CONTENT ------------------------------------------------------------------------------- - - - -.report__content { - - - - .section-content { - padding-bottom: calc(var(--spacing)*3); - &:target{ - padding-top: calc(var(--header-h) + var(--spacing)*2); - @media #{$small}{ padding-top: calc(var(--header-h) + var(--spacing)*0.5); } - } - - } - - - - .section-title { - font-size: var(--fs-medium); - margin-bottom: var(--spacing); - font-weight: normal; - text-transform: uppercase; - text-wrap: balance; - max-width: 42ch; - } - - p { - margin: calc(var(--spacing)*0.5) 0; - } - - ul { - padding-left: 3ch; - } -} - -.report__content:target { - padding-top: calc(var(--header-h)*2 + var(--spacing)) !important; -} - - -.media{ - - video{ - width: 100%; - } - - figure{ - height: auto; - } - - .caption{ - font-size: var(--fs-small); - line-height: 1.1; - } - - .swiper{ - width: calc(100% - 60px); - max-width: 600px; - } -} - - - -/// PANEL-LEFT  -------------------------------------------- - - - -#toggle-panel { - width: calc(var(--h-block) * 1); - padding: 0; -} - -#report__aside { - --border-aside: 1px solid var(--color-txt); - - .panel__header { - display: flex; - - display: flex; - align-items: center; - justify-content: flex-start; - gap: 0.5ch; - - .icon { - width: calc(var(--h-block)*1.5); - display: flex; - align-items: center; - justify-content: center; - } - - svg { - width: 16px; - fill: var(--color-txt); - } - - .text { - padding-top: 5px; - } - - .close { - position: absolute; - right: 0; - - svg { - width: 10px; - fill: var(--color-txt); - } - - - } - - cursor: pointer; - - &:hover { - .close svg { - fill: var(--grey-200); - } - } - - - } - - .panel__content { - padding: var(--padding-body); - overflow: scroll; - @include hide-scroll(); - border: var(--border-aside); - border-top: none; - } - - - #toc { - ul { - list-style: none; - } - - li { - font-size: var(--fs-small); - - color: var(--color-txt-light); - - a { - display: block; - padding: 5px 1ch; - padding-top: 7px; - } - - - } - - li.selected { - background-color: var(--grey-800); - color: var(--color-txt); - } - - li:hover { - background-color: var(--grey-800); - } - - .toc-level-1 { - margin-bottom: calc(var(--spacing)*0.5); - font-weight: bold; - } - - .toc-level-2 { - margin-bottom: calc(var(--spacing)*0.25); - padding-left: 4ch; - } - - a { - text-decoration: none; - } - - } - - .btn--group { - margin-top: calc(var(--spacing)*0.5); - display: flex; - gap: var(--padding-inner); - - button { - flex-grow: 1; - } - } - - - - -} - - - - - - - - - diff --git a/assets/icons/article.svg b/assets/icons/article.svg deleted file mode 100644 index 3c4d502..0000000 --- a/assets/icons/article.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/icons/close.svg b/assets/icons/close.svg index 8a44ae2..d02ecbb 100644 --- a/assets/icons/close.svg +++ b/assets/icons/close.svg @@ -1,4 +1,4 @@ - + diff --git a/assets/icons/filter.svg b/assets/icons/filter.svg deleted file mode 100644 index 30b3be1..0000000 --- a/assets/icons/filter.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/icons/folder.svg b/assets/icons/folder.svg deleted file mode 100644 index 562ed7b..0000000 --- a/assets/icons/folder.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/icons/pdf.svg b/assets/icons/pdf.svg deleted file mode 100644 index 8db44b1..0000000 --- a/assets/icons/pdf.svg +++ /dev/null @@ -1,56 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/icons/pin.svg b/assets/icons/pin.svg deleted file mode 100644 index ae58e20..0000000 --- a/assets/icons/pin.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/icons/play.svg b/assets/icons/play.svg deleted file mode 100644 index 4aee878..0000000 --- a/assets/icons/play.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/icons/printer.svg b/assets/icons/printer.svg deleted file mode 100644 index 141b66c..0000000 --- a/assets/icons/printer.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/icons/share.svg b/assets/icons/share.svg deleted file mode 100644 index f61e992..0000000 --- a/assets/icons/share.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/icons/socials/bluesky.svg b/assets/icons/socials/bluesky.svg index a070aea..3944e93 100644 --- a/assets/icons/socials/bluesky.svg +++ b/assets/icons/socials/bluesky.svg @@ -1,3 +1,9 @@ - - - \ No newline at end of file + + + + + + + + + diff --git a/assets/icons/socials/facebook.svg b/assets/icons/socials/facebook.svg index 5fc7cec..cf4118e 100644 --- a/assets/icons/socials/facebook.svg +++ b/assets/icons/socials/facebook.svg @@ -1,3 +1,3 @@ - - - \ No newline at end of file + + + diff --git a/assets/icons/socials/instagram.svg b/assets/icons/socials/instagram.svg index 855e653..57775b0 100644 --- a/assets/icons/socials/instagram.svg +++ b/assets/icons/socials/instagram.svg @@ -1,3 +1,3 @@ - - - \ No newline at end of file + + + diff --git a/assets/icons/socials/linkedin.svg b/assets/icons/socials/linkedin.svg index 30fc0e3..5a9c0a5 100644 --- a/assets/icons/socials/linkedin.svg +++ b/assets/icons/socials/linkedin.svg @@ -1,3 +1,3 @@ - - - \ No newline at end of file + + + diff --git a/assets/icons/socials/mastodon.svg b/assets/icons/socials/mastodon.svg index a8c2a26..efe42f5 100644 --- a/assets/icons/socials/mastodon.svg +++ b/assets/icons/socials/mastodon.svg @@ -1,3 +1,9 @@ - - - \ No newline at end of file + + + + + + + + + diff --git a/assets/icons/socials/threads.svg b/assets/icons/socials/threads.svg index 13c9e7a..3619982 100644 --- a/assets/icons/socials/threads.svg +++ b/assets/icons/socials/threads.svg @@ -1,3 +1,3 @@ - - - \ No newline at end of file + + + diff --git a/assets/icons/socials/x-social.svg b/assets/icons/socials/x-social.svg index 2fafcc2..18f2f4d 100644 --- a/assets/icons/socials/x-social.svg +++ b/assets/icons/socials/x-social.svg @@ -1,3 +1,9 @@ - - - \ No newline at end of file + + + + + + + + + diff --git a/assets/icons/socials/youtube.svg b/assets/icons/socials/youtube.svg index 3c9c0be..40ca348 100644 --- a/assets/icons/socials/youtube.svg +++ b/assets/icons/socials/youtube.svg @@ -1,3 +1,3 @@ - - - \ No newline at end of file + + + diff --git a/assets/icons/toc.svg b/assets/icons/toc.svg deleted file mode 100644 index ab417a6..0000000 --- a/assets/icons/toc.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/assets/images/adam-raihane/fig-1-a.png b/assets/images/adam-raihane/fig-1-a.png deleted file mode 100644 index d09aac1..0000000 Binary files a/assets/images/adam-raihane/fig-1-a.png and /dev/null differ diff --git a/assets/images/adam-raihane/fig-1-b.png b/assets/images/adam-raihane/fig-1-b.png deleted file mode 100644 index 44b2a10..0000000 Binary files a/assets/images/adam-raihane/fig-1-b.png and /dev/null differ diff --git a/assets/images/adam-raihane/fig-1.png b/assets/images/adam-raihane/fig-1.png deleted file mode 100644 index 8c1313f..0000000 Binary files a/assets/images/adam-raihane/fig-1.png and /dev/null differ diff --git a/assets/images/adam-raihane/fig-2.png b/assets/images/adam-raihane/fig-2.png deleted file mode 100644 index 2e60668..0000000 Binary files a/assets/images/adam-raihane/fig-2.png and /dev/null differ diff --git a/assets/images/adam-raihane/fig-3.png b/assets/images/adam-raihane/fig-3.png deleted file mode 100644 index e203433..0000000 Binary files a/assets/images/adam-raihane/fig-3.png and /dev/null differ diff --git a/assets/images/adam-raihane/fig-4.png b/assets/images/adam-raihane/fig-4.png deleted file mode 100644 index 4777605..0000000 Binary files a/assets/images/adam-raihane/fig-4.png and /dev/null differ diff --git a/assets/images/adam-raihane/fig-5.png b/assets/images/adam-raihane/fig-5.png deleted file mode 100644 index 618c108..0000000 Binary files a/assets/images/adam-raihane/fig-5.png and /dev/null differ diff --git a/assets/images/adam-raihane/fig-6.png b/assets/images/adam-raihane/fig-6.png deleted file mode 100644 index 3a6e0cc..0000000 Binary files a/assets/images/adam-raihane/fig-6.png and /dev/null differ diff --git a/assets/images/adam-raihane/fig-7.png b/assets/images/adam-raihane/fig-7.png deleted file mode 100644 index 61e03f4..0000000 Binary files a/assets/images/adam-raihane/fig-7.png and /dev/null differ diff --git a/assets/images/cover-rapport.png b/assets/images/cover-rapport.png deleted file mode 100644 index 276d94a..0000000 Binary files a/assets/images/cover-rapport.png and /dev/null differ diff --git a/assets/images/image-rapport.png b/assets/images/image-rapport.png deleted file mode 100644 index e129ed6..0000000 Binary files a/assets/images/image-rapport.png and /dev/null differ diff --git a/assets/js/banner-sticky-desktop.js b/assets/js/banner-sticky-desktop.js index 3495b43..6f9e171 100644 --- a/assets/js/banner-sticky-desktop.js +++ b/assets/js/banner-sticky-desktop.js @@ -4,14 +4,19 @@ export function bannerStickyDesktop(responsiveSmall) { if (isInitialized) return; let body = document.body; - let panel = body.querySelector(".panel-left"); - - if (!panel) return; + if (!body || body.dataset.template !== 'investigation-summary') return; + let bannerPage = body.querySelector("#banner--page"); + let sectionDl = document.querySelector("#section__dl"); let footer = document.querySelector("#site-footer"); + if (!bannerPage || !sectionDl || !footer) return; + // Stocker la hauteur initiale du banner - const bannerInitialHeight = panel.offsetHeight; + const bannerInitialHeight = bannerPage.offsetHeight; + + // Stocker la position initiale du footer (calculée une seule fois au chargement) + let footerInitialTop = footer.offsetTop; function checkScroll() { const screenWidth = window.innerWidth; @@ -19,35 +24,33 @@ export function bannerStickyDesktop(responsiveSmall) { // Vérifier que l'écran est plus grand que responsiveSmall if (screenWidth <= responsiveSmall) { // Réinitialiser le transform si on est en dessous de responsiveSmall - panel.style.transform = ''; + bannerPage.style.transform = ''; return; } // Calculer la position du bas de la fenêtre const windowBottom = window.scrollY + window.innerHeight; - // Calculer dynamiquement la position du footer à chaque scroll - // Utiliser getBoundingClientRect() + scrollY pour une valeur toujours à jour - const footerTop = footer.getBoundingClientRect().top + window.scrollY; - - // Calculer de combien on dépasse le haut du footer - const overlap = windowBottom - footerTop; + // Calculer de combien on dépasse le haut du footer (position initiale) + const overlap = windowBottom - footerInitialTop; if (overlap > 0) { // Le bas de la fenêtre a atteint le haut du footer // Déplacer le banner vers le haut du nombre de pixels de dépassement const translateValue = Math.min(overlap, bannerInitialHeight); - panel.style.transform = `translateY(-${translateValue}px)`; + bannerPage.style.transform = `translateY(-${translateValue}px)`; } else { // Réinitialiser la position si on n'a pas encore atteint le footer - panel.style.transform = 'translateY(0)'; + bannerPage.style.transform = 'translateY(0)'; } } window.addEventListener('scroll', checkScroll); window.addEventListener('resize', () => { + // Recalculer la position du footer lors du resize if (window.innerWidth > responsiveSmall) { - panel.style.transform = ''; + bannerPage.style.transform = ''; + footerInitialTop = footer.offsetTop; } checkScroll(); }); diff --git a/assets/js/banner-sticky-mobile.js b/assets/js/banner-sticky-mobile.js new file mode 100644 index 0000000..a0f512a --- /dev/null +++ b/assets/js/banner-sticky-mobile.js @@ -0,0 +1,50 @@ +let isInitialized = false; + +export function bannerStickyMobile(responsiveSmall) { + if (isInitialized) return; + + let body = document.body; + if (!body || body.dataset.template !== 'investigation-summary') return; + + let bannerPage = body.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/btn-group-mobile.js b/assets/js/btn-group-mobile.js deleted file mode 100644 index 518b6aa..0000000 --- a/assets/js/btn-group-mobile.js +++ /dev/null @@ -1,35 +0,0 @@ -let isInitialized = false; - -export function btnGroupMobile() { - if (isInitialized) return; - const btnGroup = document.querySelector(".btn--group__mobile"); - let footer = document.querySelector("#site-footer"); - - if (!btnGroup) return; - - function checkScroll() { - - const windowHeight = window.innerHeight; - const scrollY = window.scrollY; - const footerTop = footer.getBoundingClientRect().top; - - if (scrollY > windowHeight * 0.6) { - btnGroup.classList.add('is-visible'); - - if (footerTop < windowHeight) { - btnGroup.classList.remove('is-visible'); - } - } else { - btnGroup.classList.remove('is-visible'); - } - } - - window.addEventListener('scroll', checkScroll); - checkScroll(); - - isInitialized = true; - - -} - - diff --git a/assets/js/dropdown.js b/assets/js/dropdown.js deleted file mode 100644 index d254a9d..0000000 --- a/assets/js/dropdown.js +++ /dev/null @@ -1,87 +0,0 @@ -export function initDropdowns(responsiveSmall) { - const dropdowns = document.querySelectorAll('.dropdown'); - - function updateBodyOverflow(isOpen, dropdownElement = null) { - const isInMobileGroup = dropdownElement?.closest('.btn--group__mobile'); - if (isOpen && window.innerWidth < responsiveSmall && isInMobileGroup) { - document.body.classList.add('is-hidden'); - } else { - document.body.classList.remove('is-hidden'); - } - } - - dropdowns.forEach(dropdown => { - const trigger = dropdown.querySelector('.dropdown__trigger'); - const content = dropdown.querySelector('.dropdown__content'); - - if (!trigger) return; - - - - // Empêche la fermeture au clic dans le contenu des dropdowns contenant .modal--share - if (dropdown.querySelector('.modal--share') && content) { - content.addEventListener('click', (e) => { - e.stopPropagation(); - }); - } - - trigger.addEventListener('click', (e) => { - e.stopPropagation(); - - // Ferme les autres dropdowns ouverts - dropdowns.forEach(other => { - if (other !== dropdown) { - other.classList.remove('is-open', 'dropdown--align-right'); - other.querySelector('.dropdown__trigger')?.classList.remove('is-selected'); - } - }); - - const isOpening = !dropdown.classList.contains('is-open'); - - if (isOpening) { - // Vérifie s'il y a la place à droite - const content = dropdown.querySelector('.dropdown__content'); - const triggerRect = trigger.getBoundingClientRect(); - const contentWidth = content.offsetWidth || 300; - const spaceRight = window.innerWidth - triggerRect.left; - - if (spaceRight < contentWidth) { - dropdown.classList.add('dropdown--align-right'); - } else { - dropdown.classList.remove('dropdown--align-right'); - } - } - - // Toggle le dropdown actuel - dropdown.classList.toggle('is-open'); - trigger.classList.toggle('is-selected'); - - // Gère l'overflow du body sur mobile - updateBodyOverflow(dropdown.classList.contains('is-open'), dropdown); - }); - }); - - // Ferme tous les dropdowns au clic extérieur - document.addEventListener('click', (e) => { - dropdowns.forEach(dropdown => { - // Ne ferme pas si le clic est dans un dropdown contenant .modal--share - if (dropdown.querySelector('.modal--share') && dropdown.contains(e.target)) { - return; - } - dropdown.classList.remove('is-open', 'dropdown--align-right'); - dropdown.querySelector('.dropdown__trigger')?.classList.remove('is-selected'); - }); - updateBodyOverflow(false); - }); - - // Ferme au press Escape - document.addEventListener('keydown', (e) => { - if (e.key === 'Escape') { - dropdowns.forEach(dropdown => { - dropdown.classList.remove('is-open', 'dropdown--align-right'); - dropdown.querySelector('.dropdown__trigger')?.classList.remove('is-selected'); - }); - updateBodyOverflow(false); - } - }); -} diff --git a/assets/js/header.js b/assets/js/header.js index 0549ae3..8c1e30a 100644 --- a/assets/js/header.js +++ b/assets/js/header.js @@ -1,22 +1,26 @@ 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", () => { - const isOpen = document.body.classList.toggle("menu-open"); + document.body.classList.toggle("menu-open"); }); } - -// DELETE ? export function headerScrollVisibility() { const header = document.getElementById("site-header"); + const hero = document.getElementById("hero"); - if (!header) return; + if (!header || !hero) return; function checkScroll() { - if (window.scrollY >= 300) { + 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"); @@ -24,6 +28,6 @@ export function headerScrollVisibility() { } window.addEventListener("scroll", checkScroll); - checkScroll(); + checkScroll(); // Vérifier au chargement } diff --git a/assets/js/hero-slider.js b/assets/js/hero-slider.js deleted file mode 100644 index dd39df8..0000000 --- a/assets/js/hero-slider.js +++ /dev/null @@ -1,50 +0,0 @@ -import Swiper from 'https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.mjs'; - -export function initHeroSlider() { - const heroSlider = document.querySelector('.hero-slider'); - - if (!heroSlider) { - return; - } - - const swiper = new Swiper('.hero-slider', { - // Optional parameters - loop: true, - speed: 600, - effect: 'fade', - fadeEffect: { - crossFade: true - }, - - // Touch/Swipe settings (activé par défaut, mais configuré ici pour optimisation) - touchRatio: 1, - touchAngle: 45, - grabCursor: true, - simulateTouch: true, - allowTouchMove: true, - - // Navigation arrows - navigation: { - nextEl: '.swiper-button-next', - prevEl: '.swiper-button-prev', - }, - - // Pagination - pagination: { - el: '.swiper-pagination', - clickable: true, - }, - - // Keyboard control - keyboard: { - enabled: true, - }, - - // Accessibility - a11y: { - prevSlideMessage: 'Diapositive précédente', - nextSlideMessage: 'Diapositive suivante', - paginationBulletMessage: 'Aller à la diapositive {{index}}', - }, - }); -} diff --git a/assets/js/hero-video.js b/assets/js/hero-video.js deleted file mode 100644 index 707c316..0000000 --- a/assets/js/hero-video.js +++ /dev/null @@ -1,39 +0,0 @@ - -export function playVideo() { - const playButton = document.querySelector('#hero-play-video'); - - if (!playButton) { - return; - } - - playButton.addEventListener('click', function() { - const extract = document.querySelector('.extract'); - const videoFull = document.querySelector('.video-full'); - const titleSmall = document.querySelector('.page-title-small'); - - - if (extract) { - extract.style.display = 'none'; - } - - if(titleSmall){ - titleSmall.style.display = 'none'; - } - - if (videoFull) { - videoFull.style.display = 'block'; - - const iframe = videoFull.querySelector('iframe'); - if (iframe) { - const src = iframe.src; - - // Ajouter les paramètres autoplay et mute pour YouTube - if (src) { - const separator = src.includes('?') ? '&' : '?'; - iframe.src = src + separator + 'autoplay=1&mute=1'; - iframe.setAttribute('allow', 'autoplay; encrypted-media'); - } - } - } - }); -} diff --git a/assets/js/panel.js b/assets/js/panel.js deleted file mode 100644 index 7575010..0000000 --- a/assets/js/panel.js +++ /dev/null @@ -1,60 +0,0 @@ -export function panelToggle(responsiveSmall) { - const toggleBtn = document.querySelector('#toggle-panel'); - const toggleBtnMobile = document.querySelector('#toggle-panel__mobile'); - const main = document.querySelector('main'); - const closeBtn = document.querySelector('.panel-left .panel__header'); - - function openPanel() { - main.classList.add('panel-open'); - const screenWidth = window.innerWidth; - if (screenWidth <= responsiveSmall) { - console.log("small screen"); - document.body.style.overflowY = 'hidden'; - } - - } - - function closePanel() { - main.classList.remove('panel-open'); - main.classList.add('panel-close'); - document.body.style.overflowY = ''; - } - - if (toggleBtn) { - toggleBtn.addEventListener('click', (e) => { - e.stopPropagation(); - openPanel(); - }); - } - - if (toggleBtnMobile) { - toggleBtnMobile.addEventListener('click', (e) => { - e.stopPropagation(); - openPanel(); - }); - } - - if (closeBtn) { - closeBtn.addEventListener('click', closePanel); - } -} - - -export function tocMobile(responsiveSmall) { - const toc = document.querySelector('#toc'); - const main = document.querySelector('main'); - - if (!toc) return; - - const tocLinks = toc.querySelectorAll('a'); - - tocLinks.forEach(link => { - link.addEventListener('click', () => { - if (window.innerWidth <= responsiveSmall) { - main.classList.remove('panel-open'); - main.classList.add('panel-close'); - document.body.style.overflowY = ''; - } - }); - }); -} \ No newline at end of file diff --git a/assets/js/report.js b/assets/js/report.js deleted file mode 100644 index 9fe3f9f..0000000 --- a/assets/js/report.js +++ /dev/null @@ -1,220 +0,0 @@ - -import { initSwipers } from './swipers.js'; - -export function report(responsiveSmall) { - if (document.body.dataset.template === 'report') { - - // Initialiser tous les sliders de type before-after - initSliderBeforeAfter(); - - // Ne fonctionne que pour les écrans plus grands que responsiveSmall - if (window.matchMedia(responsiveSmall).matches) { - // Sur mobile : initialiser les swipers normalement car initMediaDisplay ne sera pas actif - initSwipers(); - return; - } - - // Sur desktop : initMediaDisplay va gérer les media dynamiquement - // Les swipers seront initialisés au moment de l'insertion dans #report__medias - initMediaDisplay(); - } -} - - -function initSliderBeforeAfter(container = document){ - const slidersBeforeAfter = container.querySelectorAll('.slider-before-after'); - slidersBeforeAfter.forEach(function (sliderContainer, index) { - const sliderInput = sliderContainer.querySelector('.slider'); - if (sliderInput) { - sliderInput.addEventListener('input', (e) => { - console.log('slider value:', e.target.value); - sliderContainer.style.setProperty('--position', `${e.target.value}%`); - }); - } - }); -} - -function initMediaDisplay() { - const reportMedias = document.querySelector('#report__medias'); - if (!reportMedias) return; - - // Calculer la hauteur depuis les variables CSS: calc(var(--header-h) + var(--padding-body)) - const rootStyles = getComputedStyle(document.documentElement); - const headerH = rootStyles.getPropertyValue('--header-h').trim(); - const paddingBody = rootStyles.getPropertyValue('--padding-body').trim(); - const spacingH = rootStyles.getPropertyValue('--spacing').trim(); - - - // Convertir en pixels si nécessaire - const headerHPx = parseFloat(headerH); - const paddingBodyPx = parseFloat(paddingBody); - const spacingHPx = parseFloat(paddingBody); - const totalOffset = headerHPx + paddingBodyPx + spacingHPx*5; - - const sections = document.querySelectorAll('.section-content'); - const mediaElements = []; - let mediaCounter = 0; - - // 1. Pour chaque section, traiter les .media - sections.forEach((section) => { - const medias = section.querySelectorAll('.media'); - - medias.forEach((media) => { - // Générer un ID unique si nécessaire - if (!media.id) { - media.id = `media-${mediaCounter++}`; - } - - // Créer une ancre - const anchor = document.createElement('div'); - anchor.className = 'media-anchor'; - anchor.dataset.mediaId = media.id; - anchor.innerHTML = '▶' - - // Vérifier si le media est précédé d'un titre - let previousElement = media.previousElementSibling; - let insertBeforeElement = media; - - // Si l'élément précédent est un titre (h1-h6), insérer l'ancre avant le titre - if (previousElement && /^H[1-6]$/.test(previousElement.tagName)) { - insertBeforeElement = previousElement; - } - - // Insérer l'ancre - insertBeforeElement.parentNode.insertBefore(anchor, insertBeforeElement); - - // Stocker la référence pour l'observer - mediaElements.push({ - anchor: anchor, - media: media.cloneNode(true), // Cloner le media - originalMedia: media, - section: section - }); - - // Masquer le media original - media.style.display = 'none'; - }); - }); - - // 2. Fonction pour trouver et afficher le media le plus proche de la ligne de déclenchement - let currentMediaId = null; - let isUpdating = false; // Flag pour éviter les mises à jour simultanées - - function updateActiveMedia() { - // Éviter les mises à jour simultanées - if (isUpdating) return; - - // Trouver l'ancre qui est la plus proche de la ligne de déclenchement (totalOffset du haut) - let closestAnchor = null; - let closestDistance = Infinity; - - mediaElements.forEach(({ anchor }) => { - const rect = anchor.getBoundingClientRect(); - - // Si l'ancre est au-dessus ou à la ligne de déclenchement - if (rect.top <= totalOffset) { - const distance = totalOffset - rect.top; - - // Prendre celle qui vient juste de passer (la plus proche en dessous de la ligne) - if (distance < closestDistance) { - closestDistance = distance; - closestAnchor = anchor; - } - } - }); - - // Si on a trouvé une ancre - if (closestAnchor) { - const mediaId = closestAnchor.dataset.mediaId; - - // Si c'est déjà le media affiché, ne rien faire - if (currentMediaId === mediaId) return; - - // Trouver le media correspondant - const mediaData = mediaElements.find(m => m.anchor === closestAnchor); - - if (mediaData) { - isUpdating = true; - - // Utiliser requestAnimationFrame pour éviter les conflits de reflow - requestAnimationFrame(() => { - // Vider le conteneur - reportMedias.innerHTML = ''; - - // Ajouter le nouveau media - const newMediaElement = mediaData.media.cloneNode(true); - reportMedias.appendChild(newMediaElement); - currentMediaId = mediaId; - - // Attendre le prochain frame pour initialiser les sliders/swipers - requestAnimationFrame(() => { - initSliderBeforeAfter(reportMedias); - initSwipers(reportMedias); - - // Débloquer les mises à jour après un court délai - setTimeout(() => { - isUpdating = false; - }, 100); - }); - }); - } - } else { - // Aucune ancre n'a encore franchi la ligne, vider le conteneur - if (currentMediaId !== null) { - reportMedias.innerHTML = ''; - currentMediaId = null; - } - } - } - - // 3. Écouter le scroll - let scrollTimeout; - window.addEventListener('scroll', () => { - // Throttle pour optimiser les performances - if (scrollTimeout) return; - - scrollTimeout = setTimeout(() => { - updateActiveMedia(); - scrollTimeout = null; - }, 10); - }); - - // Appeler une première fois au chargement - updateActiveMedia(); - - // 4. Gérer les sections sans media immédiat - // Observer aussi les sections elles-mêmes - const sectionObserver = new IntersectionObserver((entries) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - const section = entry.target; - - // Vérifier si cette section a un media juste après son premier titre - const firstTitle = section.querySelector('h1, h2, h3, h4, h5, h6'); - if (firstTitle) { - let nextElement = firstTitle.nextElementSibling; - - // Chercher le prochain élément qui n'est pas une ancre - while (nextElement && nextElement.classList.contains('media-anchor')) { - nextElement = nextElement.nextElementSibling; - } - - // Si le prochain élément n'est pas un .media, vider #report__medias - if (!nextElement || !nextElement.classList.contains('media')) { - reportMedias.innerHTML = ''; - currentMediaId = null; - } - } - } - }); - }, { - root: null, - rootMargin: `-${totalOffset}px 0px 0px 0px`, - threshold: 0 - }); - - // Observer toutes les sections - sections.forEach(section => { - sectionObserver.observe(section); - }); -} \ No newline at end of file diff --git a/assets/js/script.js b/assets/js/script.js index 74adb2c..773fc50 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -1,34 +1,18 @@ import { headerToggle, headerScrollVisibility } from './header.js'; import { copyLink } from './share.js'; -import { panelToggle, tocMobile } from './panel.js'; -import { btnGroupMobile } from './btn-group-mobile.js'; +import { bannerStickyMobile } from './banner-sticky-mobile.js'; import { bannerStickyDesktop } from './banner-sticky-desktop.js'; import { themeToggle } from './themeToggle.js'; -import { initHeroSlider } from './hero-slider.js'; -import { playVideo } from './hero-video.js'; -import { initDropdowns } from './dropdown.js'; -import { initSwipers } from './swipers.js'; -import { report } from './report.js'; - const responsiveMedium = 1080; const responsiveSmall = 768; -window.onload = async function () { +window.onload = async function () { console.log("SCRIPT LOADED"); headerToggle(); - panelToggle(responsiveSmall); - themeToggle(); - - - report(responsiveSmall); - - tocMobile(responsiveSmall); + headerScrollVisibility(); copyLink(); - btnGroupMobile(responsiveSmall) + themeToggle(); + bannerStickyMobile(responsiveSmall); bannerStickyDesktop(responsiveSmall); - initHeroSlider(); - playVideo(); - initDropdowns(responsiveSmall); - initSwipers(); } \ No newline at end of file diff --git a/assets/js/share.js b/assets/js/share.js index c26fb8f..5c42a65 100644 --- a/assets/js/share.js +++ b/assets/js/share.js @@ -1,16 +1,14 @@ export function copyLink() { let buttons = document.querySelectorAll('.copy-link button'); buttons.forEach(function (button, index) { - let input = button.parentNode.querySelector("input"); - let link = input.value; + let link = button.parentNode.querySelector("input").value; button.addEventListener('click', function() { navigator.clipboard.writeText(link).then(() => { - input.value = 'Lien copié !'; - input.classList.add('is-copied'); + const originalText = button.textContent; + button.textContent = 'Lien copié'; setTimeout(() => { - input.value = link; - input.classList.remove('is-copied'); + button.textContent = originalText; }, 1000); }).catch(err => { console.error('Erreur lors de la copie:', err); diff --git a/assets/js/swipers.js b/assets/js/swipers.js deleted file mode 100644 index c69ed3d..0000000 --- a/assets/js/swipers.js +++ /dev/null @@ -1,54 +0,0 @@ -import Swiper from 'https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.mjs'; - -export function initSwipers(container = document) { - const sliders = container.querySelectorAll('.swiper'); - - if (sliders.length === 0) { - return; - } - - sliders.forEach((sliderElement) => { - // Éviter de réinitialiser un swiper déjà initialisé - if (sliderElement.swiper) { - return; - } - - const swiper = new Swiper(sliderElement, { - // Optional parameters - slidesPerView: 1, - spaceBetween: 20, - speed: 600, - - // Touch/Swipe settings - touchRatio: 1, - touchAngle: 45, - grabCursor: true, - simulateTouch: true, - allowTouchMove: true, - - // Navigation arrows - navigation: { - nextEl: sliderElement.querySelector('.swiper-button-next'), - prevEl: sliderElement.querySelector('.swiper-button-prev'), - }, - - // Pagination - pagination: { - el: sliderElement.querySelector('.swiper-pagination'), - clickable: true, - }, - - // Keyboard control - keyboard: { - enabled: true, - }, - - // Accessibility - a11y: { - prevSlideMessage: 'Investigation précédente', - nextSlideMessage: 'Investigation suivante', - paginationBulletMessage: 'Aller à l\'investigation {{index}}', - }, - }); - }); -} diff --git a/site/blueprints/pages/folder.yml b/site/blueprints/pages/folder.yml deleted file mode 100644 index f47cd72..0000000 --- a/site/blueprints/pages/folder.yml +++ /dev/null @@ -1,21 +0,0 @@ -title: Dossier - -tabs: - contentTab: - label: Contenu - icon: page - fields: - description: - label: Description - type: textarea - size: medium - buttons: false - cover: - label: Visuel de couverture - type: files - multiple: false - layout: cards - image: - ratio: 12/7 - cover: true - help: Image utilisée dans la liste des dossiers diff --git a/site/blueprints/pages/folders.yml b/site/blueprints/pages/folders.yml deleted file mode 100644 index 6b17e90..0000000 --- a/site/blueprints/pages/folders.yml +++ /dev/null @@ -1,17 +0,0 @@ -title: Dossiers - -tabs: - contentTab: - label: Contenu - sections: - folders: - type: pages - text: "{{ page.title }}" - info: "{{ page.description }}" - layout: cards - size: huge - search: true - image: - cover: true - ratio: 12/7 - template: folder diff --git a/site/blueprints/pages/investigation-summary.yml b/site/blueprints/pages/investigation-summary.yml index 803de70..e69de29 100644 --- a/site/blueprints/pages/investigation-summary.yml +++ b/site/blueprints/pages/investigation-summary.yml @@ -1,127 +0,0 @@ -title: Investigation Summary - -tabs: - contentTab: - label: Contenu - icon: page - columns: - - width: 2/6 - sections: - createdSection: - type: fields - fields: - created: - label: Première publication - type: date - display: DD / MM / YYYY - default: today - width: 1/2 - reportSection: - label: Rapport - type: pages - template: report - - width: 4/6 - fields: - chapo: - label: Chapo - type: writer - nodes: false - buttons: false - cover: - label: Visuel de couverture - type: files - multiple: false - layout: cards - image: - ratio: 12/7 - cover: true - help: Image utilisée dans les listes d'enquêtes - heroType: - label: Type de hero - type: select - options: - image: Image simple - slider: Slider d'images - video: Vidéo - default: image - width: 1/3 - heroImages: - label: Images hero - type: files - multiple: true - layout: cards - when: - heroType: image - heroType: slider - videoExtractUrl: - label: URL vidéo d'extrait (autoplay) - type: url - when: - heroType: video - width: 1/2 - videoFullUrl: - label: URL vidéo complète (YouTube embed) - type: url - when: - heroType: video - width: 1/2 - synthesis: - label: Synthèse - type: textarea - size: large - buttons: false - metadataTab: - label: Métadonnées - icon: table - fields: - folder: - label: Dossier - type: select - options: query - query: - fetch: site.find('dossiers').children - text: "{{ page.title }}" - value: "{{ page.slug }}" - empty: Aucun dossier - width: 1/3 - incidentDate: - label: Date de l'incident - type: date - display: DD / MM / YYYY - width: 1/3 - incidentLocation: - label: Lieu de l'incident - type: text - width: 1/3 - incidentConsequences: - label: Conséquence(s) - type: text - width: 1/3 - keywords: - label: Mots-clés - type: tags - width: 1/2 - methodology: - label: Méthodologie - type: tags - width: 1/2 - partners: - label: Partenaires - type: structure - width: 1/2 - fields: - name: - label: Nom - type: text - link: - label: Lien - type: url - team: - label: Équipe Index - type: tags - width: 1/2 - relatedInvestigations: - label: Enquêtes en lien - type: pages - multiple: true - query: site.find('enquetes').children diff --git a/site/blueprints/pages/report.yml b/site/blueprints/pages/investigation.yml similarity index 79% rename from site/blueprints/pages/report.yml rename to site/blueprints/pages/investigation.yml index b9c260f..ffa08e1 100644 --- a/site/blueprints/pages/report.yml +++ b/site/blueprints/pages/investigation.yml @@ -81,3 +81,24 @@ tabs: type: link options: - url + line: + type: line + indexTeam: + label: Équipe Index + type: structure + columns: + responsability: + width: 1/2 + names: + width: 1/2 + fields: + responsability: + label: Responsabilité + type: text + width: 1/2 + names: + label: Nom + type: entries + width: 1/2 + field: + type: text diff --git a/site/blueprints/pages/investigations.yml b/site/blueprints/pages/investigations.yml index 82c3cbd..85a23c1 100644 --- a/site/blueprints/pages/investigations.yml +++ b/site/blueprints/pages/investigations.yml @@ -14,4 +14,3 @@ tabs: image: cover: true ratio: 12/7 - template: investigation-summary diff --git a/site/config/config.php b/site/config/config.php index dfed172..8e65d31 100644 --- a/site/config/config.php +++ b/site/config/config.php @@ -2,8 +2,6 @@ return [ 'debug' => true, - 'locale' => 'fr_FR.UTF-8', - 'date.handler' => 'intl', 'thumbs' => [ 'quality' => 80, 'presets' => [ diff --git a/site/snippets/back-to-top.php b/site/snippets/back-to-top.php deleted file mode 100644 index 8868e95..0000000 --- a/site/snippets/back-to-top.php +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/site/snippets/footer.php b/site/snippets/footer.php index 2496ea7..16332a7 100644 --- a/site/snippets/footer.php +++ b/site/snippets/footer.php @@ -1,4 +1,4 @@ - +