diff --git a/assets/css/base/_body.scss b/assets/css/base/_body.scss index e47d48f..ce25d19 100644 --- a/assets/css/base/_body.scss +++ b/assets/css/base/_body.scss @@ -35,4 +35,17 @@ body{ img{ max-width: 100%; +} + +.link-block{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: block; + cursor: pointer; + // &:hover{ + // background-color: rgba(255, 0, 0, 0.244); + // } } \ No newline at end of file diff --git a/assets/css/base/_responsive.scss b/assets/css/base/_responsive.scss index 7bd78b6..0017258 100644 --- a/assets/css/base/_responsive.scss +++ b/assets/css/base/_responsive.scss @@ -4,6 +4,7 @@ $medium-up: "screen and (min-width: 1080px)"; $small-up: "screen and (min-width: 768px)"; $small: "screen and (max-width: 768px)"; +$x-small-up: "screen and (min-width: 560px)"; $x-small: "screen and (max-width: 560px)"; $paysage: "screen and (max-height: 670px) and (min-width: 1080px)"; diff --git a/assets/css/base/_var.scss b/assets/css/base/_var.scss index 78f0c3d..c25b180 100644 --- a/assets/css/base/_var.scss +++ b/assets/css/base/_var.scss @@ -52,6 +52,7 @@ --border: 1px solid var(--color-txt); + --border-medium: 1px solid var(--grey-600); --border-light: 1px solid var(--grey-800); @@ -79,7 +80,7 @@ @media #{$small}{ :root { --fs-xsmall: 10px; - --fs-small: 11px; + --fs-small: 12px; --fs-normal: 14px; --fs-medium: 18px; --fs-big: 28px; diff --git a/assets/css/components/_buttons.scss b/assets/css/components/_buttons.scss index 1b7d186..9ae38bb 100644 --- a/assets/css/components/_buttons.scss +++ b/assets/css/components/_buttons.scss @@ -1,157 +1,178 @@ -button { - cursor: pointer; - font-family: var(--font); - font-size: var(--fons-normal); - color: var(--color-txt); - &:hover { - color: var(--grey-100); - } - - a { - text-decoration: none; - width: 100%; - height: 100%; - } -} - -button:disabled { - cursor: auto; -} - -.soutenir { - a { - color: var(--color-accent); - &:hover { - color: var(--color-accent) !important; - text-decoration: underline !important; +button{ + cursor: pointer; + font-family: var(--font); + font-size: var(--fons-normal); + color: var(--color-txt); + &:hover{ + color: var(--grey-100); } - } -} -.btn--bold, -.btn--bold-inline { - display: block; - height: calc(var(--h-block) * 1); - border: var(--border); - border-radius: var(--radius-btn); - font-size: var(--fs-small); - text-transform: uppercase; - line-height: 1; - overflow: hidden; - white-space: nowrap; - a { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 100%; - padding: 0 2ch; - padding-top: 4px; - } - &.no-link { - display: flex; - align-items: center; - justify-content: center; - padding: 0 2ch; - padding-top: 4px; - } -} - -.btn--bold { - background-color: var(--color-txt); - color: var(--color-bg); - &:hover { - background-color: var(--color-accent); - border-color: var(--color-accent); - a { - color: var(--color-bg); + a{ + text-decoration: none; + width: 100%; + height: 100%; } - } } -.btn--bold-inline { - background-color: var(--color-bg); +button:disabled{ + cursor: auto; + } -.btn--bold-inline:hover { - background-color: var(--grey-800); - color: var(--color-txt); - a { +.soutenir{ + a{ + color: var(--color-accent); + &:hover{ + color: var(--color-accent)!important; + text-decoration: underline!important; + } + } +} + + + +.btn--bold, +.btn--bold-inline{ + display: block; + height: calc(var(--h-block)*1); + border: var(--border); + border-radius: var(--radius-btn); + font-size: var(--fs-small); + text-transform: uppercase; + line-height: 1; + overflow: hidden; + white-space: nowrap; + a{ + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; + padding: 0 2ch; + padding-top: 4px; + } + &.no-link{ + display: flex; + align-items: center; + justify-content: center; + padding: 0 2ch; + padding-top: 4px; + + } + +} + + + +.btn--bold{ + background-color: var(--color-txt); + color: var(--color-bg); + &:hover{ + background-color: var(--color-accent); + border-color: var(--color-accent); + a{ + color: var(--color-bg); + } + } + +} + +.btn--bold-inline{ + background-color: var(--color-bg); +} + +.btn--bold-inline:hover{ background-color: var(--grey-800); color: var(--color-txt); - } + a{ + background-color: var(--grey-800); + color: var(--color-txt); + } } + + + + + // DELETE ? -.btn__default { - --size: calc(var(--h-block) - 8px); - font-size: var(--fs-normal); - font-weight: var(--fw-normal); - height: var(--size); - padding-right: 1.5ch; +.btn__default{ - position: relative; - - display: flex; - align-items: center; - gap: 0ch; - // padding-right: 0.5ch; - color: var(--color-accent); - font-weight: var(--fw-medium); - text-decoration: none; - - cursor: pointer; - - .icon, - .txt { - z-index: 10; - } - - .icon { - width: var(--size); + + --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; + + display: flex; align-items: center; - justify-content: center; - color: var(--color-bg); - text-align: center; - - svg { - fill: var(--color-bg); - width: 80%; - } - } - - .txt { - font-family: var(--font-title); + gap: 0ch; + // padding-right: 0.5ch; color: var(--color-accent); - font-size: var(--fs-normal); - font-weight: var(--fw-bold); - padding-left: 1ch; - } + font-weight: var(--fw-medium); + text-decoration: none; - &::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; - } + cursor: pointer; - &:hover { - // - .txt { - color: var(--color-bg); - display: block; + + .icon, .txt{ z-index: 10; } + + .icon{ + width: var(--size); + height: var(--size); + display: flex; + align-items: center; + justify-content: center; + color: var(--color-bg); + text-align: center; + + svg{ + fill: var(--color-bg); + width: 80%; + } } - &::after { - width: 100%; + + .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%; + } + } + + + + + + } + diff --git a/assets/css/components/_card-impact.scss b/assets/css/components/_card-impact.scss new file mode 100644 index 0000000..5b2d9a1 --- /dev/null +++ b/assets/css/components/_card-impact.scss @@ -0,0 +1,81 @@ +.card--impact{ + display: grid; + grid-gap: var(--padding-inner); + grid-template-columns: 2fr 3fr; + padding: calc(var(--spacing)*0.5) 0; + border-bottom: var(--border-light); + &:first-of-type{ + border-top: var(--border-light); + } + + .content{ + grid-column: 2; + } + &:not([data-impact-type="media"]) .content{ + @media #{$x-small}{ grid-column: span 2; } + } + + .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: ' +' + } + } + } + + + .open-graph__details{ + grid-column: span 2; + @include details-summary(); + summary{ + color: var(--color-txt-light); + .arrow-details svg{ fill: var(--color-txt-light);} + } + } + + + // @media #{$x-small-up}{ + + .open-graph__details{ + summary{ + display: grid; + grid-template-columns: 2fr 3fr; + grid-gap: var(--padding-inner); + .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); + } + + } + + + // } + + + + +} \ No newline at end of file diff --git a/assets/css/components/_card-open-graph.scss b/assets/css/components/_card-open-graph.scss new file mode 100644 index 0000000..be25b62 --- /dev/null +++ b/assets/css/components/_card-open-graph.scss @@ -0,0 +1,66 @@ +.card--open-graph{ + + display: grid; + grid-template-columns: 2fr 3fr; + grid-gap: var(--padding-inner); + + + border: var(--border-light); + border-radius: var(--radius-small); + position: relative; + + figure{ + grid-column: 1; + grid-row: 1; + + + } + + @include figure-16-9(); + + + @media #{$x-small}{ + figure{ + height: 100%; + aspect-ratio: auto; + } + } + + .content{ + padding: var(--padding-inner); + padding-left: 0; + grid-column: 2; + grid-row: 1; + } + + .site-name{ + color: var(--color-txt-light); + font-size: var(--fs-small); + } + + .title{ + font-size: var(--fs-normal); + font-weight: normal; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + margin-bottom: 0.5em; + a{ + text-decoration: none; + } + } + + .description{ + font-size: var(--fs-small); + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + } + + &:hover{ + .title{ text-decoration: underline;} + + } +} \ No newline at end of file diff --git a/assets/css/components/_card-small.scss b/assets/css/components/_card-small.scss new file mode 100644 index 0000000..4c3aa3f --- /dev/null +++ b/assets/css/components/_card-small.scss @@ -0,0 +1,67 @@ + + +.card--small{ + display: grid; + grid-gap: var(--padding-inner); + grid-template-columns: 2fr 3fr; + margin-bottom: var(--spacing); + position: relative; + + @include figure-16-9(); + + .content{ + display: flex; + flex-direction: column; + padding-top: calc(var(--spacing)*0.25); + + } + + .title{ + font-weight: normal; + font-size: var(--fs-medium); + margin-bottom: 0.25em; + a{ text-decoration: none;} + + } + + time{ + 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); + } + + &:hover{ + .title{ text-decoration: underline;} + } + + @media #{$medium}{ + .title{ + font-size: var(--fs-normal); + margin-bottom: 0; + } + } + + @media #{$x-small}{ + .content{ + padding: 0; + } + .title{ + margin-bottom: 0; + } + time{ + font-size: var(--fs-small); + margin-top: 0.25em; + } + .keywords{ + margin-top: 0.5em; + padding-bottom: 0; + } + } + + + +} \ No newline at end of file diff --git a/assets/css/components/_details-summary.scss b/assets/css/components/_details-summary.scss new file mode 100644 index 0000000..f556811 --- /dev/null +++ b/assets/css/components/_details-summary.scss @@ -0,0 +1,39 @@ + + + +@mixin details-summary(){ + + + summary, + .summary-inner{ + display: flex; + align-items: center; + cursor: pointer; + gap: 0.5ch; + } + + .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; + + svg{ + transition: transform 0.2s ease-in; + width: 100%; + fill: var(--color-txt); + } + + } + + &[open]{ + .arrow-details svg{ + transform: rotate(90deg); + } + } +} \ No newline at end of file diff --git a/assets/css/components/_figures.scss b/assets/css/components/_figures.scss new file mode 100644 index 0000000..8be72a8 --- /dev/null +++ b/assets/css/components/_figures.scss @@ -0,0 +1,18 @@ + +@mixin figure-16-9{ + 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); } + } +} \ No newline at end of file diff --git a/assets/css/components/_keywords.scss b/assets/css/components/_keywords.scss index 67566a6..d7dbe5d 100644 --- a/assets/css/components/_keywords.scss +++ b/assets/css/components/_keywords.scss @@ -1,34 +1,14 @@ .keywords{ list-style: none; - display: flex; - flex-wrap: wrap; - gap: 1ch; - li{ - height: var(--h-block); - border-radius: calc(var(--h-block)*0.5); - border: var(--border-light); - font-size: var(--fs-normal); - overflow: hidden; - + display: inline-block; + padding-right: 0.75ch; a{ text-decoration: none; - width: 100%; - height: 100%; - display: flex; - align-items: center; - padding: 0 1.5ch; - line-height: 1; - padding-top: 2px; - - } - - &:hover{ - border-color: var(--color-txt); - a{ - color: currentColor; + &::before{ + content: "#"; + padding-right: 0.25ch; } } - } } \ No newline at end of file diff --git a/assets/css/components/_tags.scss b/assets/css/components/_tags.scss new file mode 100644 index 0000000..0f12648 --- /dev/null +++ b/assets/css/components/_tags.scss @@ -0,0 +1,21 @@ +.tag{ + height: calc(var(--h-block)*0.75); + border-radius: calc(var(--h-block)*0.75/2); + + display: 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-txt); + color: var(--color-bg); + + overflow: hidden; + white-space: nowrap; + + +} \ No newline at end of file diff --git a/assets/css/partials/_main-layout.scss b/assets/css/partials/_main-layout.scss index 6783d03..a92ae2b 100644 --- a/assets/css/partials/_main-layout.scss +++ b/assets/css/partials/_main-layout.scss @@ -1,12 +1,14 @@ -body { - min-height: 100dvh; - min-height: 100vh; +body{ + min-height: 100dvh; + min-height: 100vh; - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; - main { - flex-grow: 1; - padding: 0 var(--padding-body); - } -} + + main{ + flex-grow: 1; + padding: 0 var(--padding-body); + } + +} \ No newline at end of file diff --git a/assets/css/partials/_site-footer.scss b/assets/css/partials/_site-footer.scss index aa51927..2c1bcc0 100644 --- a/assets/css/partials/_site-footer.scss +++ b/assets/css/partials/_site-footer.scss @@ -74,7 +74,7 @@ margin: 0 auto; } - .footer__socials .socials{ + .footer__socials .container{ max-width: 400px; columns: 2; margin-top: calc(var(--spacing)*1); diff --git a/assets/css/partials/_site-menu.scss b/assets/css/partials/_site-menu.scss index 25aa0ed..9e62ee8 100644 --- a/assets/css/partials/_site-menu.scss +++ b/assets/css/partials/_site-menu.scss @@ -1,7 +1,6 @@ #site-menu{ position: fixed; width: var(--menu-w); - @media #{$small}{ width: 100vw; } height: calc(100dvh - var(--header-h)); height: calc(100vh - var(--header-h)); top: var(--header-h); @@ -12,13 +11,14 @@ padding: var(--padding-body); z-index: 1000; + @media #{$x-small}{ + width: 100vw; + right: -100vw; + } + display: flex; flex-direction: column; - // display: none; - // .baseline{ - // font-size: var(--fs-medium); - // } form{ margin-top: calc(var(--spacing)*1); @@ -77,7 +77,6 @@ padding: 0.5em 0; &:hover{ text-decoration: underline; - // color: var(--grey-200); } } } diff --git a/assets/css/style.css b/assets/css/style.css index bf64ca0..b6a2722 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -29,6 +29,7 @@ --color-accent-100: #d8fdd8; --dark: black; --border: 1px solid var(--color-txt); + --border-medium: 1px solid var(--grey-600); --border-light: 1px solid var(--grey-800); --header-h: 80px; --header-h-shrinked: 50px; @@ -52,7 +53,7 @@ @media screen and (max-width: 768px) { :root { --fs-xsmall: 10px; - --fs-small: 11px; + --fs-small: 12px; --fs-normal: 14px; --fs-medium: 18px; --fs-big: 28px; @@ -99,6 +100,16 @@ img { max-width: 100%; } +.link-block { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: block; + cursor: pointer; +} + @keyframes add-border { from { border-bottom-color: transparent; @@ -326,8 +337,7 @@ button:disabled { text-decoration: none; cursor: pointer; } -.btn__default .icon, -.btn__default .txt { +.btn__default .icon, .btn__default .txt { z-index: 10; } .btn__default .icon { @@ -370,34 +380,35 @@ button:disabled { width: 100%; } +.tag { + height: calc(var(--h-block) * 0.75); + border-radius: calc(var(--h-block) * 0.75 / 2); + display: 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-txt); + color: var(--color-bg); + overflow: hidden; + white-space: nowrap; +} + .keywords { list-style: none; - display: flex; - flex-wrap: wrap; - gap: 1ch; } .keywords li { - height: var(--h-block); - border-radius: calc(var(--h-block) * 0.5); - border: var(--border-light); - font-size: var(--fs-normal); - overflow: hidden; + display: inline-block; + padding-right: 0.75ch; } .keywords li a { text-decoration: none; - width: 100%; - height: 100%; - display: flex; - align-items: center; - padding: 0 1.5ch; - line-height: 1; - padding-top: 2px; } -.keywords li:hover { - border-color: var(--color-txt); -} -.keywords li:hover a { - color: currentColor; +.keywords li a::before { + content: "#"; + padding-right: 0.25ch; } .form__newsletter { @@ -725,6 +736,230 @@ button:disabled { margin-bottom: 0.5em; } +.card--small { + display: grid; + grid-gap: var(--padding-inner); + grid-template-columns: 2fr 3fr; + margin-bottom: var(--spacing); + position: relative; +} +.card--small figure { + aspect-ratio: 16/9; + display: flex; + overflow: hidden; +} +.card--small 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--small:hover figure img { + transform: scale(1.05); +} +.card--small .content { + display: flex; + flex-direction: column; + padding-top: calc(var(--spacing) * 0.25); +} +.card--small .title { + font-weight: normal; + font-size: var(--fs-medium); + margin-bottom: 0.25em; +} +.card--small .title a { + text-decoration: none; +} +.card--small time { + flex-grow: 1; + color: var(--color-txt-light); +} +.card--small .keywords { + margin-top: 1.5em; + padding-bottom: calc(var(--spacing) * 0.25); + color: var(--color-txt-light); +} +.card--small:hover .title { + text-decoration: underline; +} +@media screen and (max-width: 1080px) { + .card--small .title { + font-size: var(--fs-normal); + margin-bottom: 0; + } +} +@media screen and (max-width: 560px) { + .card--small .content { + padding: 0; + } + .card--small .title { + margin-bottom: 0; + } + .card--small time { + font-size: var(--fs-small); + margin-top: 0.25em; + } + .card--small .keywords { + margin-top: 0.5em; + padding-bottom: 0; + } +} + +.card--impact { + display: grid; + grid-gap: var(--padding-inner); + grid-template-columns: 2fr 3fr; + padding: calc(var(--spacing) * 0.5) 0; + border-bottom: var(--border-light); +} +.card--impact:first-of-type { + border-top: var(--border-light); +} +.card--impact .content { + grid-column: 2; +} +@media screen and (max-width: 560px) { + .card--impact:not([data-impact-type=media]) .content { + grid-column: span 2; + } +} +.card--impact .tag { + width: auto; + justify-self: start; + position: relative; + top: -5px; +} +.card--impact .content .see-more { + color: var(--color-txt-light); + text-decoration: none; + white-space: nowrap; +} +.card--impact .content .see-more::after { + content: " +"; +} +.card--impact .open-graph__details { + grid-column: span 2; +} +.card--impact .open-graph__details summary, +.card--impact .open-graph__details .summary-inner { + display: flex; + align-items: center; + cursor: pointer; + gap: 0.5ch; +} +.card--impact .open-graph__details .arrow-details { + line-height: 0; + --size: 11px; + height: var(--size); + width: var(--size); + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + top: -2px; +} +.card--impact .open-graph__details .arrow-details svg { + transition: transform 0.2s ease-in; + width: 100%; + fill: var(--color-txt); +} +.card--impact .open-graph__details[open] .arrow-details svg { + transform: rotate(90deg); +} +.card--impact .open-graph__details summary { + color: var(--color-txt-light); +} +.card--impact .open-graph__details summary .arrow-details svg { + fill: var(--color-txt-light); +} +.card--impact .open-graph__details summary { + display: grid; + grid-template-columns: 2fr 3fr; + grid-gap: var(--padding-inner); +} +.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); + } +} +.card--impact .open-graph__inner .card--open-graph { + margin-bottom: calc(var(--spacing) * 0.5); +} + +.card--open-graph { + display: grid; + grid-template-columns: 2fr 3fr; + grid-gap: var(--padding-inner); + border: var(--border-light); + border-radius: var(--radius-small); + position: relative; +} +.card--open-graph figure { + grid-column: 1; + grid-row: 1; +} +.card--open-graph figure { + aspect-ratio: 16/9; + display: flex; + overflow: hidden; +} +.card--open-graph figure img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; +} +.card--open-graph:hover figure img { + transform: scale(1.05); +} +@media screen and (max-width: 560px) { + .card--open-graph figure { + height: 100%; + aspect-ratio: auto; + } +} +.card--open-graph .content { + padding: var(--padding-inner); + padding-left: 0; + grid-column: 2; + grid-row: 1; +} +.card--open-graph .site-name { + color: var(--color-txt-light); + font-size: var(--fs-small); +} +.card--open-graph .title { + font-size: var(--fs-normal); + font-weight: normal; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + margin-bottom: 0.5em; +} +.card--open-graph .title a { + text-decoration: none; +} +.card--open-graph .description { + font-size: var(--fs-small); + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} +.card--open-graph:hover .title { + text-decoration: underline; +} + @keyframes add-border { from { border-bottom-color: transparent; @@ -869,9 +1104,10 @@ button:disabled { display: flex; flex-direction: column; } -@media screen and (max-width: 768px) { +@media screen and (max-width: 560px) { #site-menu { width: 100vw; + right: -100vw; } } #site-menu form { @@ -1019,7 +1255,7 @@ body.menu-open #menu-toggle .close { max-width: 1200px; margin: 0 auto; } - #site-footer .footer__socials .socials { + #site-footer .footer__socials .container { max-width: 400px; -moz-columns: 2; columns: 2; @@ -1074,6 +1310,11 @@ body main { font-size: var(--fs-small); padding-top: calc(var(--spacing) * 0.5); } +@media screen and (max-width: 560px) { + .page-enquete #hero figcaption { + font-size: var(--fs-xsmall); + } +} .page-enquete #hero.hero-video figure { width: 100%; } @@ -1104,7 +1345,7 @@ body main { } .page-enquete #section__dl .dl__group { display: grid; - grid-template-columns: 40% 1fr; + grid-template-columns: 2fr 3fr; border-top: var(--border-light); padding: calc(var(--spacing) * 0.5) 0; } @@ -1156,8 +1397,7 @@ body main { .page-enquete .section__article { margin: calc(var(--spacing) * 1.5) 0; } - .page-enquete #section__impacts, - .page-enquete #section__en-lien { + .page-enquete #section__impacts, .page-enquete #section__en-lien { margin-top: 0px; } .page-enquete #hero { @@ -1208,9 +1448,10 @@ body main { } @media screen and (max-width: 560px) { .page-enquete #section__dl .dl__group { - grid-template-columns: 32% 1fr; -moz-column-gap: 1ch; column-gap: 1ch; + font-size: var(--fs-small); + padding: calc(var(--spacing) * 0.25) 0; } } @media screen and (min-width: 768px) { diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 72657e9..7f19158 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","partials/_site-header.scss","components/_buttons.scss","components/_keywords.scss","components/_form-newsletter.scss","components/_list-socials.scss","components/_modal-share.scss","components/_text.scss","partials/_site-menu.scss","partials/_site-footer.scss","partials/_main-layout.scss","template/_page-enquete.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","base/_var.scss","base/_body.scss","partials/_site-header.scss","components/_buttons.scss","components/_tags.scss","components/_keywords.scss","components/_form-newsletter.scss","components/_list-socials.scss","components/_modal-share.scss","components/_text.scss","components/_card-small.scss","components/_figures.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/_page-enquete.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 d811aef..1f64202 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -8,11 +8,18 @@ // @import 'components/nav-tabs'; // @import 'components/btn--default'; @import 'components/buttons'; +@import 'components/tags'; @import 'components/keywords'; +@import 'components/details-summary'; + +@import 'components/figures'; @import 'components/form-newsletter'; @import 'components/list-socials'; @import 'components/modal-share'; @import 'components/text'; +@import 'components/card-small'; +@import 'components/card-impact'; +@import 'components/card-open-graph'; @import 'partials/site-header'; diff --git a/assets/css/template/_page-enquete.scss b/assets/css/template/_page-enquete.scss index 70a4874..faff097 100644 --- a/assets/css/template/_page-enquete.scss +++ b/assets/css/template/_page-enquete.scss @@ -1,129 +1,142 @@ -.page-enquete { - position: relative; - - header { - .page-type { - text-transform: uppercase; - color: var(--color-txt-light); - margin-bottom: calc(var(--spacing) * 0.5); - } - h2 { - font-size: var(--fs-xbig); - line-height: var(--leading-tight); - } - } - - .section__article { - a:hover { - color: var(--grey-200); - } - .section__title { - font-weight: normal; - text-transform: uppercase; - margin-bottom: calc(var(--spacing) * 0.5); - } - } - - #hero { - width: 100vw; +.page-enquete{ position: relative; - left: calc(var(--padding-body) * -1); - figcaption { - color: var(--color-txt-light); - font-size: var(--fs-small); - padding-top: calc(var(--spacing) * 0.5); - } - - &.hero-video { - figure { - width: 100%; - - img { - width: 100%; - aspect-ratio: 16/9; - object-fit: cover; + header{ + .page-type{ + text-transform: uppercase; + color: var(--color-txt-light); + margin-bottom: calc(var(--spacing)*0.5); } - } + h2{ + font-size: var(--fs-xbig); + line-height: var(--leading-tight); + } } - } - #nav--page { - ul { - list-style: none; - li { - text-align: center; - color: var(--color-txt-light); - a { - display: block; - padding: 0.3em 0; - text-decoration: none; + .section__article{ + a:hover{ + color: var(--grey-200); + } + .section__title{ + font-weight: normal; + text-transform: uppercase; + margin-bottom: calc(var(--spacing)*0.5) } - } - } - } - - #section__short { - font-size: var(--fs-medium); - } - - #section__dl { - margin-top: calc(var(--spacing) * 1.5); - border-bottom: var(--border-light); - - .dl__group { - display: grid; - grid-template-columns: 40% 1fr; - border-top: var(--border-light); - padding: calc(var(--spacing) * 0.5) 0; } - dt { - color: var(--color-txt-light); - padding-right: 1ch; + #hero{ + width: 100vw; + position: relative; + left: calc(var(--padding-body)*-1); + + figcaption{ + color: var(--color-txt-light); + font-size: var(--fs-small); + @media #{$x-small}{ font-size: var(--fs-xsmall); } + padding-top: calc(var(--spacing)*0.5); + + + } + + &.hero-video{ + figure{ + width: 100%; + + img{ + width: 100%; + aspect-ratio: 16/9; + object-fit: cover; + } + + + } + } } - ul:not(.keywords) { - list-style: none; - li { - padding-bottom: 0.2em; - } - } - } - - #section__synthese { - p + p { - margin-top: 0.5em; + #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; + } + } + } } - 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__short{ + font-size: var(--fs-medium); } - } + + #section__dl{ + margin-top: calc(var(--spacing)*1.5); + border-bottom: var(--border-light); + + .dl__group{ + display: grid; + grid-template-columns: 2fr 3fr; + border-top: var(--border-light); + padding: calc(var(--spacing)*0.5) 0; + } + + dt{ + color: var(--color-txt-light); + padding-right: 1ch; + } + + ul:not(.keywords){ + list-style: none; + li{ + padding-bottom: 0.2em; + } + + } + } + + + #section__synthese{ + p + p{ + margin-top: 0.5em; + } + + h4{ + margin-top: 2em; + margin-bottom: 1em; + font-size: var(--fs-normal); + font-weight: normal; + text-decoration: 1px underline var(--color-txt-light); + text-underline-offset: 3px; + + } + + } + + + } + + // SHARE ACTIONS -------------------------------------------------- // ---------------------------------------------------------------- -#share-banner__desktop { - display: none; -} -#share-banner__desktop ~ .modal--share { - opacity: 0; - pointer-events: none; - transition: opacity 0.2s ease-in; +#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; +#share-banner__desktop:checked ~ .modal--share{ + opacity: 1; + pointer-events: auto; } + // .page-enquete{ // #banner--page.is-sticky { // position: fixed; @@ -134,191 +147,224 @@ // } // } + + + + // SMALL ---------------------------------------------------------- // ---------------------------------------------------------------- -@media #{$small} { - .page-enquete { - header { - padding-top: calc(var(--spacing) * 1.5); - .page-type { - font-size: var(--fs-small); - } - } - .section__article { - margin: calc(var(--spacing) * 1.5) 0; - } +@media #{$small}{ - #section__impacts, - #section__en-lien { - margin-top: 0px; - } + .page-enquete{ - #hero { - margin: calc(var(--spacing) * 1.5) 0; - figcaption { - margin: 0 var(--padding-body); - } - } + header{ + padding-top: calc(var(--spacing)*1.5); + .page-type{ + font-size: var(--fs-small); + } + } - .modal--share { - position: absolute; - width: calc(100% - var(--padding-body) * 2); - bottom: calc(var(--spacing) * 2); - } + .section__article{ + margin: calc(var(--spacing)*1.5) 0; + } - #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; + #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; + } + + + } - // action - - #banner--page { - opacity: 0; - pointer-events: none; - transition: opacity 0.2s ease-in; - } - - #banner--page.is-visible { - opacity: 1; - pointer-events: auto; - } - } } -@media #{$x-small} { - .page-enquete { - #section__dl .dl__group { - grid-template-columns: 32% 1fr; - column-gap: 1ch; - } - } -} + + +@media #{$x-small}{ + .page-enquete{ + #section__dl .dl__group{ + + column-gap: 1ch; + font-size: var(--fs-small); + padding: calc(var(--spacing)*0.25) 0; + } + } +} + + + + // DESKTOP ---------------------------------------------------------- // ---------------------------------------------------------------- -@media #{$small-up} { - .page-enquete { - #banner--page { - height: calc(100vh - var(--header-h)); - height: calc(100dvh - var(--header-h)); - margin-bottom: calc((100vh - var(--header-h)) * -1); - margin-bottom: calc((100dvh - var(--header-h)) * -1); - padding: var(--padding-body); - padding-left: 0px; - position: sticky; - top: var(--header-h); - width: var(--banner-medium); - display: flex; - flex-direction: column; - justify-content: space-between; - } - #banner--page .btn--group { - display: flex; - flex-direction: column; - align-items: center; - gap: calc(var(--spacing) * 0.25); +@media #{$small-up}{ - > button, - > label { - width: 100%; - max-width: 160px; - cursor: pointer; - } - } + .page-enquete{ - #hero { - margin: calc(var(--spacing) * 3) 0; - } + #banner--page{ + height: calc(100vh - var(--header-h)); + height: calc(100dvh - var(--header-h)); + margin-bottom: calc((100vh - var(--header-h))*-1); + margin-bottom: calc((100dvh - var(--header-h))*-1); + padding: var(--padding-body); + padding-left: 0px; + position: sticky; + top: var(--header-h); + width: var(--banner-medium); + display: flex; + flex-direction: column; + justify-content: space-between; + } - .section__article { - margin-left: var(--banner-medium); - margin-top: calc(var(--spacing) * 3); - margin-bottom: calc(var(--spacing) * 3); - } + #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; + } + + } - #section__short { - margin-top: var(--padding-body); - } + #hero{ + margin: calc(var(--spacing)*3) 0; - 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__article{ + margin-left: var(--banner-medium); + margin-top: calc(var(--spacing)*3); + margin-bottom: calc(var(--spacing)*3); + } - #section__synthese { - font-size: var(--fs-medium); - } - } - .modal--share { - position: absolute; - bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25); - width: calc(100% - var(--padding-body)); - } -} + #section__short{ + margin-top: var(--padding-body); + } -@media #{$medium-up} { - .page-enquete { - #banner--page { - width: calc((100% - var(--max-w-content)) / 2); - } + header{ + max-width: var(--max-w-content); + margin: calc(var(--spacing)*2) auto; + } - #hero { - margin: calc(var(--spacing) * 3) 0; - figcaption { - max-width: var(--max-w-content); - margin: 0 auto; - } - } + .section__article{ + .section__title{ + font-size: var(--fs-medium); + margin-bottom: var(--spacing); + } + } - header { - max-width: var(--max-w-content); - margin: calc(var(--spacing) * 2) auto; + #section__synthese{ + font-size: var(--fs-medium); + } } + .modal--share{ + position: absolute; + bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25); + width: calc(100% - var(--padding-body)); + } +} - .section__article { - max-width: var(--max-w-content); - margin: calc(var(--spacing) * 3) auto; + + + +@media #{$medium-up}{ + + .page-enquete{ + + #banner--page{ + width: calc((100% - var(--max-w-content))/2); + } + + #hero{ + margin: calc(var(--spacing)*3) 0; + figcaption{ + max-width: var(--max-w-content); + margin: 0 auto; + } + } + + + header{ + max-width: var(--max-w-content); + margin: calc(var(--spacing)*2) auto; + } + + .section__article{ + max-width: var(--max-w-content); + margin: calc(var(--spacing)*3) auto; + } + + + + } - } -} +} \ No newline at end of file diff --git a/assets/icons/arrow-details.svg b/assets/icons/arrow-details.svg new file mode 100644 index 0000000..00f5fb5 --- /dev/null +++ b/assets/icons/arrow-details.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/facebook.svg b/assets/icons/facebook.svg deleted file mode 100644 index 2ef5a54..0000000 --- a/assets/icons/facebook.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/assets/icons/link.svg b/assets/icons/link.svg new file mode 100644 index 0000000..e5fb28d --- /dev/null +++ b/assets/icons/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg deleted file mode 100644 index 7142601..0000000 --- a/assets/icons/linkedin.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/site/snippets/card-open-graph.php b/site/snippets/card-open-graph.php new file mode 100644 index 0000000..a88df84 --- /dev/null +++ b/site/snippets/card-open-graph.php @@ -0,0 +1,108 @@ + '', + 'description' => '', + 'image' => '', + 'site_name' => '', + 'url' => $url + ]; + + // Configuration du contexte pour éviter les erreurs SSL + $context = stream_context_create([ + 'http' => [ + 'method' => 'GET', + 'header' => 'User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36', + 'timeout' => 10 + ], + 'ssl' => [ + 'verify_peer' => false, + 'verify_peer_name' => false + ] + ]); + + // Récupérer le HTML + $html = @file_get_contents($url, false, $context); + + if ($html === false) { + return $ogData; + } + + // Parser les meta tags Open Graph + preg_match_all('/ $property) { + $content = $matches[2][$index]; + switch ($property) { + case 'title': + $ogData['title'] = htmlspecialchars($content); + break; + case 'description': + $ogData['description'] = htmlspecialchars($content); + break; + case 'image': + $ogData['image'] = $content; + break; + case 'site_name': + $ogData['site_name'] = htmlspecialchars($content); + break; + } + } + } + + // Fallback: si pas de og:title, utiliser + if (empty($ogData['title'])) { + preg_match('/<title>([^<]+)<\/title>/i', $html, $titleMatch); + if (!empty($titleMatch[1])) { + $ogData['title'] = htmlspecialchars($titleMatch[1]); + } + } + + // Fallback: si pas de site_name, utiliser le domaine + if (empty($ogData['site_name'])) { + $parsed = parse_url($url); + $ogData['site_name'] = $parsed['host'] ?? ''; + } + + return $ogData; + } + + $ogData = getOpenGraphData($url); + + // Toujours utiliser le domaine de l'URL pour site_name + $parsed = parse_url($url); + $ogData['site_name'] = $parsed['host'] ?? ''; + ?> + + <div class="card--open-graph"> + <?php if (!empty($ogData['image'])): ?> + <figure> + <img src="<?= $ogData['image'] ?>" alt="<?= $ogData['title'] ?>"> + </figure> + <?php endif; ?> + + <div class="content"> + <?php if (!empty($ogData['site_name'])): ?> + <span class="site-name"><?= $ogData['site_name'] ?></span> + <?php endif; ?> + + <?php if (!empty($ogData['title'])): ?> + + <h3 class="title"> + <a href="<?= $ogData['url'] ?>" target="_blank"> + <?= $ogData['title'] ?> + </a> + </h3> + <?php endif; ?> + + <?php if (!empty($ogData['description'])): ?> + <p class="description"><?= $ogData['description'] ?></p> + <?php endif; ?> + </div> + <a class="link-block" href="<?= $ogData['url'] ?>" target="_blank"></a> + </div> \ No newline at end of file diff --git a/site/templates/investigation-summary.php b/site/templates/investigation-summary.php index f6d3041..6de11d1 100644 --- a/site/templates/investigation-summary.php +++ b/site/templates/investigation-summary.php @@ -31,7 +31,7 @@ </div> <input type="checkbox" id="share-banner__desktop"> - <div class="modal--share"><?php snippet('modal-share') ?></div> + <?php snippet('modal-share') ?> </div> @@ -60,7 +60,6 @@ <li><a href="#" target="_blank">Occupation</a></li> <li><a href="#" target="_blank">Colonialité</a></li> <li><a href="#" target="_blank">Forces armées</a></li> - <li><a href="#" target="_blank">Mot-clé</a></li> <li><a href="#" target="_blank">Colonialité</a></li> </ul> @@ -115,12 +114,21 @@ <h3 class="section__title">Impacts</h3> <div class="card--impact" data-impact-type="media"> - <p class="type">Médiatique</p> - + <p class="tag">Médiatique</p> + <div class="content"> + <p>12 articles et reprises</p> + <p>1.5M de vues cumulées</p> + </div> + <details class="open-graph__details"> + <summary><p class="summary-inner">Détails <span class="arrow-details"><?= svg('assets/icons/arrow-details.svg') ?></span><p></summary> + <div class="open-graph__inner"> + <?php snippet('card-open-graph') ?> + </div> + </details> </div> <div class="card--impact" data-impact-type="judiciaire"> - <p class="type">Judiciaire</p> + <p class="tag">Judiciaire</p> <p class="date">12 Dec 2025</p> <div class="content"> <p >La justice israélienne déclare ouvrir une enquête sur “les circonstances de la mort de Nidal et Khaled Amirah”. @@ -129,7 +137,7 @@ </div> <div class="card--impact" data-impact-type="judiciaire"> - <p class="type">Judiciaire</p> + <p class="tag">Judiciaire</p> <p class="date">12 Dec 2025</p> <div class="content"> <p >La justice israélienne déclare ouvrir une enquête sur “les circonstances de la mort de Nidal et Khaled Amirah” @@ -139,7 +147,7 @@ </div> <div class="card--impact" data-impact-type="public"> - <p class="type">Judiciaire</p> + <p class="tag">Judiciaire</p> <p class="date">12 Dec 2025</p> <div class="content"> <p>Index présente une série d’enquêtes récentes au Festival du Réel 2025. <a class="see-more" href="#">Voir plus</a> @@ -159,7 +167,7 @@ <div class="content"> <h4 class="title"><a href="/page-enquete" target="_blank">L’homicide de Nahel Merzouk</a></h4> <time datetime="2024-06-27">27 Jun 2024</time> - <ul class="keywords keywords--small"> + <ul class="keywords"> <li><a href="#" target="_blank">Occupation</a></li> <li><a href="#" target="_blank">Colonialité</a></li> <li><a href="#" target="_blank">Forces armées</a></li> @@ -176,7 +184,7 @@ <div class="content"> <h4 class="title"><a href="/page-enquete" target="_blank">La mort par noyade de Jumaa al-Hasan</a></h4> <time datetime="2024-06-27">27 Jun 2024</time> - <ul class="keywords keywords--small"> + <ul class="keywords"> <li><a href="#" target="_blank">Occupation</a></li> <li><a href="#" target="_blank">Colonialité</a></li> <li><a href="#" target="_blank">Forces armées</a></li> @@ -193,7 +201,7 @@ <div class="content"> <h4 class="title"><a href="/page-enquete" target="_blank">Trois morts a Saint-Louis, Kanaky/Nouvelle-Caledonie</a></h4> <time datetime="2024-06-27">27 Jun 2024</time> - <ul class="keywords keywords--small"> + <ul class="keywords"> <li><a href="#" target="_blank">Occupation</a></li> <li><a href="#" target="_blank">Colonialité</a></li> <li><a href="#" target="_blank">Forces armées</a></li>