Parisian gallery
Street art
The Wait
Turned Green
A Touch of the Antilles
Sacré-Cœur
Parisian garden
Railway track
Double vision
Old shop
Elevated metro
Giant billboard
Champ de Mars basin
The Iron Lady in the rain
Blue street art
Mural
Graffiti
/* Style de secours si la feuille principale n’est pas chargée (sinon, il s’efface) */
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:24px 0 32px}
.filter-chip{padding:.45rem .75rem;border:1px solid #D9D7D2;border-radius:999px;background:#fff;cursor:pointer;font-size:.95rem;line-height:1}
.filter-chip[aria-pressed=”true”]{border-color:#E7B770;box-shadow:inset 0 0 0 1px #E7B770}
.filters-status{font-size:.925rem;color:#555;margin-left:.5rem}
.sb-hidden{display:none!important}
.sb-page{opacity:0;transition:opacity .25s ease}
.sb-page.sb-ready{opacity:1}
.sb-page.sb-out{opacity:0}
@media (prefers-reduced-motion: reduce){.sb-page,.sb-page.sb-out{transition:none!important;opacity:1!important}}
/* =========================================================
PACK UNIQUE — Transitions de page + Filtres de galerie
– Colle ce bloc dans un “Bloc HTML” au-dessus de la galerie
– Fonctionne sans autre dépendance
========================================================= */
(function(){
// ———- 1) Transitions de page (fade in/out) ———-
const docEl = document.documentElement;
if(!matchMedia(‘(prefers-reduced-motion: reduce)’).matches){
docEl.classList.add(‘sb-page’);
window.addEventListener(‘pageshow’, ()=> docEl.classList.add(‘sb-ready’), { once:true });
document.addEventListener(‘click’, (e)=>{
const a = e.target.closest(‘a’);
if(!a) return;
const url = new URL(a.href, location.href);
const external = url.origin !== location.origin;
const hasTarget = a.target && a.target !== ‘_self’;
const isHash = url.pathname === location.pathname && url.hash;
const isFile = /\.(jpe?g|png|webp|avif|pdf|zip|mp4)(\?.*)?$/i.test(url.pathname);
const isAdmin = /\/wp-admin\//.test(url.pathname);
if(external || hasTarget || isHash || isFile || isAdmin) return;
if(a.hasAttribute(‘data-sb-lightbox’)) return; // laisser la lightbox
e.preventDefault();
docEl.classList.add(‘sb-out’);
setTimeout(()=>{ location.href = url.href; }, 180);
});
} else {
docEl.classList.add(‘sb-ready’);
}
// ———- 2) Filtres de galerie ———-
const gallerySel = ‘.wp-block-gallery, .kadence-gallery, .gallery, .kt-blocks-gallery’;
const filters = document.currentScript.previousElementSibling.previousElementSibling; // le
