From 5914178e2f27f7d0f5b8ce435a2f53cb4c53e5cb Mon Sep 17 00:00:00 2001 From: Julie Blanc Date: Tue, 23 Dec 2025 19:17:52 +0100 Subject: [PATCH] modal share --- assets/css/base/_responsive.scss | 4 +- assets/css/base/_var.scss | 7 + assets/css/components/_buttons.scss | 16 +- assets/css/components/_modal-share.scss | 120 +++++++++++++ assets/css/partials/_site-header.scss | 12 +- assets/css/style.css | 193 ++++++++++++++++++--- assets/css/style.css.map | 2 +- assets/css/style.scss | 1 + assets/css/template/_page-enquete.scss | 69 +++++--- assets/icons/{menu-close.svg => close.svg} | 0 assets/icons/link.svg | 1 + assets/js/header.js | 3 - assets/js/onload.js | 4 +- assets/js/share.js | 19 ++ components/modal-share.html | 45 +++++ components/site-header.html | 2 +- components/socials.html | 1 - index.html | 1 - page-enquete/index.html | 3 +- 19 files changed, 440 insertions(+), 63 deletions(-) create mode 100644 assets/css/components/_modal-share.scss rename assets/icons/{menu-close.svg => close.svg} (100%) create mode 100644 assets/icons/link.svg create mode 100644 assets/js/share.js create mode 100644 components/modal-share.html diff --git a/assets/css/base/_responsive.scss b/assets/css/base/_responsive.scss index 4ba91d0..7bd78b6 100644 --- a/assets/css/base/_responsive.scss +++ b/assets/css/base/_responsive.scss @@ -2,8 +2,8 @@ $desktop: "screen and (min-width: 1200px)"; $medium: "screen and (max-width: 1080px)"; $medium-up: "screen and (min-width: 1080px)"; -$small-up: "screen and (min-width: 720px)"; -$small: "screen and (max-width: 720px)"; +$small-up: "screen and (min-width: 768px)"; +$small: "screen and (max-width: 768px)"; $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 cf19a4f..ac94386 100644 --- a/assets/css/base/_var.scss +++ b/assets/css/base/_var.scss @@ -54,15 +54,20 @@ --border: 1px solid var(--color-txt); --border-light: 1px solid var(--grey-800); + --header-h: 80px; --header-h-shrinked: 50px; --menu-w: 420px; + + // responsive --padding-body: 26px; + --padding-inner: 14px; --radius-small: 4px; + --radius-btn: 4px; --spacing: 30px; --h-block: 30px; @@ -78,5 +83,7 @@ --fs-medium: 20px; --fs-big: 30px; --fs-x-big: 38px; + + --header-h: 60px; } } \ No newline at end of file diff --git a/assets/css/components/_buttons.scss b/assets/css/components/_buttons.scss index 977f886..7b9ffcb 100644 --- a/assets/css/components/_buttons.scss +++ b/assets/css/components/_buttons.scss @@ -36,7 +36,7 @@ button:disabled{ display: block; height: calc(var(--h-block)*1); border: var(--border); - border-radius: 4px; + border-radius: var(--radius-btn); font-size: var(--fs-small); text-transform: uppercase; line-height: 1; @@ -49,7 +49,15 @@ button:disabled{ width: 100%; height: 100%; padding: 0 2ch; - padding-top: 5px; + padding-top: 4px; + } + &.no-link{ + display: flex; + align-items: center; + justify-content: center; + padding: 0 2ch; + padding-top: 4px; + } } @@ -68,6 +76,8 @@ button:disabled{ } .btn--bold-inline:hover{ + background-color: var(--grey-800); + color: var(--color-txt); a{ background-color: var(--grey-800); color: var(--color-txt); @@ -78,6 +88,8 @@ button:disabled{ + + // DELETE ? .btn__default{ diff --git a/assets/css/components/_modal-share.scss b/assets/css/components/_modal-share.scss new file mode 100644 index 0000000..701b1cf --- /dev/null +++ b/assets/css/components/_modal-share.scss @@ -0,0 +1,120 @@ +.modal--share{ + border: var(--border); + border-radius: var(--radius-btn); + background-color: var(--color-bg); + padding: var(--padding-inner); + padding-top: calc( var(--padding-inner)*0.5); + padding-bottom: calc( var(--padding-inner)*1.5); + + .modal-title{ + display: none; + } + + .socials{ + display: block; + list-style: none; + + li{ + font-size: var(--fs-normal); + padding-bottom: 6px; + border-bottom: var(--border-light); + padding-top: 6px; + + a{ + display: flex; + align-items: center; + gap: 1ch; + text-decoration: none; + } + .icon { + width: 20px; + height: 20px; + svg{ + width: 100%; + height: 100%; + } + } + .text{ + 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); + + .copy-link__field{ + flex-grow: 1; + display: grid; + grid-template-columns: var(--h-block) 1fr; + + } + + + .icon{ + display: flex; + width: var(--h-block); + height: 100%; + align-items: center; + justify-content: center; + position: relative; + // top: -2px; + grid-row: 1; + grid-column: 1; + } + .icon svg{ + width: 12px; + } + input{ + font-size: var(--fs-small); + font-family: var(--font); + background: none; + border: none; + color: var(--color-txt); + padding-top: 2px; + grid-column: 1/end; + grid-row: 1; + padding-left: var(--h-block); + padding-right: 0.5ch; + border: var(--border-light); + border-radius: var(--radius-btn); + height: var(--h-block); + &:focus{ + border-color: var(--color-txt); + outline: none; + + } + } + + button{ + background-color: var(--color-txt); + color: var(--color-bg); + border-radius: var(--radius-btn); + padding: 0 1ch; + font-size: var(--fs-small); + padding-top: 2px; + &:hover{ + background-color: var(--color-accent); + + } + } + } + +} \ No newline at end of file diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss index a895fa6..a570328 100644 --- a/assets/css/partials/_site-header.scss +++ b/assets/css/partials/_site-header.scss @@ -20,7 +20,6 @@ .site-header__inner{ width: 100%; height: 100%; - border-bottom: var(--border-light); display: flex; align-items: center; @@ -82,7 +81,18 @@ position: fixed; top: 0; + .site-header__inner{ + border-bottom: var(--border-light); + } + & ~ main{ margin-top: var(--header-h); } } + + +@media #{$medium}{ + #nav-highlight{ + display: none; + } +} diff --git a/assets/css/style.css b/assets/css/style.css index e86827a..9770050 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -34,19 +34,21 @@ --header-h-shrinked: 50px; --menu-w: 420px; --padding-body: 26px; + --padding-inner: 14px; --radius-small: 4px; + --radius-btn: 4px; --spacing: 30px; --h-block: 30px; --curve: cubic-bezier(0.175, 0.885, 0.32, 1.275); } -@media screen and (max-width: 720px) { +@media screen and (max-width: 768px) { :root { --fs-medium: 20px; --fs-big: 26px; } } -@media screen and (max-width: 720px) { +@media screen and (max-width: 768px) { :root { --fs-x-small: 10px; --fs-small: 11px; @@ -54,6 +56,7 @@ --fs-medium: 20px; --fs-big: 30px; --fs-x-big: 38px; + --header-h: 60px; } } * { @@ -110,7 +113,6 @@ body { #site-header .site-header__inner { width: 100%; height: 100%; - border-bottom: var(--border-light); display: flex; align-items: center; justify-content: space-between; @@ -159,10 +161,18 @@ body { position: fixed; top: 0; } +#site-header.is-visible .site-header__inner { + border-bottom: var(--border-light); +} #site-header.is-visible ~ main { margin-top: var(--header-h); } +@media screen and (max-width: 1080px) { + #nav-highlight { + display: none; + } +} button { cursor: pointer; font-family: var(--font); @@ -195,7 +205,7 @@ button:disabled { display: block; height: calc(var(--h-block) * 1); border: var(--border); - border-radius: 4px; + border-radius: var(--radius-btn); font-size: var(--fs-small); text-transform: uppercase; line-height: 1; @@ -210,7 +220,15 @@ button:disabled { width: 100%; height: 100%; padding: 0 2ch; - padding-top: 5px; + padding-top: 4px; +} +.btn--bold.no-link, +.btn--bold-inline.no-link { + display: flex; + align-items: center; + justify-content: center; + padding: 0 2ch; + padding-top: 4px; } .btn--bold { @@ -225,6 +243,10 @@ button:disabled { color: var(--color-bg); } +.btn--bold-inline:hover { + background-color: var(--grey-800); + color: var(--color-txt); +} .btn--bold-inline:hover a { background-color: var(--grey-800); color: var(--color-txt); @@ -437,7 +459,7 @@ button:disabled { display: none; } -@media screen and (min-width: 720px) { +@media screen and (min-width: 768px) { .footer__socials .list-socials { display: block; } @@ -459,6 +481,107 @@ button:disabled { line-height: 1; } } +.modal--share { + border: var(--border); + border-radius: var(--radius-btn); + background-color: var(--color-bg); + padding: var(--padding-inner); + padding-top: calc(var(--padding-inner) * 0.5); + padding-bottom: calc(var(--padding-inner) * 1.5); +} +.modal--share .modal-title { + display: none; +} +.modal--share .socials { + display: block; + list-style: none; +} +.modal--share .socials li { + font-size: var(--fs-normal); + padding-bottom: 6px; + border-bottom: var(--border-light); + padding-top: 6px; +} +.modal--share .socials li a { + display: flex; + align-items: center; + gap: 1ch; + text-decoration: none; +} +.modal--share .socials li .icon { + width: 20px; + height: 20px; +} +.modal--share .socials li .icon svg { + width: 100%; + height: 100%; +} +.modal--share .socials li .text { + 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); +} +.modal--share .copy-link .copy-link__field { + flex-grow: 1; + display: grid; + grid-template-columns: var(--h-block) 1fr; +} +.modal--share .copy-link .icon { + display: flex; + width: var(--h-block); + height: 100%; + align-items: center; + justify-content: center; + position: relative; + grid-row: 1; + grid-column: 1; +} +.modal--share .copy-link .icon svg { + width: 12px; +} +.modal--share .copy-link input { + font-size: var(--fs-small); + font-family: var(--font); + background: none; + border: none; + color: var(--color-txt); + padding-top: 2px; + grid-column: 1/end; + grid-row: 1; + padding-left: var(--h-block); + padding-right: 0.5ch; + border: var(--border-light); + border-radius: var(--radius-btn); + height: var(--h-block); +} +.modal--share .copy-link input:focus { + border-color: var(--color-txt); + outline: none; +} +.modal--share .copy-link button { + background-color: var(--color-txt); + color: var(--color-bg); + border-radius: var(--radius-btn); + padding: 0 1ch; + font-size: var(--fs-small); + padding-top: 2px; +} +.modal--share .copy-link button:hover { + background-color: var(--color-accent); +} + [data-template=subscription-newsletter] .p__baseline-big, [data-template=thanks] .p__baseline-big, [data-template=support] .p__baseline-big, @@ -503,7 +626,7 @@ button:disabled { text-align: center; margin: calc(var(--spacing) * 1) 0; } -@media screen and (max-width: 720px) { +@media screen and (max-width: 768px) { [data-template=subscription-newsletter] .p__baseline, [data-template=thanks] .p__baseline, [data-template=support] .p__baseline, @@ -561,7 +684,6 @@ button:disabled { #site-header .site-header__inner { width: 100%; height: 100%; - border-bottom: var(--border-light); display: flex; align-items: center; justify-content: space-between; @@ -610,10 +732,18 @@ button:disabled { position: fixed; top: 0; } +#site-header.is-visible .site-header__inner { + border-bottom: var(--border-light); +} #site-header.is-visible ~ main { margin-top: var(--header-h); } +@media screen and (max-width: 1080px) { + #nav-highlight { + display: none; + } +} #site-menu { position: fixed; width: var(--menu-w); @@ -743,7 +873,7 @@ body.menu-open #menu-toggle .close { font-size: var(--fs-small); color: var(--color-txt); } -@media screen and (max-width: 720px) { +@media screen and (max-width: 768px) { #site-footer { margin-top: calc(var(--spacing) * 2); } @@ -765,7 +895,7 @@ body.menu-open #menu-toggle .close { text-align: center; } } -@media screen and (min-width: 720px) { +@media screen and (min-width: 768px) { #site-footer .site-footer__container { display: grid; grid-template-columns: 1fr 1fr; @@ -846,19 +976,26 @@ body main { -o-object-fit: cover; object-fit: cover; } -.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-bottom: var(--padding-body); - padding-right: var(--padding-body); - position: sticky; - top: var(--header-h); - width: calc((100% - var(--max-w-content)) / 2); - display: flex; - flex-direction: column; - justify-content: space-between; +@media screen and (min-width: 1080px) { + .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: calc((100% - var(--max-w-content)) / 2); + display: flex; + flex-direction: column; + justify-content: space-between; + } +} +.page-enquete .modal--share { + position: absolute; + bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25); + width: calc(100% - var(--padding-body)); } .page-enquete #banner--page .btn--group { display: flex; @@ -866,9 +1003,9 @@ body main { align-items: center; gap: calc(var(--spacing) * 0.25); } -.page-enquete #banner--page .btn--group button { +.page-enquete #banner--page .btn--group > button { width: 100%; - max-width: 28ch; + max-width: 160px; } .page-enquete #nav--page ul { list-style: none; @@ -920,4 +1057,10 @@ body main { -webkit-text-decoration: 1px underline var(--color-txt-light); text-decoration: 1px underline var(--color-txt-light); text-underline-offset: 3px; +} + +@media screen and (max-width: 1080px) { + #banner--page { + 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 33d386a..8ee4e4b 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/_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/_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 diff --git a/assets/css/style.scss b/assets/css/style.scss index 17b6ac5..d811aef 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -11,6 +11,7 @@ @import 'components/keywords'; @import 'components/form-newsletter'; @import 'components/list-socials'; +@import 'components/modal-share'; @import 'components/text'; diff --git a/assets/css/template/_page-enquete.scss b/assets/css/template/_page-enquete.scss index 58d160c..9bada21 100644 --- a/assets/css/template/_page-enquete.scss +++ b/assets/css/template/_page-enquete.scss @@ -68,33 +68,43 @@ // banner-page ------------------------------------------------- - #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-bottom: var(--padding-body); - padding-right: var(--padding-body); - position: sticky; - top: var(--header-h); - width: calc((100% - var(--max-w-content))/2); - display: flex; - flex-direction: column; - justify-content: space-between; - - .btn--group{ + @media #{$medium-up}{ + #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: calc((100% - var(--max-w-content))/2); display: flex; flex-direction: column; - align-items: center; - gap: calc(var(--spacing)*0.25); - - button{ - width: 100%; - max-width: 28ch; - } - + justify-content: space-between; } - + } + + + .modal--share{ + position: absolute; + bottom: calc(var(--padding-body) + var(--h-block) + var(--spacing) * 0.25); + width: calc(100% - var(--padding-body)); + + } + + #banner--page .btn--group{ + display: flex; + flex-direction: column; + align-items: center; + gap: calc(var(--spacing)*0.25); + + + > button{ + width: 100%; + max-width: 160px; + } + } #nav--page{ @@ -181,4 +191,15 @@ +} + + + +@media #{$medium}{ + + #banner--page{ + display: none; + + } + } \ No newline at end of file diff --git a/assets/icons/menu-close.svg b/assets/icons/close.svg similarity index 100% rename from assets/icons/menu-close.svg rename to assets/icons/close.svg 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/js/header.js b/assets/js/header.js index 229ea63..8c1e30a 100644 --- a/assets/js/header.js +++ b/assets/js/header.js @@ -1,6 +1,3 @@ -// =============================== -// HEADER -// =============================== export function headerToggle() { const header = document.getElementById("site-header"); const buttonToggle = document.querySelector("#menu-toggle"); diff --git a/assets/js/onload.js b/assets/js/onload.js index e9cce95..647e0c9 100644 --- a/assets/js/onload.js +++ b/assets/js/onload.js @@ -1,4 +1,5 @@ import { headerToggle, headerScrollVisibility } from './header.js'; +import { copyLink } from './share.js'; // TEMP, with includeHTML() -------------------------------------- @@ -24,9 +25,10 @@ function runIncludeHTML() { // Note: une fois que IncludeHTML() est supprimé, on peut supprimer tout le temp au dessus // remplacer `function initAfterLoad()` par ↓ -// window.onload = async function () { +// window.onload = async function () { } function initAfterLoad() { headerToggle(); headerScrollVisibility(); + copyLink(); } diff --git a/assets/js/share.js b/assets/js/share.js new file mode 100644 index 0000000..df0b44c --- /dev/null +++ b/assets/js/share.js @@ -0,0 +1,19 @@ +export function copyLink() { + let buttons = document.querySelectorAll('.copy-link button'); + buttons.forEach(function (button, index) { + console.log(button); + let link = button.parentNode.querySelector("input").value; + + button.addEventListener('click', function() { + navigator.clipboard.writeText(link).then(() => { + const originalText = button.textContent; + button.textContent = 'Lien copié'; + setTimeout(() => { + button.textContent = originalText; + }, 1000); + }).catch(err => { + console.error('Erreur lors de la copie:', err); + }); + }); + }); +} \ No newline at end of file diff --git a/components/modal-share.html b/components/modal-share.html new file mode 100644 index 0000000..370f405 --- /dev/null +++ b/components/modal-share.html @@ -0,0 +1,45 @@ +
+

Partager

+ +
+ + + +
+
+ + +
+ +
diff --git a/components/site-header.html b/components/site-header.html index ff5d2b3..b33e217 100644 --- a/components/site-header.html +++ b/components/site-header.html @@ -37,7 +37,7 @@ \ No newline at end of file diff --git a/components/socials.html b/components/socials.html index a37f1f2..1e9a0a4 100644 --- a/components/socials.html +++ b/components/socials.html @@ -17,7 +17,6 @@ Facebook -
  • diff --git a/index.html b/index.html index 28bb46d..b09c303 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,6 @@
    -

    L’objet central de notre action est de concourir à la manifestation de la vérité dans des affaires où celle-ci est entravée par des intérêts de pouvoir. Nos enquêtes portent principalement principalement sur les cas de violences policières, en France comme à l'international, ainsi que sur les violations des droits humains au sens large. Nous intervenons également dans les situations où nos techniques d'investigation numérique peuvent permettre d'établir les faits autour d'une controverse d'intérêt public, qu'elle soit historique ou contemporaine. Notre champ d’action est avant tout public. Nos enquêtes et rapports d’expertise sont souvent publiés en partenariat avec d'autres médias d'information et sont régulièrement utilisés dans les procédures judiciaires sur les affaires concernées, contribuant ainsi à l'établissement des faits. diff --git a/page-enquete/index.html b/page-enquete/index.html index b983052..9a241eb 100644 --- a/page-enquete/index.html +++ b/page-enquete/index.html @@ -42,7 +42,8 @@

    - + +