studio-variable/index-main
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

new card impact
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-09 13:50:20 +01:00
parent 2b06612a0c
commit fe9d02ffc7
8 changed files with 288 additions and 505 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/css/base/_body.scss
View file

@ -102,6 +102,22 @@ body, #site-header, #site-footer{
}
@mixin pin(){
.pin{
width: 18px;
height: 18px;
transform: rotate(45deg);
transform-origin: center;
svg{
width: 100%;
height: 100%;
fill: var(--color-txt);
}
}
}
body.menu-open,
body.is-hidden{
overflow-y: hidden;

373
assets/css/components/_card-impact.scss
View file

@ -4,260 +4,181 @@
container-name: impact;
border: var(--border-light);
margin-bottom: calc(var(--spacing)*1);
padding: var(--padding-inner);
&.has-link {
@include hover-card-line();
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: calc(var(--spacing)*0.25);
@include hover-card-line();
@include figure-3-1();
@include pin();
.title{
font-size: var(--fs-normal);
font-weight: 500;
text-transform: uppercase;
line-height: var(--leading-title);
padding-top: calc(var(--spacing)*0.5);
margin-right: 2ch;
}
.card--impact__inner {
@include grid-content();
padding: calc(var(--padding-inner)*1.5) var(--padding-inner);
.date{
font-size: var(--fs-small);
// border-bottom: var(--border-light);
// padding: calc(var(--spacing)*0.5) 0;
// &:first-of-type{
// border-top: var(--border-light);
// }
@include btn--go-to();
.btn--go-to {
top: calc(var(--padding-inner)*1);
bottom: auto;
}
.content {
grid-column: 2;
}
.card--open-graph {
grid-row: 1/3;
grid-column: 2;
z-index: 10;
}
.keywords-wrapper {
grid-column: 1;
grid-row: 2/4;
align-self: end;
z-index: 10;
}
&:not([data-impact-type="media"]) .content {
@media #{$x-small} {
grid-column: span 2;
}
}
.tag {
width: auto;
justify-self: start;
position: relative;
top: -5px;
}
&:not([data-impact-type="media"]) {
.content {
padding-right: calc(var(--padding-inner)*2.5);
}
}
.investigations {
z-index: 10;
grid-column: 2;
list-style: none;
font-size: var(--fs-xsmall);
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);
// }
// }
margin-top: calc(var(--spacing)*1.5);
}
.investigations{
text-decoration: none;
list-style: none;
li{
font-size: var(--fs-small);
color: var(--color-txt-light);
a{
text-decoration: none;
}
a::before{
content: "↪ "
}
}
}
.card--open-graph{
width: 100%;
margin: calc(var(--spacing)*0.5) 0;
}
.pin{
position: absolute;
top: var(--padding-inner);
right: var(--padding-inner);
}
figure{
width: calc(100% + var(--padding-inner)*2);
position: relative;
left: calc(var(--padding-inner)*-1);
top: calc(var(--padding-inner)*-1);
}
}
@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;
// @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;
}
// .tag, .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 > .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);
}
// .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);
}
// .investigations{
// margin-top: calc(var(--spacing)*0.25);
// margin-bottom: calc(var(--spacing)*0.25);
// }
.keywords-wrapper {
margin-top: calc(var(--spacing)*1);
// .keywords-wrapper {
// margin-top: calc(var(--spacing)*1);
}
.content,
details {
font-size: var(--fs-small) !important;
}
// }
// .content,
// details {
// font-size: var(--fs-small) !important;
// }
.date{
font-size: var(--fs-xsmall) !important;
}
// .date{
// font-size: var(--fs-xsmall) !important;
// }
.btn--go-to {
top: calc(var(--padding-inner)*1.25)!important;
bottom: auto;
right: calc(var(--padding-inner)*1.25)!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;
// @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;
}
// .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;
}
// .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);
}
// .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);
}
// .investigations{
// margin-top: calc(var(--spacing)*0.25);
// margin-bottom: calc(var(--spacing)*0.25);
// }
.keywords-wrapper {
margin-top: calc(var(--spacing)*1);
// .keywords-wrapper {
// margin-top: calc(var(--spacing)*1);
}
.date,
.content,
details {
font-size: 14px !important;
}
// }
// .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;
}
}
}
// .btn--go-to {
// top: calc(var(--padding-inner)*1.25)!important;
// bottom: auto;
// right: calc(var(--padding-inner)*1.25)!important;
// }
// }
// }
[data-template="impacts"] .page__content{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--padding-inner);
}

30
assets/css/components/_figures.scss
View file

@ -16,6 +16,36 @@
@mixin figure-3-1(){
& > figure{
aspect-ratio: 3/1;
overflow: hidden;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
@mixin figure-2-1(){
figure{
aspect-ratio: 2/1;
overflow: hidden;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
@mixin figure-16-9-hover{
figure{
aspect-ratio: 16/9;

289
assets/css/style.css
View file

@ -1479,15 +1479,19 @@ button.sort[data-sort-type=up] .arrow {
container-name: impact;
border: var(--border-light);
margin-bottom: calc(var(--spacing) * 1);
}
.card--impact.has-link {
padding: var(--padding-inner);
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: calc(var(--spacing) * 0.25);
border-bottom: var(--border-light);
position: relative;
}
.card--impact.has-link:first-of-type {
.card--impact:first-of-type {
border-top: var(--border-light);
}
.card--impact.has-link::before {
.card--impact::before {
content: "";
width: 100%;
border-top: 1px solid transparent;
@ -1495,243 +1499,82 @@ button.sort[data-sort-type=up] .arrow {
top: -1px;
left: 0;
}
.card--impact.has-link:hover {
.card--impact:hover {
background-color: var(--grey-950);
border-color: var(--color-txt);
}
.card--impact.has-link:hover::before {
.card--impact:hover::before {
border-color: var(--color-txt);
}
.card--impact .card--impact__inner {
display: grid;
grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr;
position: relative;
padding: calc(var(--padding-inner) * 1.5) var(--padding-inner);
font-size: var(--fs-small);
position: relative;
.card--impact > figure {
aspect-ratio: 3/1;
overflow: hidden;
}
.card--impact .card--impact__inner .btn--go-to {
position: absolute;
right: var(--padding-inner);
bottom: calc(var(--padding-inner) - 3px);
}
.card--impact .card--impact__inner .btn--go-to svg {
width: 15px;
height: 15px;
fill: var(--color-txt);
}
@media screen and (max-width: 768px) {
.card--impact .card--impact__inner .btn--go-to svg {
width: 11px;
height: 11px;
}
}
@media screen and (max-width: 560px) {
.card--impact .card--impact__inner .btn--go-to {
right: calc(var(--padding-inner) * 0.5);
bottom: calc(var(--padding-inner) * 0.25);
}
.card--impact .card--impact__inner .btn--go-to svg {
width: 11px;
height: 11px;
}
}
.card--impact .card--impact__inner:hover .btn--go-to {
animation: wiggle-left 0.8s ease-in-out;
}
.card--impact .card--impact__inner .btn--go-to {
top: calc(var(--padding-inner) * 1);
bottom: auto;
}
.card--impact .card--impact__inner .content {
grid-column: 2;
}
.card--impact .card--impact__inner .card--open-graph {
grid-row: 1/3;
grid-column: 2;
z-index: 10;
}
.card--impact .card--impact__inner .keywords-wrapper {
grid-column: 1;
grid-row: 2/4;
align-self: end;
z-index: 10;
}
@media screen and (max-width: 560px) {
.card--impact .card--impact__inner:not([data-impact-type=media]) .content {
grid-column: span 2;
}
}
.card--impact .card--impact__inner .tag {
width: auto;
justify-self: start;
position: relative;
top: -5px;
}
.card--impact .card--impact__inner:not([data-impact-type=media]) .content {
padding-right: calc(var(--padding-inner) * 2.5);
}
.card--impact .card--impact__inner .investigations {
z-index: 10;
grid-column: 2;
list-style: none;
font-size: var(--fs-xsmall);
}
.card--impact .card--impact__inner .investigations a {
text-decoration: none;
color: var(--color-txt-light);
}
.card--impact .card--impact__inner .investigations .icon {
position: relative;
top: 2px;
}
.card--impact .card--impact__inner .investigations .icon svg {
width: 14px;
height: 14px;
fill: var(--color-txt-light);
}
.card--impact .card--impact__inner .investigations li:hover a {
color: var(--color-txt);
}
.card--impact .card--impact__inner .investigations li:hover .icon svg {
fill: var(--color-txt);
}
.card--impact .card--impact__inner .open-graph__details {
grid-column: 2;
}
.card--impact .card--impact__inner .open-graph__details summary,
.card--impact .card--impact__inner .open-graph__details .summary-inner {
display: flex;
align-items: center;
cursor: pointer;
gap: 0.5ch;
}
.card--impact .card--impact__inner .open-graph__details .arrow-details {
line-height: 0;
--size: 11px;
height: var(--size);
width: var(--size);
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
top: -2px;
}
.card--impact .card--impact__inner .open-graph__details .arrow-details svg {
transition: transform 0.2s ease-in;
.card--impact > figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card--impact .pin {
width: 18px;
height: 18px;
transform: rotate(45deg);
transform-origin: center;
}
.card--impact .pin svg {
width: 100%;
height: 100%;
fill: var(--color-txt);
}
.card--impact .card--impact__inner .open-graph__details summary:hover {
color: var(--color-txt);
.card--impact .title {
font-size: var(--fs-normal);
font-weight: 500;
text-transform: uppercase;
line-height: var(--leading-title);
padding-top: calc(var(--spacing) * 0.5);
margin-right: 2ch;
}
.card--impact .card--impact__inner .open-graph__details summary:hover .arrow-details svg {
fill: var(--color-txt);
.card--impact .date {
font-size: var(--fs-small);
margin-top: calc(var(--spacing) * 1.5);
}
.card--impact .card--impact__inner .open-graph__details[open] .arrow-details svg {
transform: rotate(90deg);
.card--impact .investigations {
text-decoration: none;
list-style: none;
}
.card--impact .card--impact__inner .open-graph__details summary {
.card--impact .investigations li {
font-size: var(--fs-small);
color: var(--color-txt-light);
}
.card--impact .card--impact__inner .open-graph__details summary .arrow-details svg {
fill: var(--color-txt-light);
.card--impact .investigations li a {
text-decoration: none;
}
@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 .investigations li a::before {
content: "↪ ";
}
.card--impact .card--open-graph {
width: 100%;
margin: calc(var(--spacing) * 0.5) 0;
}
.card--impact .pin {
position: absolute;
top: var(--padding-inner);
right: var(--padding-inner);
}
.card--impact figure {
width: calc(100% + var(--padding-inner) * 2);
position: relative;
left: calc(var(--padding-inner) * -1);
top: calc(var(--padding-inner) * -1);
}
@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 .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 .content,
.card--impact__inner details {
font-size: var(--fs-small) !important;
}
.card--impact__inner .date {
font-size: var(--fs-xsmall) !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;
}
[data-template=impacts] .page__content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--padding-inner);
}
.card--impact-small {
border-bottom: var(--border-light);
display: grid;

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

0
assets/images/SequenceOrbit_Finale_1245 2.png → assets/images/SequenceOrbit_Finale_1245.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 94 KiB

After

Width:  |  Height:  |  Size: 94 KiB

Before After
Before After

BIN
content.zip
View file

Binary file not shown.

83
site/templates/impacts.php
View file

@ -32,101 +32,74 @@
<!-- Contenu statique temporaire -->
<div class="card--impact" data-impact-type="media">
<div class="card--impact__inner">
<p class="tag">Médiatique</p>
<h3 class="title">Index dans le Monde</h3>
<p class="tag">Médiatique</p>
<p class="date">24 janvier 2026</p>
<?php snippet('card-open-graph') ?>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'exécution de Nidal et Khaled 'Amirah à Naplouse</a></li>
<li><a href="/enquetes/l-homicide-de-nahel-merzouk"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L’homicide de Nahel Merzouk</a></li>
</ul>
<div class="keywords-wrapper">
<ul class="keywords">
<li><a href="#keyword" target="_blank">Occupation</a></li>
<li><a href="#keyword" target="_blank">Colonialité</a></li>
<li><a href="#keyword" target="_blank">Forces armées</a></li>
</ul>
</div>
</div>
</div>
<div class="card--impact has-link" data-impact-type="judiciaire">
<div class="card--impact__inner">
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
<h3 class="title">L’analyse d’INdex fait l’objet d’un reportage par CNN</h3>
<p class="tag">Judiciaire</p>
<p class="date">24 janvier 2026</p>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'homicide de Renée Goof</a></li>
</ul>
<button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
<a class="link-block" href="#" target="_blank"></a>
</div>
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
</ul>
<a class="link-block" href="#" target="_blank"></a>
</div>
<div class="card--impact has-link" data-impact-type="judiciaire">
<div class="card--impact__inner">
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
<h3 class="title">Ouverture d’une imformation judiciaire</h3>
<p class="tag">Judiciaire</p>
<p class="date">24 janvier 2026</p>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'homicide de Renée Goof</a></li>
</ul>
<button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
<a class="link-block" href="#" target="_blank"></a>
</div>
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
</ul>
<a class="link-block" href="#" target="_blank"></a>
</div>
<div class="card--impact has-link" data-impact-type="judiciaire">
<div class="card--impact__inner">
<figure><img src="/assets/images/SequenceOrbit_Finale_1245.png"></figure>
<h3 class="title">LA RECONSTITUTION D’INDEX PROJETÉE EN AUDIENCE AU TRIBUNAL DE BOBIGNY</h3>
<p class="tag">Judiciaire</p>
<p class="date">24 janvier 2026</p>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'homicide de Renée Goof</a></li>
</ul>
<button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
<a class="link-block" href="#" target="_blank"></a>
</div>
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
</ul>
<a class="link-block" href="#" target="_blank"></a>
</div>
<div class="card--impact has-link" data-impact-type="judiciaire">
<div class="card--impact__inner">
<div class="card--impact has-link" data-impact-type="judiciaire">
<h3 class="title">INDEX DANS L’ÉMISSION “LE DESSOUS DES IMAGES” (ARTE)</h3>
<p class="tag">Médiathique</p>
<p class="date">24 janvier 2026</p>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'homicide de Renée Goof</a></li>
</ul>
<button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
<a class="link-block" href="#" target="_blank"></a>
</div>
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
</ul>
<a class="link-block" href="#" target="_blank"></a>
</div>
<div class="card--impact has-link" data-impact-type="judiciaire">
<div class="card--impact__inner">
<div class="card--impact has-link" data-impact-type="judiciaire">
<h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
<p class="tag">Public</p>
<p class="date">24 janvier 2026</p>
<a class="link-block" href="#" target="_blank"></a>
</div>
<a class="link-block" href="#" target="_blank"></a>
</div>
<div class="card--impact has-link" data-impact-type="judiciaire">
<figure><img src="/assets/images/eclairages.png"></figure>
<h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
<p class="tag">Public</p>
<p class="date">24 janvier 2026</p>
<a class="link-block" href="#" target="_blank"></a>
</div>