diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index a48b55d..eb39442 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -3,7 +3,9 @@
"allow": [
"Bash(git add:*)",
"Bash(git commit:*)",
- "Bash(cat:*)"
+ "Bash(cat:*)",
+ "WebFetch(domain:unicode-org.github.io)",
+ "Bash(git mv:*)"
],
"deny": [],
"ask": []
diff --git a/.forgejo/workflows/deploy.yml b/.forgejo/workflows/deploy.yml
index 67cc286..6203168 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/ -x header.php site site
+ mirror --reverse --verbose --ignore-time --parallel=10 -x accounts/ -x cache/ -x sessions/ 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 42cbd09..22dd854 100644
--- a/.gitignore
+++ b/.gitignore
@@ -61,4 +61,4 @@ Icon
# Local
local/
-/local/*
\ No newline at end of file
+.claude
diff --git a/assets/css/base/_body.scss b/assets/css/base/_body.scss
index b15509b..95b56aa 100644
--- a/assets/css/base/_body.scss
+++ b/assets/css/base/_body.scss
@@ -29,9 +29,6 @@ body{
color: var(--color-txt);
background-color: var(--color-bg);
- width: 100vw;
- overflow-x: hidden;
-
}
img{
@@ -51,7 +48,7 @@ img{
// }
}
-
+.swiper-button-next, .swiper-button-prev,
body, #site-header, #site-footer{
transition: background-color 0.3s ease, color 0.3s ease;
}
@@ -61,4 +58,57 @@ body, #site-header, #site-footer{
grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr;
position: relative;
-}
\ No newline at end of file
+}
+
+
+@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;
+ }
+}
+
+
diff --git a/assets/css/base/_responsive.scss b/assets/css/base/_responsive.scss
index 0017258..81a0ffc 100644
--- a/assets/css/base/_responsive.scss
+++ b/assets/css/base/_responsive.scss
@@ -11,3 +11,8 @@ $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 675f0e1..2d8b00d 100644
--- a/assets/css/base/_var.scss
+++ b/assets/css/base/_var.scss
@@ -17,8 +17,10 @@
--fs-button-bold: 22px;
- --max-w-content: 700px;
- --max-w-container: 1280px;
+ --max-w-content: 640px;
+ --max-w-cards: 940px;
+ --z-header: 2000;
+ --panel-w: 310px;
@media #{$small} {
--fs-medium: 20px;
@@ -26,7 +28,7 @@
}
--leading-tight: 1.05;
- --leading-normal: 1.2;
+ --leading-normal: 1.3;
// --leading-relaxed: 1.4;
// --leading-loose: 1.8;
@@ -41,6 +43,7 @@
--grey-400: #969696;
--grey-600: #6d6d6d;
--grey-800: #383838;
+ --grey-950: #222222;
--color-bg: #161616;
--color-txt: #ffffff;
@@ -89,21 +92,23 @@
--header-h: 60px;
+ --padding-body: 16px;
}
}
:root[data-theme="light"] {
- --grey-100: #1f1f1f;
+ --grey-100: #2f2f2f;
--grey-200: #2f2f2f;
--grey-300: #4a4a4a;
--grey-400: #6a6a6a;
--grey-600: #9a9a9a;
--grey-800: #cfcfcf;
+ --grey-950: #eaeaea;
--color-bg: #efefef;
- --color-txt: #000000;
+ --color-txt: #161616;
--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
deleted file mode 100644
index 3c4e2d0..0000000
--- a/assets/css/components/_btn--don.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-#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
new file mode 100644
index 0000000..b2b9ff7
--- /dev/null
+++ b/assets/css/components/_btn-group-mobile.scss
@@ -0,0 +1,48 @@
+.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 9ae38bb..bcefb56 100644
--- a/assets/css/components/_buttons.scss
+++ b/assets/css/components/_buttons.scss
@@ -3,8 +3,12 @@ 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{
@@ -30,7 +34,64 @@ 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;
@@ -42,10 +103,17 @@ 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;
@@ -55,10 +123,12 @@ button:disabled{
display: flex;
align-items: center;
justify-content: center;
+ gap: 1ch;
padding: 0 2ch;
padding-top: 4px;
}
+
}
@@ -67,112 +137,125 @@ 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);
+.btn--toc{
+ svg{
+ width: 15px;
+ height: 15px;
+ top: 0px;
}
}
-
-
-
-
-// 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;
-
+@mixin btn--go-to(){
position: relative;
-
-
- display: flex;
- 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: var(--size);
- height: var(--size);
- display: flex;
- align-items: center;
- justify-content: center;
- color: var(--color-bg);
- text-align: center;
-
+ .btn--go-to{
+ position: absolute;
+ right: var(--padding-inner);
+ bottom: calc(var(--padding-inner) - 3px);
svg{
- fill: var(--color-bg);
- width: 80%;
+ 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;
+ }
+ }
+
- .txt{
- font-family: var(--font-title);
- color: var(--color-accent);
- font-size: var(--fs-normal);
- font-weight: var(--fw-bold);
- padding-left: 1ch;
+
+}
+
+
+
+
+@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);
}
- &::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
+ .icon{
+ width: 12px;
+ height: 12px;
+ transform: rotate(-90deg);
+ transform-origin: center;
+ position: relative;
+ top: -1px;
+ svg{
+ width: 12px;
+ height: 12px;
+ }
}
&:hover{
- //
- .txt{
- color: var(--color-bg);
- display: block;
- }
- &::after{
- width: 100%;
+ 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); }
}
-
-
-
-
-
-
}
+
+
+
diff --git a/assets/css/components/_card-article-small.scss b/assets/css/components/_card-article-small.scss
index ee37d96..a345fab 100644
--- a/assets/css/components/_card-article-small.scss
+++ b/assets/css/components/_card-article-small.scss
@@ -3,22 +3,56 @@
.card--article-small{
@include grid-content();
- margin-bottom: var(--spacing);
-
+
+ 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);
+ // }
@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;}
}
@@ -27,15 +61,18 @@
flex-grow: 1;
color: var(--color-txt-light);
}
- .keywords{
- margin-top: 1.5em;
- padding-bottom: calc(var(--spacing)*0.25);
- color: var(--color-txt-light);
+
+ .description{
+ @include clamp(2);
+ margin-bottom: calc(var(--spacing)*0.75);
+
}
- &:hover{
- .title{ text-decoration: underline;}
- }
+
+
+ @include btn--go-to();
+ @include hover-card-line();
+
@media #{$medium}{
.title{
@@ -45,6 +82,17 @@
}
@media #{$x-small}{
+
+ // figure{
+ // aspect-ratio: inherit;
+ // width: 100%;
+ // height: 100%;
+ // }
+
+ .icon-article{ display: none; }
+ .description{
+ display: none;
+ }
.content{
padding: 0;
}
@@ -55,12 +103,24 @@
font-size: var(--fs-small);
margin-top: 0.25em;
}
- .keywords{
- margin-top: 0.5em;
- padding-bottom: 0;
+
+ .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);
+ }
+
}
+
}
+
}
\ No newline at end of file
diff --git a/assets/css/components/_card-article.scss b/assets/css/components/_card-article.scss
index 9b6bbbf..b0a46d1 100644
--- a/assets/css/components/_card-article.scss
+++ b/assets/css/components/_card-article.scss
@@ -4,14 +4,37 @@
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;
- flex-grow: 2;
+ }
+ .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);
}
.title{
@@ -19,14 +42,14 @@
font-size: var(--fs-medium);
font-weight: normal;
text-transform: uppercase;
- flex-grow: 2;
+ text-wrap: balance;
+ // flex-grow: 2;
a{ text-decoration: none;}
}
.description{
- margin-top: calc(var(--spacing)*1);
- font-size: var(--fs-small);
+ margin-top: calc(var(--spacing)*0.5);
display: -webkit-box;
-webkit-line-clamp: 3;
@@ -36,7 +59,8 @@
.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);
@@ -48,24 +72,37 @@
padding-right: 1ch;
}
- ul:not(.keywords){
+ ul{
list-style: none;
- li{
- padding-bottom: 0.2em;
- }
-
+ li{ padding-bottom: 0.2em; }
}
- .dl__group__keywords{
- padding-bottom: 0;
- }
+ }
+
+
+ .keywords-wrapper{
+ z-index: 3000;
+ margin-top: calc(var(--spacing)*0.5);
+ // margin-bottom: calc(var(--spacing)*0.5);
+ }
+
+ .keywords{
+
+ grid-column: 2;
}
&: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
new file mode 100644
index 0000000..38a8c3d
--- /dev/null
+++ b/assets/css/components/_card-folder.scss
@@ -0,0 +1,153 @@
+.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
new file mode 100644
index 0000000..848351b
--- /dev/null
+++ b/assets/css/components/_card-impact-small.scss
@@ -0,0 +1,111 @@
+.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 90ba5d1..e4a94c4 100644
--- a/assets/css/components/_card-impact.scss
+++ b/assets/css/components/_card-impact.scss
@@ -1,77 +1,264 @@
-.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);
- }
+.card--impact {
- .content{
- grid-column: 2;
- }
- &:not([data-impact-type="media"]) .content{
- @media #{$x-small}{ grid-column: span 2; }
- }
+ container-type: inline-size;
+ container-name: impact;
+ border: var(--border-light);
+ margin-bottom: calc(var(--spacing)*1);
- .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: ' +'
- }
- }
+ &.has-link {
+ @include hover-card-line();
}
- .open-graph__details{
- grid-column: span 2;
- @include details-summary();
- summary{
- color: var(--color-txt-light);
- .arrow-details svg{ fill: var(--color-txt-light);}
- }
- }
+ .card--impact__inner {
+ @include grid-content();
+ padding: calc(var(--padding-inner)*1.5) var(--padding-inner);
- // @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);
// }
-
-}
\ No newline at end of file
+
+
+
+
+ @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;
+ }
+}
+}
+
+
+
diff --git a/assets/css/components/_card-open-graph.scss b/assets/css/components/_card-open-graph.scss
index 2b028b3..1dca834 100644
--- a/assets/css/components/_card-open-graph.scss
+++ b/assets/css/components/_card-open-graph.scss
@@ -1,19 +1,26 @@
.card--open-graph{
@include grid-content();
-
- border: var(--border-light);
+
+ // border: var(--border-light);
+ border: 1px solid var(--grey-600);
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}{
@@ -33,11 +40,14 @@
.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;
@@ -57,7 +67,26 @@
}
&:hover{
- .title{ text-decoration: underline;}
+ border-color: var(--color-txt);
+ background-color: var(--grey-950);
+ }
+}
+
+.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 f556811..e73d365 100644
--- a/assets/css/components/_details-summary.scss
+++ b/assets/css/components/_details-summary.scss
@@ -31,6 +31,13 @@
}
+ 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
new file mode 100644
index 0000000..0c813c8
--- /dev/null
+++ b/assets/css/components/_dropdown.scss
@@ -0,0 +1,170 @@
+.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 8be72a8..6548038 100644
--- a/assets/css/components/_figures.scss
+++ b/assets/css/components/_figures.scss
@@ -12,6 +12,23 @@
}
}
+}
+
+
+
+@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
new file mode 100644
index 0000000..22269ce
--- /dev/null
+++ b/assets/css/components/_hero.scss
@@ -0,0 +1,143 @@
+ #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 d7dbe5d..8eeeead 100644
--- a/assets/css/components/_keywords.scss
+++ b/assets/css/components/_keywords.scss
@@ -1,14 +1,50 @@
.keywords{
list-style: none;
- li{
- display: inline-block;
- padding-right: 0.75ch;
- a{
- text-decoration: none;
- &::before{
- content: "#";
- padding-right: 0.25ch;
- }
+ 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";
+ }
}
}
\ No newline at end of file
diff --git a/assets/css/components/_list-socials.scss b/assets/css/components/_list-socials.scss
index 6716e48..3437a3f 100644
--- a/assets/css/components/_list-socials.scss
+++ b/assets/css/components/_list-socials.scss
@@ -11,16 +11,16 @@
}
.icon{
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
position: relative;
top: -2px;
}
svg{
display: flex;
align-items: center;
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
}
diff --git a/assets/css/components/_modal-share.scss b/assets/css/components/_modal-share.scss
index c6375c5..686a588 100644
--- a/assets/css/components/_modal-share.scss
+++ b/assets/css/components/_modal-share.scss
@@ -1,34 +1,27 @@
.modal--share{
- border: var(--border);
- border-radius: var(--radius-btn);
+ width: 240px;
+ padding-bottom: var(--padding-inner);
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);
- padding-bottom: 6px;
- border-bottom: var(--border-light);
- padding-top: 6px;
-
- a{
+ font-size: var(--fs-normal);
+ border-bottom: var(--border-light);
+ &:first-of-type{
+ border-top: var(--border-light);
+ }
+
+ a{
display: flex;
align-items: center;
- gap: 1ch;
+ gap: 2ch;
text-decoration: none;
}
.icon {
- width: 20px;
- height: 20px;
+ width: 16px;
+ height: 16px;
svg{
width: 100%;
height: 100%;
@@ -38,27 +31,20 @@
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;
- margin-top: calc(var(--spacing)*0.75);
+ padding: 0 var(--padding-inner);
+ height: var(--h-block);
+ width: 100%;
.copy-link__field{
flex-grow: 1;
@@ -99,24 +85,63 @@
&:focus{
border-color: var(--color-txt);
outline: none;
-
+ }
+ &.is-copied{
+ color: var(--color-accent)!important;
}
}
- button{
+ .copy-link__btn{
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
new file mode 100644
index 0000000..ac80a15
--- /dev/null
+++ b/assets/css/components/_search-form.scss
@@ -0,0 +1,40 @@
+ .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
new file mode 100644
index 0000000..149bb34
--- /dev/null
+++ b/assets/css/components/_slider-before-after.scss
@@ -0,0 +1,86 @@
+
+.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
new file mode 100644
index 0000000..8d75927
--- /dev/null
+++ b/assets/css/components/_sort.scss
@@ -0,0 +1,42 @@
+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
new file mode 100644
index 0000000..d5e709d
--- /dev/null
+++ b/assets/css/components/_swiper.scss
@@ -0,0 +1,77 @@
+.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 0f12648..eb870db 100644
--- a/assets/css/components/_tags.scss
+++ b/assets/css/components/_tags.scss
@@ -1,8 +1,9 @@
.tag{
height: calc(var(--h-block)*0.75);
- border-radius: calc(var(--h-block)*0.75/2);
+ // border-radius: calc(var(--h-block)*0.75/2);
+ border-radius: var(--radius-small);
- display: flex;
+ display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 1.5ch;
@@ -17,5 +18,7 @@
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 ed64dad..e69de29 100644
--- a/assets/css/components/_text.scss
+++ b/assets/css/components/_text.scss
@@ -1,4 +0,0 @@
-.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
new file mode 100644
index 0000000..c2f8ab4
--- /dev/null
+++ b/assets/css/partials/_container-cards.scss
@@ -0,0 +1,23 @@
+.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 a92ae2b..865d6be 100644
--- a/assets/css/partials/_main-layout.scss
+++ b/assets/css/partials/_main-layout.scss
@@ -1,6 +1,8 @@
body{
min-height: 100dvh;
min-height: 100vh;
+ width: 100vw;
+ // overflow-x: hidden;
display: flex;
flex-direction: column;
@@ -9,6 +11,22 @@ 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
new file mode 100644
index 0000000..7c8e031
--- /dev/null
+++ b/assets/css/partials/_page-header.scss
@@ -0,0 +1,60 @@
+.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 aa51927..56f49e6 100644
--- a/assets/css/partials/_site-footer.scss
+++ b/assets/css/partials/_site-footer.scss
@@ -2,7 +2,13 @@
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);
@@ -38,7 +44,6 @@
@media #{$small}{
- margin-top: calc(var(--spacing)*2);
.footer__socials{
@@ -67,15 +72,11 @@
.site-footer__container{
display: grid;
- grid-template-columns: 1fr 1fr;
+ grid-template-columns: 3fr 2fr;
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 aa9adae..a1deb3e 100644
--- a/assets/css/partials/_site-header.scss
+++ b/assets/css/partials/_site-header.scss
@@ -1,25 +1,24 @@
-@keyframes add-border {
- from {
- border-bottom-color: transparent;
- }
- to {
- border-bottom: var(--grey-800);
- }
-}
-
#site-header {
- z-index: 900;
+ z-index: var(--z-header);
--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;
@@ -38,6 +37,7 @@
#site-title {
flex-grow: 2;
+ // opacity: 0;
svg{
width: 100px;
@media #{$small}{
@@ -46,7 +46,7 @@
}
}
- .title-page{
+ .header__title-page{
display: none;
flex-grow: 2;
text-align: left;
@@ -92,6 +92,7 @@
cursor: pointer;
svg{
width: 30px;
+ fill: var(--color-txt);
}
.close{ display: none; }
@@ -107,37 +108,11 @@
}
+
#site-header.is-visible{
- 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);
- }
+ // .site-header__inner{
+ // border-color: var(--grey-800);
+ // }
}
diff --git a/assets/css/partials/_site-menu.scss b/assets/css/partials/_site-menu.scss
index 9e62ee8..7752337 100644
--- a/assets/css/partials/_site-menu.scss
+++ b/assets/css/partials/_site-menu.scss
@@ -6,10 +6,13 @@
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: 1000;
+ z-index: calc(var(--z-header) - 1);
@media #{$x-small}{
width: 100vw;
@@ -20,50 +23,11 @@
flex-direction: column;
- form{
+ .search-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{
@@ -89,11 +53,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 bb8ac65..8f4caa7 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -9,10 +9,12 @@
--fs-big: 30px;
--fs-xbig: 38px;
--fs-button-bold: 22px;
- --max-w-content: 700px;
- --max-w-container: 1280px;
+ --max-w-content: 640px;
+ --max-w-cards: 940px;
+ --z-header: 2000;
+ --panel-w: 310px;
--leading-tight: 1.05;
- --leading-normal: 1.2;
+ --leading-normal: 1.3;
--fw-normal: 400;
--fw-medium: 500;
--fw-bold: 600;
@@ -22,6 +24,7 @@
--grey-400: #969696;
--grey-600: #6d6d6d;
--grey-800: #383838;
+ --grey-950: #222222;
--color-bg: #161616;
--color-txt: #ffffff;
--color-txt-light: var(--grey-400);
@@ -61,17 +64,19 @@
--fs-big: 28px;
--fs-xbig: 32px;
--header-h: 60px;
+ --padding-body: 16px;
}
}
:root[data-theme=light] {
- --grey-100: #1f1f1f;
+ --grey-100: #2f2f2f;
--grey-200: #2f2f2f;
--grey-300: #4a4a4a;
--grey-400: #6a6a6a;
--grey-600: #9a9a9a;
--grey-800: #cfcfcf;
+ --grey-950: #eaeaea;
--color-bg: #efefef;
- --color-txt: #000000;
+ --color-txt: #161616;
--color-txt-light: var(--grey-400);
--color-accent: #ff00ff;
--color-accent-50: #ffe9ff;
@@ -111,8 +116,6 @@ body {
font-size: var(--fs-normal);
color: var(--color-txt);
background-color: var(--color-bg);
- width: 100vw;
- overflow-x: hidden;
}
img {
@@ -129,25 +132,35 @@ img {
cursor: pointer;
}
+.swiper-button-next, .swiper-button-prev,
body, #site-header, #site-footer {
transition: background-color 0.3s ease, color 0.3s ease;
}
-@keyframes add-border {
- from {
- border-bottom-color: transparent;
- }
- to {
- border-bottom: var(--grey-800);
- }
+body.menu-open,
+body.is-hidden {
+ overflow-y: hidden;
}
+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: 900;
+ z-index: var(--z-header);
--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%;
@@ -174,7 +187,7 @@ body, #site-header, #site-footer {
width: 80px;
}
}
-#site-header .title-page {
+#site-header .header__title-page {
display: none;
flex-grow: 2;
text-align: left;
@@ -216,6 +229,7 @@ body, #site-header, #site-footer {
}
#site-header #menu-toggle svg {
width: 30px;
+ fill: var(--color-txt);
}
#site-header #menu-toggle .close {
display: none;
@@ -224,39 +238,6 @@ body, #site-header, #site-footer {
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;
@@ -268,9 +249,15 @@ 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%;
@@ -289,6 +276,62 @@ 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;
@@ -301,11 +344,19 @@ 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;
@@ -316,6 +367,7 @@ button:disabled {
display: flex;
align-items: center;
justify-content: center;
+ gap: 1ch;
padding: 0 2ch;
padding-top: 4px;
}
@@ -324,6 +376,9 @@ 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);
@@ -331,82 +386,90 @@ 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-800);
- color: var(--color-txt);
+ background-color: var(--grey-950);
+ color: var(--grey-100);
+ border-color: var(--grey-100);
}
.btn--bold-inline:hover a {
- background-color: var(--grey-800);
- color: var(--color-txt);
+ background-color: var(--grey-950);
+ color: var(--grey-100);
+}
+.btn--bold-inline:hover svg {
+ fill: var(--grey-100);
}
-.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;
+}
+
+@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;
position: relative;
- display: flex;
- align-items: center;
- gap: 0ch;
- color: var(--color-accent);
- font-weight: var(--fw-medium);
- text-decoration: none;
- cursor: pointer;
+ top: -1px;
}
-.btn__default .icon, .btn__default .txt {
- z-index: 10;
+.btn--back-to-top .icon svg {
+ width: 12px;
+ height: 12px;
}
-.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 {
+ background-color: var(--grey-950);
+ color: var(--grey-100);
+ border-color: var(--grey-100);
}
-.btn__default .icon svg {
- fill: var(--color-bg);
- width: 80%;
+.btn--back-to-top:hover a {
+ background-color: var(--grey-950);
+ color: 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%;
+.btn--back-to-top:hover svg {
+ fill: var(--grey-100);
}
.tag {
height: calc(var(--h-block) * 0.75);
- border-radius: calc(var(--h-block) * 0.75 / 2);
- display: flex;
+ border-radius: var(--radius-small);
+ display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 1.5ch;
@@ -421,18 +484,226 @@ button:disabled {
.keywords {
list-style: none;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.75ch;
}
-.keywords li {
- display: inline-block;
- padding-right: 0.75ch;
-}
-.keywords li a {
+.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;
text-decoration: none;
}
-.keywords li a::before {
+.keywords 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;
@@ -529,6 +800,51 @@ button:disabled {
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;
@@ -542,16 +858,16 @@ button:disabled {
text-decoration: none;
}
.list-socials .icon {
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
position: relative;
top: -2px;
}
.list-socials svg {
display: flex;
align-items: center;
- width: 24px;
- height: 24px;
+ width: 20px;
+ height: 20px;
}
.list-socials .text {
display: none;
@@ -580,15 +896,9 @@ button:disabled {
}
}
.modal--share {
- border: var(--border);
- border-radius: var(--radius-btn);
+ width: 240px;
+ padding-bottom: var(--padding-inner);
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;
@@ -596,19 +906,20 @@ button:disabled {
}
.modal--share .socials li {
font-size: var(--fs-normal);
- padding-bottom: 6px;
border-bottom: var(--border-light);
- padding-top: 6px;
+}
+.modal--share .socials li:first-of-type {
+ border-top: var(--border-light);
}
.modal--share .socials li a {
display: flex;
align-items: center;
- gap: 1ch;
+ gap: 2ch;
text-decoration: none;
}
.modal--share .socials li .icon {
- width: 20px;
- height: 20px;
+ width: 16px;
+ height: 16px;
}
.modal--share .socials li .icon svg {
width: 100%;
@@ -618,18 +929,12 @@ button:disabled {
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;
- margin-top: calc(var(--spacing) * 0.75);
+ padding: 0 var(--padding-inner);
+ height: var(--h-block);
+ width: 100%;
}
.modal--share .copy-link .copy-link__field {
flex-grow: 1;
@@ -668,27 +973,180 @@ button:disabled {
border-color: var(--color-txt);
outline: none;
}
-.modal--share .copy-link button {
+.modal--share .copy-link input.is-copied {
+ color: var(--color-accent) !important;
+}
+.modal--share .copy-link .copy-link__btn {
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 button:hover {
+.modal--share .copy-link .copy-link__btn::after {
+ content: " ";
+}
+.modal--share .copy-link .copy-link__btn:hover {
background-color: var(--color-accent);
}
-.title-page {
- font-size: var(--fs-medium);
+#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 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;
@@ -702,28 +1160,44 @@ button:disabled {
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;
- flex-grow: 2;
+}
+.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);
}
.card--article .title {
margin-top: calc(var(--spacing) * 0.5);
font-size: var(--fs-medium);
font-weight: normal;
text-transform: uppercase;
- flex-grow: 2;
+ text-wrap: balance;
}
.card--article .title a {
text-decoration: none;
}
.card--article .description {
- margin-top: calc(var(--spacing) * 1);
- font-size: var(--fs-small);
+ margin-top: calc(var(--spacing) * 0.5);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
@@ -731,6 +1205,7 @@ button:disabled {
}
.card--article .dl {
margin-top: calc(var(--spacing) * 0.5);
+ border-bottom: var(--border-light);
}
.card--article .dl .dl__group {
display: grid;
@@ -744,17 +1219,25 @@ button:disabled {
color: var(--color-txt-light);
padding-right: 1ch;
}
-.card--article .dl ul:not(.keywords) {
+.card--article .dl ul {
list-style: none;
}
-.card--article .dl ul:not(.keywords) li {
+.card--article .dl ul li {
padding-bottom: 0.2em;
}
-.card--article .dl .dl__group__keywords {
- padding-bottom: 0;
+.card--article .keywords-wrapper {
+ z-index: 3000;
+ margin-top: calc(var(--spacing) * 0.5);
+}
+.card--article .keywords {
+ grid-column: 2;
}
.card--article:hover {
border-color: var(--color-txt);
+ background-color: var(--grey-950);
+}
+.card--article .link-block {
+ z-index: 2000;
}
.card--article-small {
@@ -762,7 +1245,37 @@ button:disabled {
grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr;
position: relative;
- margin-bottom: var(--spacing);
+ 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);
}
.card--article-small figure {
aspect-ratio: 16/9;
@@ -776,18 +1289,36 @@ button:disabled {
object-fit: cover;
transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
}
-.card--article-small:hover figure img {
- transform: scale(1.05);
+.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 .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;
@@ -796,13 +1327,59 @@ button:disabled {
flex-grow: 1;
color: var(--color-txt-light);
}
-.card--article-small .keywords {
- margin-top: 1.5em;
- padding-bottom: calc(var(--spacing) * 0.25);
- 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:hover .title {
- text-decoration: underline;
+.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);
}
@media screen and (max-width: 1080px) {
.card--article-small .title {
@@ -811,6 +1388,12 @@ button:disabled {
}
}
@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;
}
@@ -822,55 +1405,152 @@ button:disabled {
margin-top: 0.25em;
}
.card--article-small .keywords {
- margin-top: 0.5em;
- padding-bottom: 0;
+ 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);
}
}
.card--impact {
+ container-type: inline-size;
+ container-name: impact;
+ border: var(--border-light);
+ 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(--spacing) * 0.5) 0;
- border-bottom: var(--border-light);
+ padding: calc(var(--padding-inner) * 1.5) var(--padding-inner);
+ position: relative;
}
-.card--impact:first-of-type {
- border-top: var(--border-light);
+.card--impact .card--impact__inner .btn--go-to {
+ position: absolute;
+ right: var(--padding-inner);
+ bottom: calc(var(--padding-inner) - 3px);
}
-.card--impact .content {
- grid-column: 2;
+.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 (max-width: 560px) {
- .card--impact:not([data-impact-type=media]) .content {
+ .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 .tag {
+.card--impact .card--impact__inner .tag {
width: auto;
justify-self: start;
position: relative;
top: -5px;
}
-.card--impact .content .see-more {
- color: var(--color-txt-light);
+.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;
- white-space: nowrap;
+ color: var(--color-txt-light);
}
-.card--impact .content .see-more::after {
- content: " +";
+.card--impact .card--impact__inner .investigations .icon {
+ position: relative;
+ top: 2px;
}
-.card--impact .open-graph__details {
- grid-column: span 2;
+.card--impact .card--impact__inner .investigations .icon svg {
+ width: 14px;
+ height: 14px;
+ fill: var(--color-txt-light);
}
-.card--impact .open-graph__details summary,
-.card--impact .open-graph__details .summary-inner {
+.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 .open-graph__details .arrow-details {
+.card--impact .card--impact__inner .open-graph__details .arrow-details {
line-height: 0;
--size: 11px;
height: var(--size);
@@ -881,69 +1561,510 @@ button:disabled {
position: relative;
top: -2px;
}
-.card--impact .open-graph__details .arrow-details svg {
+.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 .open-graph__details[open] .arrow-details svg {
+.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 .open-graph__details summary {
+.card--impact .card--impact__inner .open-graph__details summary {
color: var(--color-txt-light);
}
-.card--impact .open-graph__details summary .arrow-details svg {
+.card--impact .card--impact__inner .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);
-}
-@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 .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 .open-graph__inner .card--open-graph {
+.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 {
margin-bottom: calc(var(--spacing) * 0.5);
}
-.card--open-graph {
+@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;
- border: var(--border-light);
- border-radius: var(--radius-small);
+ padding: var(--padding-inner) 0;
position: relative;
}
-.card--open-graph figure {
- grid-column: 1;
- grid-row: 1;
+.card--impact-small:first-of-type {
+ border-top: var(--border-light);
}
-.card--open-graph figure {
+.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--open-graph figure img {
+.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--open-graph:hover figure img {
- transform: scale(1.05);
+.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-radius: var(--radius-small);
+ position: relative;
+}
+.card--open-graph figure {
+ grid-column: 1;
+ grid-row: 1;
+ width: 100%;
+ height: 100%;
+}
+.card--open-graph figure img {
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover;
}
@media screen and (max-width: 560px) {
.card--open-graph figure {
@@ -960,10 +2081,13 @@ button:disabled {
.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;
@@ -980,25 +2104,169 @@ button:disabled {
-webkit-box-orient: vertical;
overflow: hidden;
}
-.card--open-graph:hover .title {
- text-decoration: underline;
+.card--open-graph:hover {
+ border-color: var(--color-txt);
+ background-color: var(--grey-950);
}
-@keyframes add-border {
- from {
- border-bottom-color: transparent;
+.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);
}
- to {
- border-bottom: var(--grey-800);
+ .card--open-graph figure {
+ aspect-ratio: inherit;
}
}
+.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: 900;
+ z-index: var(--z-header);
--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%;
@@ -1025,7 +2293,7 @@ button:disabled {
width: 80px;
}
}
-#site-header .title-page {
+#site-header .header__title-page {
display: none;
flex-grow: 2;
text-align: left;
@@ -1067,6 +2335,7 @@ button:disabled {
}
#site-header #menu-toggle svg {
width: 30px;
+ fill: var(--color-txt);
}
#site-header #menu-toggle .close {
display: none;
@@ -1075,39 +2344,6 @@ button:disabled {
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;
@@ -1124,61 +2360,24 @@ button:disabled {
background-color: var(--color-bg);
border-left: var(--border-light);
padding: var(--padding-body);
- z-index: 1000;
+ z-index: calc(var(--z-header) - 1);
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 form {
+#site-menu .search-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;
@@ -1202,13 +2401,6 @@ button:disabled {
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;
}
@@ -1222,6 +2414,12 @@ 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);
@@ -1249,9 +2447,6 @@ 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);
@@ -1273,14 +2468,11 @@ body.menu-open #menu-toggle .close {
@media screen and (min-width: 768px) {
#site-footer .site-footer__container {
display: grid;
- grid-template-columns: 1fr 1fr;
+ grid-template-columns: 3fr 2fr;
-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);
@@ -1296,35 +2488,264 @@ 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;
}
-[data-template=investigations] main #container-cards {
- max-width: var(--max-w-container);
+.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);
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;
+ 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);
}
[data-template=investigation-summary] main {
position: relative;
}
-[data-template=investigation-summary] main header .page-type {
- text-transform: uppercase;
- color: var(--color-txt-light);
- margin-bottom: calc(var(--spacing) * 0.5);
+[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 h2 {
- font-size: var(--fs-xbig);
- line-height: var(--leading-tight);
+@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 .section__article a:hover {
color: var(--grey-200);
@@ -1332,46 +2753,9 @@ body main {
[data-template=investigation-summary] main .section__article .section__title {
font-weight: normal;
text-transform: uppercase;
- 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);
+ margin-bottom: calc(var(--spacing) * 1);
+ padding-right: 2ch;
+ text-wrap: balance;
}
[data-template=investigation-summary] main #section__dl {
margin-top: calc(var(--spacing) * 1.5);
@@ -1395,6 +2779,10 @@ body main {
[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;
}
@@ -1407,80 +2795,64 @@ body main {
text-decoration: 1px underline var(--color-txt-light);
text-underline-offset: 3px;
}
-
-#share-banner__desktop {
- display: none;
+[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 ~ .modal--share {
- opacity: 0;
- pointer-events: none;
- transition: opacity 0.2s ease-in;
+[data-template=investigation-summary] main .panel-left #nav--page {
+ padding-bottom: var(--spacing);
+ width: calc(var(--panel-w) * 0.5);
}
-
-#share-banner__desktop:checked ~ .modal--share {
- opacity: 1;
- pointer-events: auto;
+[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%;
}
@media screen and (max-width: 768px) {
- [data-template=investigation-summary] main header {
- padding-top: calc(var(--spacing) * 1.5);
+ [data-template=investigation-summary] main {
+ width: 100%;
}
- [data-template=investigation-summary] main header .page-type {
- font-size: var(--fs-small);
+ [data-template=investigation-summary] main header {
+ margin-bottom: calc(var(--spacing) * 1);
}
[data-template=investigation-summary] main .section__article {
- 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;
+ margin-top: calc(var(--spacing) * 2);
+ margin-bottom: calc(var(--spacing) * 2);
}
[data-template=investigation-summary] main #hero figcaption {
margin: 0 var(--padding-body);
}
- [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 {
+ [data-template=investigation-summary] main .panel-left {
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 {
@@ -1490,78 +2862,424 @@ body main {
padding: calc(var(--spacing) * 0.25) 0;
}
}
-@media screen and (min-width: 768px) {
- [data-template=investigation-summary] main #banner--page {
- height: calc(100vh - var(--header-h));
+@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));
- 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;
+ height: calc(100vh - var(--header-h));
+ padding-bottom: 30vh;
}
- [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 .btn--group {
+ display: none;
}
- [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] .panel-open #report__aside {
+ left: 0px;
}
- [data-template=investigation-summary] main #hero {
- margin: calc(var(--spacing) * 3) 0;
- }
- [data-template=investigation-summary] main .section__article {
- margin-left: var(--banner-medium);
+}
+.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);
+ 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);
+ }
+ [data-template=report] #report__aside .panel__header {
+ border: var(--border-aside);
+ height: calc(var(--h-block) * 1.5);
+ }
+ [data-template=report] #report__aside .panel__content {
+ height: calc(100% - var(--h-block) * 4.25);
+ padding-bottom: 80px;
+ }
+ [data-template=report] #report__aside {
+ left: calc(var(--panel-w) * -1);
+ transition: left ease-in-out 0.5s;
+ }
+ [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;
margin-bottom: calc(var(--spacing) * 3);
}
- [data-template=investigation-summary] main #section__short {
- margin-top: var(--padding-body);
+ .content-folder #section__investigations article {
+ margin-bottom: 0px;
}
- [data-template=investigation-summary] main header {
- max-width: var(--max-w-content);
- margin: calc(var(--spacing) * 2) auto;
+ .content-folder #section__investigations .container__title {
+ grid-column: span 2;
+ margin-bottom: 0px;
}
- [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));
+ .content-folder section:target {
+ padding-top: calc(var(--header-h) + var(--spacing));
}
}
@media screen and (min-width: 1080px) {
- [data-template=investigation-summary] main #banner--page {
- width: calc((100% - var(--max-w-content)) / 2);
+ .content-folder {
+ grid-template-columns: 1fr 1fr;
}
- [data-template=investigation-summary] main #hero {
- margin: calc(var(--spacing) * 3) 0;
+ .content-folder #nav-folder {
+ display: none;
}
- [data-template=investigation-summary] main #hero figcaption {
- max-width: var(--max-w-content);
- margin: 0 auto;
+ .content-folder #section__investigations {
+ display: block;
+ margin-bottom: 0px;
}
- [data-template=investigation-summary] main header {
- max-width: var(--max-w-content);
- margin: calc(var(--spacing) * 2) auto;
+ .content-folder #section__investigations article {
+ margin-bottom: calc(var(--spacing) * 1);
}
- [data-template=investigation-summary] main .section__article {
- max-width: var(--max-w-content);
- margin: calc(var(--spacing) * 3) 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;
}
}/*# 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 956c407..b3b28ea 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/_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
+{"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
diff --git a/assets/css/style.scss b/assets/css/style.scss
index d117e9f..a762e05 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1,35 +1,49 @@
@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/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 "components/buttons";
+@import "components/tags";
+@import "components/keywords";
+@import "components/details-summary";
+@import "components/sort";
+@import "components/btn-group-mobile";
-@import 'partials/site-header';
-@import 'partials/site-menu';
-@import 'partials/site-footer';
-@import 'partials/main-layout';
-@import 'template/investigations';
-@import 'template/investigation-summary';
+@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 "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
new file mode 100644
index 0000000..ac8e4f3
--- /dev/null
+++ b/assets/css/template/_folder.scss
@@ -0,0 +1,90 @@
+.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
new file mode 100644
index 0000000..c1dfcbf
--- /dev/null
+++ b/assets/css/template/_home.scss
@@ -0,0 +1,202 @@
+.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
new file mode 100644
index 0000000..e69de29
diff --git a/assets/css/template/_investigation-summary.scss b/assets/css/template/_investigation-summary.scss
index fe66d59..0a5475a 100644
--- a/assets/css/template/_investigation-summary.scss
+++ b/assets/css/template/_investigation-summary.scss
@@ -1,362 +1,195 @@
-[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);
+
+
+
+ .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);
}
- h2{
- font-size: var(--fs-xbig);
- line-height: var(--leading-tight);
- }
+
+ a:hover {
+ color: var(--grey-200);
}
- .section__article{
- a:hover{
- color: var(--grey-200);
- }
- .section__title{
- font-weight: normal;
- text-transform: uppercase;
- margin-bottom: calc(var(--spacing)*0.5)
- }
+ .section__title {
+ font-weight: normal;
+ text-transform: uppercase;
+ margin-bottom: calc(var(--spacing) * 1);
+ padding-right: 2ch;
+ text-wrap: balance;
+ }
+ }
+
+
+
+ #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;
}
- #hero{
- width: 100vw;
- position: relative;
- 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-top: calc(var(--spacing)*0.5);
-
-
- }
-
- &.hero-video{
- figure{
- width: 100%;
-
- img{
- width: 100%;
- aspect-ratio: 16/9;
- object-fit: cover;
- }
-
-
- }
- }
+ dt {
+ color: var(--color-txt-light);
+ padding-right: 1ch;
}
- #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;
- }
- }
- }
+ 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;
}
- #section__short{
- font-size: var(--fs-medium);
+ 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;
}
+ }
- #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;
- }
-
+
+
+ .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);
- #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;
-
- }
-
+ button, .dropdown{
+ flex-grow: 1;
+ width: 100%;
}
+ }
+
+
+ }
+
+
}
-
-
-// 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%;
-@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;
- }
-
-
-
+ header {
+ margin-bottom: calc(var(--spacing) * 1);
}
+ .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;
- }
- }
-}
-
-
-
-
-
-// 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;
- }
-
-
-
-
+@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;
}
+ }
}
\ No newline at end of file
diff --git a/assets/css/template/_investigations.scss b/assets/css/template/_investigations.scss
deleted file mode 100644
index bb92653..0000000
--- a/assets/css/template/_investigations.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-
-[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
new file mode 100644
index 0000000..496a1d8
--- /dev/null
+++ b/assets/css/template/_report.scss
@@ -0,0 +1,478 @@
+
+
+
+
+// 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
new file mode 100644
index 0000000..3c4d502
--- /dev/null
+++ b/assets/icons/article.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/icons/close.svg b/assets/icons/close.svg
index d02ecbb..8a44ae2 100644
--- a/assets/icons/close.svg
+++ b/assets/icons/close.svg
@@ -1,4 +1,4 @@
-