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 def7c48..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;
@@ -41,6 +43,7 @@
--grey-400: #969696;
--grey-600: #6d6d6d;
--grey-800: #383838;
+ --grey-950: #222222;
--color-bg: #161616;
--color-txt: #ffffff;
@@ -96,15 +99,16 @@
: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 ece7d5d..bcefb56 100644
--- a/assets/css/components/_buttons.scss
+++ b/assets/css/components/_buttons.scss
@@ -3,6 +3,9 @@ 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); }
@@ -32,31 +35,61 @@ button:disabled{
.btn--small{
- display: block;
height: calc(var(--h-block)*0.75);
- border: var(--border);
+ 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,
@@ -120,103 +153,109 @@ button:disabled{
background-color: var(--color-bg);
svg{ fill: var(--color-txt); }
&:hover{
- background-color: var(--grey-800);
- color: var(--color-txt);
+ background-color: var(--grey-950);
+ color: var(--grey-100);
+ border-color: var(--grey-100);
a{
- background-color: var(--grey-800);
- color: var(--color-txt);
+ background-color: var(--grey-950);
+ color: var(--grey-100);
}
+ svg{ fill: var(--grey-100); }
}
}
+.btn--toc{
+ svg{
+ width: 15px;
+ height: 15px;
+ top: 0px;
+ }
+}
-.btn--light{
- border: var(--border-light);
+
+@mixin btn--go-to(){
+ position: relative;
+ .btn--go-to{
+ position: absolute;
+ right: var(--padding-inner);
+ bottom: calc(var(--padding-inner) - 3px);
+ svg{
+ width: 15px;
+ height: 15px;
+ fill: var(--color-txt);
+ }
+ @media #{$small}{
+ svg{
+ width: 11px;
+ height: 11px;
+ }
+ }
+ @media #{$x-small}{
+ right: calc(var(--padding-inner)*0.5);
+ bottom: calc(var(--padding-inner)*0.25);
+ svg{
+ width: 11px;
+ height: 11px;
+ }
+ }
+ }
+ &:hover{
+ .btn--go-to{
+ animation: wiggle-left 0.8s ease-in-out;
+ }
+ }
+
+
+
}
+@keyframes wiggle-left {
+ 0% { transform: translateX(0); }
+ 40% { transform: translateX(-10px); }
+ 80% { transform: translateX(0); }
+ 100% { transform: translateX(0); }
+}
+
-// 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;
-
- position: relative;
-
-
+.btn--back-to-top{
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; }
+ border-color: var(--color-txt);
+ width: fit-content;
+ margin: var(--spacing) auto;
+ @media #{$small}{
+ margin-bottom: calc(var(--spacing)*2);
+ }
.icon{
- width: var(--size);
- height: var(--size);
- display: flex;
- align-items: center;
- justify-content: center;
- color: var(--color-bg);
- text-align: center;
-
+ width: 12px;
+ height: 12px;
+ transform: rotate(-90deg);
+ transform-origin: center;
+ position: relative;
+ top: -1px;
svg{
- fill: var(--color-bg);
- width: 80%;
+ width: 12px;
+ height: 12px;
}
}
- .txt{
- font-family: var(--font-title);
- color: var(--color-accent);
- font-size: var(--fs-normal);
- font-weight: var(--fw-bold);
- padding-left: 1ch;
- }
-
- &::after{
- content: '';
- display: block;
- background-color: var(--color-accent);
- border-radius: calc(var(--size)/2);
- width: var(--size);
- height: var(--size);
- position: absolute;
- left: 0;
- z-index: 0;
- transition: width .2s
- }
-
&:hover{
- //
- .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 7caf5bd..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;
+ 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);
+ // 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
index d0bfd24..22269ce 100644
--- a/assets/css/components/_hero.scss
+++ b/assets/css/components/_hero.scss
@@ -1,18 +1,14 @@
#hero{
- width: calc(100vw - var(--padding-body)*4);
+ width: 100%;
position: relative;
- left: calc(var(--padding-body)*1);
+ left: 0;
- @media #{$medium}{
- width: calc(100vw - var(--padding-body)*2);
- position: relative;
- left: 0;
- }
- @media #{$small}{
- width: 100vw;
- left: calc(var(--padding-body)*-1);
- }
+
+ // @media #{$small}{
+ // width: 100vw;
+ // left: calc(var(--padding-body)*-1);
+ // }
figcaption{
color: var(--color-txt-light);
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/_modal-share.scss b/assets/css/components/_modal-share.scss
index 95d0760..686a588 100644
--- a/assets/css/components/_modal-share.scss
+++ b/assets/css/components/_modal-share.scss
@@ -1,29 +1,22 @@
.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 {
@@ -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/_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
index 15c7360..8d75927 100644
--- a/assets/css/components/_sort.scss
+++ b/assets/css/components/_sort.scss
@@ -1,9 +1,4 @@
-.sort{
-
- display: flex;
- align-items: center;
- gap: 1ch;
-
+button.sort{
.arrow{
line-height: 0;
--size: 12px;
@@ -23,17 +18,6 @@
}
- .icon{
- --size: 10px;
- height: var(--size);
- width: var(--size);
- position: relative;
- top: -8px;
- svg{
- width: 100%;
- fill: var(--color-txt);
- }
- }
&[data-sort-type="up"]{
@@ -42,20 +26,17 @@
}
}
+}
-
-
- &:hover{
- color: var(--grey-100);
- svg{
- fill: var(--grey-100);
- }
- }
-
-
-
-
-
+.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 ab17009..eb870db 100644
--- a/assets/css/components/_tags.scss
+++ b/assets/css/components/_tags.scss
@@ -21,27 +21,4 @@
}
-.tag-inline{
-
- height: calc(var(--h-block)*0.75);
- // border-radius: calc(var(--h-block)*0.75/2);
- 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;
-
-}
\ No newline at end of file
diff --git a/assets/css/components/_text.scss b/assets/css/components/_text.scss
index 16d325d..e69de29 100644
--- a/assets/css/components/_text.scss
+++ b/assets/css/components/_text.scss
@@ -1,19 +0,0 @@
-.page__title{
- font-size: var(--fs-big);
- font-weight: normal;
- text-transform: uppercase;
- margin: calc(var(--spacing)*1.5) auto;
- text-align: center;
- max-width: var(--max-w-container);
-
-}
-
-.page__description{
- display: none;
- max-width: var(--max-w-content);
- margin: calc(var(--spacing)*2) auto;
- p{
- font-size: var(--fs-normal);
-
- }
-}
\ 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 bb0a774..56f49e6 100644
--- a/assets/css/partials/_site-footer.scss
+++ b/assets/css/partials/_site-footer.scss
@@ -4,6 +4,11 @@
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);
@@ -39,7 +44,6 @@
@media #{$small}{
- margin-top: calc(var(--spacing)*2);
.footer__socials{
@@ -68,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 0c7c009..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}{
@@ -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));
- }
- }
-
- .header__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 ca72b01..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;
@@ -50,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 ee01e21..8f4caa7 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -9,8 +9,10 @@
--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.3;
--fw-normal: 400;
@@ -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);
@@ -65,14 +68,15 @@
}
}
: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;
@@ -112,8 +116,6 @@ body {
font-size: var(--fs-normal);
color: var(--color-txt);
background-color: var(--color-bg);
- width: 100vw;
- overflow-x: hidden;
}
img {
@@ -130,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%;
@@ -217,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;
@@ -225,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 .header__title-page {
- flex-grow: 2;
-}
-@media screen and (min-width: 768px) {
- #site-header.is-visible .site-header__inner .header__title-page {
- display: block;
- }
-}
-#site-header.is-visible ~ main {
- margin-top: var(--header-h);
-}
-
@media screen and (max-width: 1080px) {
#nav-highlight {
display: none;
@@ -269,6 +249,9 @@ button {
font-size: var(--fons-normal);
color: var(--color-txt);
}
+button svg {
+ fill: var(--color-txt);
+}
button:hover {
color: var(--grey-100);
}
@@ -294,9 +277,8 @@ button:disabled {
}
.btn--small {
- display: block;
height: calc(var(--h-block) * 0.75);
- border: var(--border);
+ border: var(--border-light);
border-radius: var(--radius-btn);
font-size: var(--fs-small);
line-height: 1;
@@ -307,18 +289,48 @@ button:disabled {
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 {
@@ -385,74 +397,73 @@ button:disabled {
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--light {
- border: var(--border-light);
+.btn--toc svg {
+ width: 15px;
+ height: 15px;
+ top: 0px;
}
-.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;
+@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 {
@@ -471,45 +482,53 @@ button:disabled {
white-space: nowrap;
}
-.tag-inline {
- height: calc(var(--h-block) * 0.75);
- border-radius: var(--radius-small);
- border: var(--border-medium);
+.keywords {
+ list-style: none;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.75ch;
+}
+.keywords a {
display: inline-flex;
align-items: center;
justify-content: center;
- padding: 0 1.5ch;
- padding-top: 3px;
+ 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;
- background-color: var(--color-bg);
- color: var(--color-txt-light);
- overflow: hidden;
white-space: nowrap;
- text-transform: uppercase;
-}
-
-.keywords {
- list-style: none;
-}
-.keywords li {
- display: inline-block;
- padding-right: 0.75ch;
-}
-.keywords li a {
text-decoration: none;
}
-.keywords li a::before {
+.keywords a::before {
content: "#";
padding-right: 0.25ch;
}
-
-.sort {
- display: flex;
- align-items: center;
- gap: 1ch;
+.keywords a:hover {
+ border-color: currentColor;
+ background-color: var(--grey-800);
}
-.sort .arrow {
+
+.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);
@@ -522,48 +541,58 @@ button:disabled {
transform: rotate(90deg);
transition: transform 0.2s ease-in;
}
-.sort .arrow svg {
+button.sort .arrow svg {
width: 100%;
fill: var(--color-txt);
}
-.sort .icon {
- --size: 10px;
- height: var(--size);
- width: var(--size);
- position: relative;
- top: -8px;
-}
-.sort .icon svg {
- width: 100%;
- fill: var(--color-txt);
-}
-.sort[data-sort-type=up] .arrow {
+button.sort[data-sort-type=up] .arrow {
transform: rotate(-90deg);
}
-.sort:hover {
- color: var(--grey-100);
-}
-.sort:hover svg {
- fill: var(--grey-100);
+
+.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: calc(100vw - var(--padding-body) * 4);
+ width: 100%;
position: relative;
- left: calc(var(--padding-body) * 1);
-}
-@media screen and (max-width: 1080px) {
- #hero {
- width: calc(100vw - var(--padding-body) * 2);
- position: relative;
- left: 0;
- }
-}
-@media screen and (max-width: 768px) {
- #hero {
- width: 100vw;
- left: calc(var(--padding-body) * -1);
- }
+ left: 0;
}
#hero figcaption {
color: var(--color-txt-light);
@@ -867,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;
@@ -883,14 +906,15 @@ 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 {
@@ -905,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;
@@ -955,41 +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);
}
-.page__title {
- font-size: var(--fs-big);
- font-weight: normal;
- text-transform: uppercase;
- margin: calc(var(--spacing) * 1.5) auto;
- text-align: center;
- max-width: var(--max-w-container);
-}
-
-.page__description {
+#share-banner__content,
+#share-banner__aside,
+#share-banner__desktop {
display: none;
- max-width: var(--max-w-content);
- margin: calc(var(--spacing) * 2) auto;
-}
-.page__description p {
- font-size: var(--fs-normal);
}
+#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;
@@ -1003,27 +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;
+ 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;
@@ -1031,7 +1205,7 @@ button:disabled {
}
.card--article .dl {
margin-top: calc(var(--spacing) * 0.5);
- font-size: var(--fs-small);
+ border-bottom: var(--border-light);
}
.card--article .dl .dl__group {
display: grid;
@@ -1045,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 {
@@ -1063,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;
@@ -1077,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;
@@ -1097,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 {
@@ -1112,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;
}
@@ -1123,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);
@@ -1182,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 {
@@ -1261,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;
@@ -1281,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%;
@@ -1368,6 +2335,7 @@ button:disabled {
}
#site-header #menu-toggle svg {
width: 30px;
+ fill: var(--color-txt);
}
#site-header #menu-toggle .close {
display: none;
@@ -1376,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 .header__title-page {
- flex-grow: 2;
-}
-@media screen and (min-width: 768px) {
- #site-header.is-visible .site-header__inner .header__title-page {
- display: block;
- }
-}
-#site-header.is-visible ~ main {
- margin-top: var(--header-h);
-}
-
@media screen and (max-width: 1080px) {
#nav-highlight {
display: none;
@@ -1425,10 +2360,15 @@ 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;
@@ -1461,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;
}
@@ -1483,6 +2416,11 @@ body.menu-open #menu-toggle .close {
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);
margin-bottom: calc(var(--spacing) * 1);
@@ -1509,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);
@@ -1533,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);
@@ -1556,56 +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;
+}
+
+.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-gap: calc(var(--spacing) * 1);
}
@media screen and (min-width: 560px) {
- [data-template=investigations] main #container-cards {
- max-width: var(--max-w-container);
- margin: 0 auto;
+ .container-cards__investigations {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
grid-auto-rows: minmax(100px, auto);
- grid-gap: calc(var(--padding-body) * 1.5);
+ grid-gap: var(--padding-body);
margin-bottom: 10vh;
}
}
@media screen and (max-width: 560px) {
- [data-template=investigations] main #container-cards {
+ .container-cards__investigations {
margin-bottom: 10vh;
}
- [data-template=investigations] main #container-cards .card--article {
- margin-bottom: calc(var(--spacing) * 1.5);
+}
+
+.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%;
}
}
-[data-template=investigations] main .search-container {
- max-width: var(--max-w-content);
- margin: 0 auto;
- margin-bottom: calc(var(--spacing) * 2);
+@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%;
+ }
}
-[data-template=investigations] main .page__sort {
- max-width: var(--max-w-container);
- display: flex;
- justify-content: right;
- grid-gap: var(--padding-inner);
- margin: 0 auto;
+@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-title {
- text-transform: uppercase;
- font-weight: normal;
- font-size: var(--fs-big);
- line-height: var(--leading-tight);
- margin-top: calc(var(--spacing) * 1);
+[data-template=investigation-summary] main .panel-left {
+ width: calc((100vw - var(--max-w-cards) - var(--padding-body) * 4) * 0.5);
+}
+@media screen and (max-width: 1340px) {
+ [data-template=investigation-summary] main {
+ margin-left: auto;
+ margin-right: calc(var(--padding-body) * 3);
+ }
+ [data-template=investigation-summary] main .panel-left {
+ width: calc(100vw - var(--max-w-cards) - var(--padding-body) * 6);
+ }
+}
+@media screen and (max-width: 1220px) {
+ [data-template=investigation-summary] main {
+ margin-left: auto;
+ margin-right: 0px;
+ width: calc(100% - var(--panel-w) * 0.5 - var(--padding-body));
+ }
+ [data-template=investigation-summary] main .panel-left {
+ width: calc(var(--panel-w) * 0.5);
+ }
+}
+[data-template=investigation-summary] main .section__article {
+ margin-top: calc(var(--spacing) * 3);
+ margin-bottom: calc(var(--spacing) * 3);
+}
+[data-template=investigation-summary] main .section__article:target {
+ padding-top: calc(var(--header-h) + var(--spacing) * 1);
}
[data-template=investigation-summary] main .section__article a:hover {
color: var(--grey-200);
@@ -1613,22 +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 #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);
@@ -1652,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;
}
@@ -1664,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 {
@@ -1747,137 +2862,189 @@ 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;
- padding-bottom: calc(var(--padding-body) * 2);
- 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=investigation-summary] main #hero {
- margin-top: calc(var(--spacing) * 1);
- margin-bottom: calc(var(--spacing) * 3);
- }
- [data-template=investigation-summary] main .section__article {
- margin-left: var(--banner-medium);
- margin-top: calc(var(--spacing) * 3);
- margin-bottom: calc(var(--spacing) * 3);
- }
- [data-template=investigation-summary] main #section__short {
- margin-top: var(--padding-body);
- }
- [data-template=investigation-summary] main header {
- max-width: var(--max-w-content);
- margin: calc(var(--spacing) * 2) auto;
- }
- [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) * 2 + var(--h-block) + var(--spacing) * 0.25);
- width: calc(100% - var(--padding-body));
+ [data-template=report] .panel-open #report__aside {
+ left: 0px;
}
}
-@media screen and (min-width: 1080px) {
- [data-template=investigation-summary] main #banner--page {
- width: calc((100% - var(--max-w-content)) / 2);
- }
- [data-template=investigation-summary] main #hero {
- margin-top: 0;
- margin-bottom: calc(var(--spacing) * 3);
- }
- [data-template=investigation-summary] main #hero figcaption {
- max-width: var(--max-w-content);
- margin: 0 auto;
- }
- [data-template=investigation-summary] main header {
- max-width: var(--max-w-content);
- margin: calc(var(--spacing) * 2) auto;
- }
- [data-template=investigation-summary] main .section__article {
- max-width: var(--max-w-content);
- margin: calc(var(--spacing) * 3) auto;
- }
-}
-:root {
- --rapport-w: 280px;
+.arrow-report {
+ font-size: 14px;
+ color: var(--color-txt-light);
+ width: 20px;
+ height: 20px;
}
-#rapport {
- margin-bottom: 20vh;
- padding-left: var(--rapport-w);
- padding-bottom: 10vh;
- margin: 0 auto;
- max-width: calc(var(--max-w-content) + var(--rapport-w));
+.media-anchor {
+ width: 100%;
+ height: 0px;
+ display: flex;
+ justify-content: flex-end;
}
-#rapport .rapport__header {
- margin-top: calc(var(--spacing) * 2);
- max-width: var(--max-w-content);
- padding-bottom: calc(var(--spacing) * 0.5);
+.media-anchor .arrow-report {
+ position: relative;
+ left: 50px;
+ top: 8px;
}
-#rapport .rapport__header .rapport__title-group {
+
+@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;
}
-#rapport .rapport__header .rapport__title-group .title {
+.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;
}
-#rapport .rapport__header .rapport__title-group .subtitle {
+.report__header .report__title-group .subtitle {
font-size: var(--fs-big);
line-height: var(--leading-tight);
- margin-top: calc(var(--spacing) * 0.5);
font-weight: normal;
+ text-wrap: balance;
}
-#rapport .rapport__header .rapport__figure {
- width: 100%;
- aspect-ratio: 2/1;
- margin-top: calc(var(--spacing) * 2);
+.report__header figure {
+ aspect-ratio: 16/9;
+ display: flex;
+ overflow: hidden;
}
-#rapport .rapport__header .rapport__figure img {
+.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;
}
-#rapport .rapport__header .rapport__dl {
- align-self: start;
- font-size: var(--fs-small);
+.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);
- flex-grow: 2;
align-items: flex-start;
- margin-top: calc(var(--spacing) * 0.5);
}
-#rapport .rapport__header .rapport__dl .dl__group {
+.report__header .report__dl .dl__group {
display: grid;
grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr;
@@ -1885,189 +3052,234 @@ body main {
border-top: var(--border-light);
padding: calc(var(--spacing) * 0.5) 0;
}
-#rapport .rapport__header .rapport__dl dt {
+.report__header .report__dl dt {
color: var(--color-txt-light);
padding-right: 1ch;
}
-#rapport .rapport__header .thumbnail--group {
+.report__header .btn--group {
+ position: relative;
+ grid-row: 3;
+ grid-column: 1/3;
display: flex;
- gap: calc(var(--spacing) * 0.5);
- margin-top: calc(var(--spacing) * 1);
+ justify-content: start;
+ flex-wrap: wrap;
+ align-items: start;
+ gap: calc(var(--spacing) * 0.25);
}
-#rapport .rapport__header .btn--group {
- display: flex;
- gap: calc(var(--spacing) * 0.5);
+
+.report__content .section-content {
+ padding-bottom: calc(var(--spacing) * 3);
}
-#rapport .rapport__header .thumbnail {
- max-width: 260px;
- display: grid;
- display: none;
- grid-template-columns: 2fr 3fr;
- -moz-column-gap: calc(var(--padding-inner) * 1);
- column-gap: calc(var(--padding-inner) * 1);
- padding: calc(var(--padding-inner) * 0.5);
- border: var(--border-light);
+.report__content .section-content:target {
+ padding-top: calc(var(--header-h) + var(--spacing) * 2);
}
-#rapport .rapport__header .thumbnail figure {
- display: flex;
- aspect-ratio: 4/3;
- grid-column: 1;
- grid-row: 1/3;
+@media screen and (max-width: 768px) {
+ .report__content .section-content:target {
+ padding-top: calc(var(--header-h) + var(--spacing) * 0.5);
+ }
}
-#rapport .rapport__header .thumbnail figure img {
- width: 100%;
- height: 100%;
- -o-object-fit: cover;
- object-fit: cover;
-}
-#rapport .rapport__header .thumbnail .thumbnail__title {
- padding-top: calc(var(--padding-inner) * 0.5);
-}
-#rapport .rapport__header .thumbnail .thumbnail__title a {
- text-decoration: none;
-}
-#rapport .rapport__header .thumbnail button {
- align-self: end;
- display: flex;
- align-items: end;
- justify-content: end;
- padding-right: calc(var(--padding-inner) * 0.5);
- padding-bottom: calc(var(--padding-inner) * 0.5);
-}
-#rapport .rapport__header .thumbnail button svg {
- width: 15px;
- height: 15px;
- fill: var(--color-txt);
-}
-#rapport .rapport__content {
- max-width: var(--max-w-content);
- margin-top: calc(var(--spacing) * 3);
-}
-#rapport .rapport__content .section-content {
- margin-bottom: calc(var(--spacing) * 3);
-}
-#rapport .rapport__content .section-title {
+.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;
}
-#rapport .rapport__content p {
+.report__content p {
margin: calc(var(--spacing) * 0.5) 0;
}
-#rapport .rapport__content ul {
+.report__content ul {
padding-left: 3ch;
}
-#rapport .rapport__content:target {
+
+.report__content:target {
padding-top: calc(var(--header-h) * 2 + var(--spacing)) !important;
}
-#rapport__aside {
- width: var(--rapport-w);
- position: fixed;
- top: calc(var(--header-h) + var(--padding-body));
- left: var(--padding-body);
- height: calc(100vh - var(--header-h) - var(--padding-body) * 4);
+.media video {
+ width: 100%;
}
-#rapport__aside .tabs {
+.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;
- border: var(--border-light);
- height: calc(var(--h-block) * 1.25);
-}
-#rapport__aside .tabs .tab {
display: flex;
align-items: center;
- font-size: var(--fs-small);
- font-weight: bold;
- padding-left: 2ch;
- padding-top: 3px;
+ justify-content: flex-start;
+ gap: 0.5ch;
+ cursor: pointer;
}
-#rapport__aside .tabs .tab[for=tab-print] {
+#report__aside .panel__header .icon {
width: calc(var(--h-block) * 1.5);
- border-right: var(--border-light);
- padding-left: 0;
+ display: flex;
+ align-items: center;
justify-content: center;
}
-#rapport__aside .tabs .tab[for=tab-print] .icon svg {
- width: 18px;
+#report__aside .panel__header svg {
+ width: 16px;
fill: var(--color-txt);
}
-#rapport__aside .content-aside {
+#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);
- height: calc(100% - var(--h-block) * 1.25);
overflow: scroll;
- border: var(--border-light);
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+ border: var(--border-aside);
border-top: none;
}
-#rapport__aside #toc ul {
+#report__aside .panel__content::-webkit-scrollbar {
+ display: none;
+}
+#report__aside #toc ul {
list-style: none;
}
-#rapport__aside #toc li {
+#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;
}
-#rapport__aside #toc li.selected {
+#report__aside #toc li.selected {
+ background-color: var(--grey-800);
+ color: var(--color-txt);
+}
+#report__aside #toc li:hover {
background-color: var(--grey-800);
}
-#rapport__aside #toc li:hover {
- background-color: var(--grey-800);
-}
-#rapport__aside #toc .toc-level-1 {
+#report__aside #toc .toc-level-1 {
margin-bottom: calc(var(--spacing) * 0.5);
font-weight: bold;
}
-#rapport__aside #toc .toc-level-2 {
+#report__aside #toc .toc-level-2 {
margin-bottom: calc(var(--spacing) * 0.25);
padding-left: 4ch;
}
-#rapport__aside #toc a {
+#report__aside #toc a {
text-decoration: none;
}
-#rapport__aside #download-pdf {
- margin: 0 auto;
+#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;
}
-#tab-print, #tab-toc {
- display: none;
-}
-
-#tab-print:checked ~ .content-aside #toc {
- display: none;
-}
-
-#tab-print:checked ~ .content-aside #print-features {
- display: block;
-}
-
-#tab-toc:checked ~ .content-aside #toc {
- display: block;
-}
-
-#tab-toc:checked ~ .content-aside #print-features {
- display: none;
-}
-
-#rapport {
- --fig-outside: calc(var(--spacing)*2);
-}
-#rapport .container-figure {
- width: calc(100% + var(--fig-outside) * 2);
+.content-folder {
+ max-width: var(--max-w-cards);
+ margin: 0 auto;
+ display: grid;
+ grid-gap: calc(var(--padding-body) * 1.5);
position: relative;
- left: calc(var(--fig-outside) * -1);
}
-#rapport .fig-simple {
- height: calc(100vh - var(--header-h) - var(--spacing) * 2);
+.content-folder .container-cards {
+ display: block;
+ align-self: start;
}
-#rapport .fig-simple figure {
- height: 100%;
- width: 100%;
- overflow: hidden;
+.content-folder #section__investigations article {
+ margin-bottom: calc(var(--spacing) * 1);
}
-#rapport .fig-simple figure img {
- width: 100%;
- height: 100%;
- -o-object-fit: contain;
- object-fit: contain;
+.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);
+ }
+ .content-folder #section__investigations article {
+ margin-bottom: 0px;
+ }
+ .content-folder #section__investigations .container__title {
+ grid-column: span 2;
+ margin-bottom: 0px;
+ }
+ .content-folder section:target {
+ padding-top: calc(var(--header-h) + var(--spacing));
+ }
+}
+@media screen and (min-width: 1080px) {
+ .content-folder {
+ grid-template-columns: 1fr 1fr;
+ }
+ .content-folder #nav-folder {
+ display: none;
+ }
+ .content-folder #section__investigations {
+ display: block;
+ margin-bottom: 0px;
+ }
+ .content-folder #section__investigations article {
+ margin-bottom: calc(var(--spacing) * 1);
+ }
+}
+@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 8b2a334..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/_sort.scss","components/_hero.scss","components/_form-newsletter.scss","components/_search-form.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","template/_rapport.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 0f8d137..a762e05 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1,39 +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/sort';
-
-@import 'components/figures';
-@import 'components/hero';
-@import 'components/form-newsletter';
-@import 'components/search-form';
-@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 'template/rapport';
+@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 22f26dd..0a5475a 100644
--- a/assets/css/template/_investigation-summary.scss
+++ b/assets/css/template/_investigation-summary.scss
@@ -1,336 +1,195 @@
-[data-template="investigation-summary"] main{
-
- position: relative;
-
+[data-template="investigation-summary"] main {
+ position: relative;
- header{
-
- .page-title{
- text-transform: uppercase;
- font-weight: normal;
- font-size: var(--fs-big);
- line-height: var(--leading-tight);
- margin-top: calc(var(--spacing)*1);
- }
+
+
+
+ .panel-left{
+ width: calc((100vw - var(--max-w-cards) - var(--padding-body)*4)*0.5);
+ }
+
+ @media screen and (max-width: 1340px){
+ margin-left: auto;
+ margin-right: calc(var(--padding-body)*3);
+ .panel-left{
+ width: calc(100vw - var(--max-w-cards) - var(--padding-body)*6);
+ }
+ }
+
+
+ @media screen and (max-width: 1220px){
+ margin-left: auto;
+ margin-right: 0px;
+ width: calc(100% - var(--panel-w)*0.5 - var(--padding-body));
+ .panel-left{
+ width: calc(var(--panel-w)*0.5);
+ }
+ }
+
+
+ .section__article {
+ margin-top: calc(var(--spacing) * 3);
+ margin-bottom: calc(var(--spacing) * 3);
+
+ &:target{
+ padding-top: calc(var(--header-h) + var(--spacing)*1);
+ }
+
+ 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;
}
-
-
- #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;
- }
- }
- }
+ dt {
+ color: var(--color-txt-light);
+ padding-right: 1ch;
}
- #section__short{
- font-size: var(--fs-medium);
+ 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__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;
- }
-
- }
+ 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__synthese{
- p + p{
- margin-top: 0.5em;
+
+
+ .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;
}
-
- 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;
-
- }
-
+ }
}
+ }
+
+ .btn--group{
+ width: calc(var(--panel-w)*0.5);
+ display: flex;
+ flex-direction: column;
+ gap:calc(var(--spacing)*0.25);
+
+ button, .dropdown{
+ flex-grow: 1;
+ width: 100%;
+ }
+ }
+
+
+ }
+
+
}
-
-
-// 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;
- padding-bottom: calc(var(--padding-body)*2);
- 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-top: calc(var(--spacing)*1);
- margin-bottom: calc(var(--spacing)*3);
- }
-
- .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)*2 + 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-top: 0;
- margin-bottom: calc(var(--spacing)*3);
- 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 7d51a91..0000000
--- a/assets/css/template/_investigations.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-
-[data-template="investigations"] main{
-
-
-
- #container-cards{
-
- @media #{$x-small-up}{
- max-width: var(--max-w-container);
- margin: 0 auto;
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
- grid-auto-rows: minmax(100px, auto);
- grid-gap: calc(var(--padding-body)*1.5);
- margin-bottom: 10vh;
-
-
-
-
-
-
- }
- @media #{$x-small}{
- margin-bottom: 10vh;
- .card--article{
- margin-bottom: calc(var(--spacing)*1.5);
- }
- }
-
-
-
- }
-
- .search-container{
- max-width: var(--max-w-content);
- margin: 0 auto;
- margin-bottom: calc(var(--spacing)*2);
- }
-
- .page__sort{
- max-width: var(--max-w-container);
- display: flex;
- justify-content: right;
- grid-gap: var(--padding-inner);
- margin: 0 auto;
- margin-bottom: calc(var(--spacing)*0.5);
-
- }
-
-
-
-
-}
diff --git a/assets/css/template/_rapport.scss b/assets/css/template/_rapport.scss
deleted file mode 100644
index 71f4116..0000000
--- a/assets/css/template/_rapport.scss
+++ /dev/null
@@ -1,307 +0,0 @@
-:root{
- --rapport-w: 280px;
-}
-
-#rapport{
- margin-bottom: 20vh;
- padding-left: var(--rapport-w);
- padding-bottom: 10vh;
- margin: 0 auto;
- max-width: calc(var(--max-w-content) + var(--rapport-w));
-
- .rapport__header{
-
- // display: grid;
- // grid-template-columns: 1fr 140px;
- // column-gap: calc(var(--spacing)*1.5);
- // row-gap: calc(var(--spacing)*2);
-
- margin-top: calc(var(--spacing)*2);
- max-width: var(--max-w-content);
- padding-bottom: calc(var(--spacing)*0.5);
-
-
- .rapport__title-group{
- 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);
- }
-
- .subtitle{
- font-size: var(--fs-big);
- line-height: var(--leading-tight);
- margin-top: calc(var(--spacing)*0.5);
- font-weight: normal;
-
- }
-
- }
-
-
-
-
- .rapport__figure{
- width: 100%;
- aspect-ratio: 2/1;
- margin-top: calc(var(--spacing)*2);
- img{
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
-
- }
-
- .rapport__dl{
- align-self: start;
- font-size: var(--fs-small);
- border-bottom: var(--border-light);
- flex-grow: 2;
- align-items: flex-start;
- margin-top: calc(var(--spacing)*0.5);
- .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;
- }
- }
-
-
- .thumbnail--group{
- display: flex;
- gap: calc(var(--spacing)*0.5);
- margin-top: calc(var(--spacing)*1);
- }
-
-
-
- .btn--group{
- display: flex;
- gap: calc(var(--spacing)*0.5);
- }
-
- .thumbnail{
- max-width: 260px;
- display: grid;
- display: none;
- grid-template-columns: 2fr 3fr;
- column-gap: calc(var(--padding-inner)*1);
- padding: calc(var(--padding-inner)*0.5);
- border: var(--border-light);
- figure{
- display: flex;
- aspect-ratio: 4/3;
- grid-column: 1;
- grid-row: 1/3;
- img{
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- }
-
- .thumbnail__title{
- padding-top: calc(var(--padding-inner)*0.5);
- a{
- text-decoration: none;
- }
- }
-
- button{
- align-self: end;
- display: flex;
- align-items: end;
- justify-content: end;
- padding-right: calc(var(--padding-inner)*0.5);
- padding-bottom: calc(var(--padding-inner)*0.5);
- }
-
-
- button svg{
- width: 15px;
- height: 15px;
- fill: var(--color-txt);
- }
-
- }
-
-
- }
-
- .rapport__content{
- max-width: var(--max-w-content);
- margin-top: calc(var(--spacing)*3);
-
-
- .section-content{
- margin-bottom: calc(var(--spacing)*3);
-
-
-
-
- }
-
- .section-title{
- font-size: var(--fs-medium);
- margin-bottom: var(--spacing);
- font-weight: normal;
- text-transform: uppercase;
- }
-
- p {
- margin: calc(var(--spacing)*0.5) 0;
- }
-
- ul{
- padding-left: 3ch;
- }
- }
-
- .rapport__content:target{
- padding-top: calc(var(--header-h)*2 + var(--spacing))!important;
- }
-
-
-
-
-
-}
-
-
-
-
-
-
-#rapport__aside{
- width: var(--rapport-w);
- position: fixed;
- top: calc(var(--header-h) + var(--padding-body));
- left: var(--padding-body);
-
- // border-radius: var(--radius-small);
- height: calc(100vh - var(--header-h) - var(--padding-body)*4);
-
- .tabs{
- display: flex;
- border: var(--border-light);
- height: calc(var(--h-block)*1.25);
-
- .tab{
- display: flex;
- align-items: center;
- font-size: var(--fs-small);
- font-weight: bold;
- padding-left: 2ch;
- padding-top: 3px;
- }
-
- .tab[for="tab-print"]{
- width: calc(var(--h-block)*1.5);
- border-right: var(--border-light);
- padding-left: 0;
- justify-content: center;
- .icon{
-
- svg{
- width: 18px;
- fill: var(--color-txt);
- }
- }
- }
- }
-
- .content-aside{
- padding: var(--padding-body);
- height: calc(100% - var(--h-block)*1.25);
- overflow: scroll;
- border: var(--border-light);
- border-top: none;
- }
-
-
- #toc{
- ul{ list-style: none;}
-
- li{
- font-size: var(--fs-small);
- padding: 5px 1ch;
- padding-top: 7px;
-
-
- }
-
- li.selected{
- // color: var(--color-accent);
- background-color: var(--grey-800);
- }
-
- 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;
- }
-
- }
-
- #download-pdf{
- margin: 0 auto;
- margin-top: calc(var(--spacing)*0.5);
- }
-}
-
-
-
-#tab-print, #tab-toc{ display: none; }
-#tab-print:checked ~ .content-aside #toc{ display: none; }
-#tab-print:checked ~ .content-aside #print-features{ display: block; }
-
-#tab-toc:checked ~ .content-aside #toc{ display: block; }
-#tab-toc:checked ~ .content-aside #print-features{ display: none; }
-
-
-
-
-#rapport{
- --fig-outside: calc(var(--spacing)*2);
- .container-figure{
- width: calc(100% + var(--fig-outside)*2);
- position: relative;
- left: calc(var(--fig-outside)*-1);
- }
- .fig-simple{
- height: calc(100vh - var(--header-h) - var(--spacing)*2);
-
- figure{
- height: 100%;
- width: 100%;
- overflow: hidden;
-
- img{
- width: 100%;
- height: 100%;
- object-fit: contain;
- }
- }
- }
-}
\ No newline at end of file
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 @@
-