2024-11-08

This commit is contained in:
gcch 2024-11-01 12:56:46 +01:00
commit f4b71696c9
184 changed files with 799 additions and 530 deletions

View file

@ -57,10 +57,13 @@
--espacement-inter-lettres-etendu-l: 1.5px;
--espacement-inter-lettres-etendu-xl: 2px;
/* Dimensions */
--en-tete-hauteur: 60px;
--en-tete-hauteur: 61px;
--menu-categories-produits-hauteur: 54.39px;
--pied-de-page-hauteur: calc(var(--espace-m) * 2 + 3lh);
--contenu-page-hauteur-minimale: calc(
--contenu-page-hauteur-minimale-sans-categories: calc(
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)
);
--contenu-page-hauteur-minimale-avec-categories: calc(
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)
- var(--menu-categories-produits-hauteur)
);
@ -441,10 +444,8 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
}
}
#en-tete {
/* Marges */
--en-tete-marges-internes-ligne: var(--espace-xl);
--en-tete-marges-internes-bloc: var(--espace-m);
/* Dimensions */
--en-tete-section-hauteur: var(--en-tete-hauteur);
--en-tete-logo-longueur: 80px;
position: fixed;
@ -561,10 +562,9 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
#menu-categories-produits {
/* Dimensions */
--menu-entree-longueur-minimale: 13ch;
--menu-section-hauteur: var(--menu-categories-produits-hauteur);
/* Marges */
--menu-section-marges-bloc-debut: var(--en-tete-hauteur); /* 1 */
--menu-entree-marges-internes-ligne: var(--espace-m);
position: relative;
margin-top: var(--menu-section-marges-bloc-debut); /* 1 */
/*
* Liste des Catégories de Produits.
@ -574,6 +574,28 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
* ligne.
*/
}
#menu-categories-produits[data-entrees-presentes-debut] img:first-of-type {
opacity: 1;
}
#menu-categories-produits[data-entrees-presentes-fin] img:last-of-type {
opacity: 1;
}
#menu-categories-produits svg {
pointer-events: none;
position: absolute;
bottom: calc(17.59px - 0.35rem);
width: 0.8rem;
height: 0.8rem;
mix-blend-mode: exclusion;
shape-rendering: geometricprecision;
transition: 0.2s opacity;
}
#menu-categories-produits svg:first-of-type {
left: var(--espace-xs);
}
#menu-categories-produits svg:last-of-type {
right: var(--espace-xs);
}
#menu-categories-produits ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr)); /* 1 */
@ -599,15 +621,19 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
*/
}
#menu-categories-produits ul li.categorie-courante a {
color: var(--couleur-jaune);
color: var(--couleur-noir);
background: var(--couleur-jaune);
}
#menu-categories-produits ul li:active a {
font-weight: 500;
@media (hover: hover) {
#menu-categories-produits ul li.categorie-courante a:hover {
color: var(--couleur-noir);
}
}
#menu-categories-produits ul li a {
display: inline-block; /* 1 */
width: inherit; /* 2 */
padding: var(--menu-entree-marges-internes-ligne) 0;
text-decoration: none;
outline: initial; /* 3 */
}
#menu-categories-produits ul li a:focus, #menu-categories-produits ul li a:focus-visible {
@ -636,6 +662,17 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
border: initial;
}
}
@media (width <= 600px) {
#menu-categories-produits ul {
scrollbar-width: none;
overflow-x: scroll;
flex-flow: row nowrap;
}
#menu-categories-produits ul li {
width: initial;
min-width: 140px;
}
}
/*
* Les photos du Produit, étalées sur 2 colonnes : une pour la photo Produit, une pour les photos
@ -681,6 +718,34 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
min-height: var(--colonne-droite-photo-hauteur-minimale);
max-height: var(--colonne-droite-photo-hauteur-minimale);
}
@media (width <= 900px) {
.photos-produit {
scrollbar-width: none;
overflow-x: scroll;
flex-flow: row nowrap;
}
.photos-produit > section {
width: 100%;
min-width: 100%;
}
.photos-produit > section.colonne-gauche {
position: initial;
height: initial;
}
.photos-produit > section.colonne-gauche img {
max-height: calc(100svh - var(--en-tete-hauteur));
}
.photos-produit > section.colonne-droite {
flex-flow: row nowrap;
}
.photos-produit > section.colonne-droite figure {
flex-grow: 1;
min-width: 100%;
}
.photos-produit > section.colonne-droite figure img {
max-height: calc(100svh - var(--en-tete-hauteur));
}
}
/*
* La Grille des Produits sous forme de Cartes.
@ -695,8 +760,8 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
* collapse »).
*/
.grille-produits {
--grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale);
--aucun-produit-hauteur: var(--contenu-page-hauteur-minimale);
--grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale-avec-categories);
--aucun-produit-hauteur: var(--contenu-page-hauteur-minimale-avec-categories);
--carte-produit-longueur-minimale: 448px;
--carte-produit-longueur-maximale: 1000px;
display: grid;
@ -725,9 +790,37 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
transition: 0.3s opacity, 0.3s visibility;
}
}
.grille-produits article figure img {
position: inherit;
aspect-ratio: 9/16;
width: 100%;
max-height: 70vh;
object-fit: cover;
background: transparent;
}
.grille-produits article figure .produit__illustration__principale {
display: block;
}
.grille-produits article figure .produit__illustration__principale::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
filter: opacity(20%);
animation: 1.5s 0.5s test infinite alternate both linear;
}
.grille-produits article figure .produit__illustration__principale img {
opacity: 0;
transition: opacity 1s;
}
.grille-produits article figure .produit__illustration__survol {
position: absolute;
top: 0;
@ -739,32 +832,8 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
opacity: 0;
transition: 0.15s opacity, 0.15s visibility;
}
.grille-produits article figure picture {
position: relative;
}
.grille-produits article figure picture::before {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: opacity(0%);
animation: 1s test infinite alternate both linear;
}
.grille-produits article figure img {
position: inherit;
z-index: 3;
aspect-ratio: 9/16;
width: 100%;
max-height: 70vh;
object-fit: cover;
background: transparent;
.grille-produits article figure .produit__illustration__survol img {
background: var(--couleur-fond);
}
.grille-produits article figure figcaption {
display: flex;
@ -801,7 +870,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
@keyframes test {
to {
filter: opacity(30%);
opacity: 1;
}
}
/*
@ -859,6 +928,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
transform: translateY(-100%);
overflow-y: auto;
grid-column: span 3;
width: 100%;
padding: var(--onglet-marges-internes);
visibility: visible;
opacity: 1;
@ -1049,6 +1119,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
.produits-similaires {
--carte-produit-longueur-minimale: 448px;
--carte-produit-longueur-maximale: 1000px;
position: relative;
display: grid;
grid-template-areas: "en-tete en-tete en-tete" "produits produits produits";
grid-template-columns: repeat(3, 1fr);
@ -1058,6 +1129,9 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
/* En-tête de la section */
}
.produits-similaires header {
position: sticky;
z-index: 10;
top: calc(1lh + var(--espace-l) + var(--espace-m));
grid-area: en-tete;
width: 100%;
padding: var(--espace-l) 0 var(--espace-m);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -21,7 +21,6 @@
#page-a-propos .storytelling picture::before {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
@ -31,56 +30,22 @@
background-position: center;
background-size: contain;
filter: opacity(0%);
animation: 1s test infinite alternate both linear;
animation: 1s clignotement infinite alternate both linear;
}
#page-a-propos .storytelling img {
position: inherit;
position: relative;
width: max-content;
height: auto;
object-fit: contain;
background: transparent;
}
#page-a-propos .storytelling .texte {
position: absolute;
max-width: 22rem;
font-weight: 500;
font-style: italic;
/* stylelint-disable-next-line declaration-block-no-duplicate-properties */
text-wrap: balance;
text-wrap: pretty;
}
#page-a-propos .storytelling .texte#texte-1 {
top: 33rem;
right: 4rem;
}
#page-a-propos .storytelling .texte#texte-2 {
top: 61.5rem;
}
#page-a-propos .storytelling .texte#texte-3 {
top: 81.5rem;
right: 4rem;
}
#page-a-propos .storytelling .texte#texte-4 {
top: 139rem;
left: 11rem;
}
#page-a-propos .storytelling .texte#texte-5 {
top: 156rem;
right: 4rem;
}
#page-a-propos .storytelling .texte#texte-6 {
bottom: 3rem;
}
#page-a-propos .storytelling .texte p + p {
margin-top: var(--espace-m);
}
#page-a-propos .storytelling .epingle {
position: absolute;
right: 46.5%;
display: none;
}
#page-a-propos .storytelling .epingle img {
pointer-events: none;
display: block;
width: 1.5rem;
filter: drop-shadow(1px 1px 3px var(--couleur-gris-fonce));
transition: 0.2s filter;
@ -167,21 +132,13 @@
--hauteur-boite: calc(7lh + 1rem + var(--espace-l) * 2);
top: calc(95.5% - var(--hauteur-boite) / 2);
}
@media (width <= 1300px) {
#page-a-propos .storytelling .texte {
display: none;
}
#page-a-propos .storytelling .epingle {
display: initial;
}
}
@media (width <= 700px) {
#page-a-propos {
--images-marges-ligne: var(--espace-m);
}
}
@keyframes test {
@keyframes clignotement {
to {
filter: opacity(30%);
}

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-a-propos.scss"],"names":[],"mappings":"AAEA;EAEE;EAGA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAKN;EAEI;IACE;;EAGF;IACE;;;AAKN;EAnOF;IAoOI;;;;AAIJ;EACE;IACE","file":"page-a-propos.css"}
{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-a-propos.scss"],"names":[],"mappings":"AAEA;EAEE;EAGA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAKN;EA7KF;IA8KI;;;;AAIJ;EACE;IACE","file":"page-a-propos.css"}

View file

@ -1 +1 @@
#page-a-propos{--images-longueur-maximale:1300px;--page-marges-bloc-debut:var(--en-tete-hauteur);--images-marges-ligne:var(--espace-xl)*2;margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex}#page-a-propos .storytelling{padding:var(--espace-xl)0;color:var(--couleur-gris-fonce)}#page-a-propos .storytelling__conteneur{width:min(var(--images-longueur-maximale),100% - var(--images-marges-ligne));margin:auto;position:relative}#page-a-propos .storytelling img{object-fit:contain;background:0 0;width:max-content;height:auto}#page-a-propos .storytelling .texte{text-wrap:balance;text-wrap:pretty;max-width:22rem;font-style:italic;font-weight:500;position:absolute}#page-a-propos .storytelling .texte#texte-1{top:33rem;right:4rem}#page-a-propos .storytelling .texte#texte-2{top:61.5rem}#page-a-propos .storytelling .texte#texte-3{top:81.5rem;right:4rem}#page-a-propos .storytelling .texte#texte-4{top:139rem;left:11rem}#page-a-propos .storytelling .texte#texte-5{top:156rem;right:4rem}#page-a-propos .storytelling .texte#texte-6{bottom:3rem}#page-a-propos .storytelling .texte p+p{margin-top:var(--espace-m)}#page-a-propos .storytelling .epingle{display:none;position:absolute;right:46.5%}#page-a-propos .storytelling .epingle img{pointer-events:none;filter:drop-shadow(1px 1px 3px var(--couleur-gris-fonce));width:1.5rem;transition:filter .2s}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="1"]{top:2%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="2"]{top:23%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="3"]{top:35%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="4"]{top:58%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="5"]{top:76%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="6"]{top:95.5%}#page-a-propos .storytelling .epingle[data-ensemble-epingle-boite-actif] img{filter:drop-shadow(1px 1px 5px var(--couleur-gris-fonce))}#page-a-propos .storytelling .boite-texte{top:0;right:calc(46.5% - (15rem + var(--espace-l))/2);padding:var(--espace-l);color:var(--couleur-noir);visibility:hidden;opacity:0;background:var(--couleur-fond);border:1px solid var(--couleur-noir);flex-flow:column;font-size:.8rem;font-style:italic;transition:opacity .2s,visibility .2s;display:flex;position:absolute}#page-a-propos .storytelling .boite-texte button{top:0;right:calc(-1.5rem - var(--espace-m) - var(--espace-xs));padding:var(--espace-xs);align-self:end;position:absolute}#page-a-propos .storytelling .boite-texte button img{pointer-events:none;aspect-ratio:1;width:1.5rem}#page-a-propos .storytelling .boite-texte button:active{background:var(--couleur-jaune)}#page-a-propos .storytelling .boite-texte p{max-width:15rem}#page-a-propos .storytelling .boite-texte p+p{margin-top:var(--espace-m)}#page-a-propos .storytelling .boite-texte[data-ensemble-epingle-boite-actif]{visibility:visible;opacity:1}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="2"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(23% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="3"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(35% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="4"]{--hauteur-boite:calc(8lh + 2rem + var(--espace-l)*2);top:calc(58% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="5"]{--hauteur-boite:calc(12lh + 2rem + var(--espace-l)*2);top:calc(76% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="6"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(95.5% - var(--hauteur-boite)/2)}@media (width<=1300px){#page-a-propos .storytelling .texte{display:none}#page-a-propos .storytelling .epingle{display:initial}}@media (width<=700px){#page-a-propos{--images-marges-ligne:var(--espace-m)}}
#page-a-propos{--images-longueur-maximale:1300px;--page-marges-bloc-debut:var(--en-tete-hauteur);--images-marges-ligne:var(--espace-xl)*2;margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex}#page-a-propos .storytelling{padding:var(--espace-xl)0;color:var(--couleur-gris-fonce)}#page-a-propos .storytelling__conteneur{width:min(var(--images-longueur-maximale),100% - var(--images-marges-ligne));margin:auto;position:relative}#page-a-propos .storytelling picture{position:relative}#page-a-propos .storytelling picture:before{content:"";filter:opacity(0%);background-image:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg);background-position:50%;background-repeat:space;background-size:contain;width:100%;height:100%;animation:1s linear infinite alternate both clignotement;position:absolute;top:0;left:0}#page-a-propos .storytelling img{object-fit:contain;background:0 0;width:max-content;height:auto;position:relative}#page-a-propos .storytelling .epingle{position:absolute;right:46.5%}#page-a-propos .storytelling .epingle img{pointer-events:none;filter:drop-shadow(1px 1px 3px var(--couleur-gris-fonce));width:1.5rem;transition:filter .2s;display:block}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="1"]{top:2%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="2"]{top:23%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="3"]{top:35%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="4"]{top:58%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="5"]{top:76%}#page-a-propos .storytelling .epingle[data-id-ensemble-epingle-boite="6"]{top:95.5%}#page-a-propos .storytelling .epingle[data-ensemble-epingle-boite-actif] img{filter:drop-shadow(1px 1px 5px var(--couleur-gris-fonce))}#page-a-propos .storytelling .boite-texte{top:0;right:calc(46.5% - (15rem + var(--espace-l))/2);padding:var(--espace-l);color:var(--couleur-noir);visibility:hidden;opacity:0;background:var(--couleur-fond);border:1px solid var(--couleur-noir);flex-flow:column;font-size:.8rem;font-style:italic;transition:opacity .2s,visibility .2s;display:flex;position:absolute}#page-a-propos .storytelling .boite-texte button{top:0;right:calc(-1.5rem - var(--espace-m) - var(--espace-xs));padding:var(--espace-xs);align-self:end;position:absolute}#page-a-propos .storytelling .boite-texte button img{pointer-events:none;aspect-ratio:1;width:1.5rem}#page-a-propos .storytelling .boite-texte button:active{background:var(--couleur-jaune)}#page-a-propos .storytelling .boite-texte p{max-width:15rem}#page-a-propos .storytelling .boite-texte p+p{margin-top:var(--espace-m)}#page-a-propos .storytelling .boite-texte[data-ensemble-epingle-boite-actif]{visibility:visible;opacity:1}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="2"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(23% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="3"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(35% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="4"]{--hauteur-boite:calc(8lh + 2rem + var(--espace-l)*2);top:calc(58% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="5"]{--hauteur-boite:calc(12lh + 2rem + var(--espace-l)*2);top:calc(76% - var(--hauteur-boite)/2)}#page-a-propos .storytelling .boite-texte[data-id-ensemble-epingle-boite="6"]{--hauteur-boite:calc(7lh + 1rem + var(--espace-l)*2);top:calc(95.5% - var(--hauteur-boite)/2)}@media (width<=700px){#page-a-propos{--images-marges-ligne:var(--espace-m)}}@keyframes clignotement{to{filter:opacity(30%)}}

View file

@ -1,7 +1,5 @@
#page-accueil {
/* Dimensions */
--hauteur-conteneur: calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));
/* Marges */
--hauteur-conteneur: var(--contenu-page-hauteur-minimale-sans-categories);
--page-marges-bloc-debut: var(--en-tete-hauteur);
overflow: hidden;
display: flex;
@ -32,8 +30,7 @@
max-height: var(--hauteur-conteneur);
}
#page-accueil .storytelling__image[data-cache] {
visibility: hidden;
opacity: 0;
display: none;
}
#page-accueil .storytelling__image picture {
max-height: inherit;

View file

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-accueil.scss"],"names":[],"mappings":"AAEA;EAEE;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"page-accueil.css"}

View file

@ -1 +1 @@
#page-accueil{--hauteur-conteneur:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));--page-marges-bloc-debut:var(--en-tete-hauteur);min-height:var(--hauteur-conteneur);max-height:var(--hauteur-conteneur);margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex;overflow:hidden}#page-accueil .storytelling{scrollbar-width:none;min-height:inherit;max-height:inherit;place-items:center;overflow-y:scroll}#page-accueil .storytelling__conteneur{min-height:calc(var(--hauteur-conteneur)*10);padding:0 var(--espace-xl);flex-flow:column;display:flex}#page-accueil .storytelling__image{min-height:var(--hauteur-conteneur);max-height:var(--hauteur-conteneur);align-content:center;width:100%;position:sticky;top:0}#page-accueil .storytelling__image[data-cache]{visibility:hidden;opacity:0}#page-accueil .storytelling__image picture{max-height:inherit}#page-accueil .storytelling__image img{max-height:inherit;object-fit:contain;background:0 0;margin:auto;scale:.9}
#page-accueil{--hauteur-conteneur:var(--contenu-page-hauteur-minimale-sans-categories);--page-marges-bloc-debut:var(--en-tete-hauteur);min-height:var(--hauteur-conteneur);max-height:var(--hauteur-conteneur);margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex;overflow:hidden}#page-accueil .storytelling{scrollbar-width:none;min-height:inherit;max-height:inherit;place-items:center;overflow-y:scroll}#page-accueil .storytelling__conteneur{min-height:calc(var(--hauteur-conteneur)*10);padding:0 var(--espace-xl);flex-flow:column;display:flex}#page-accueil .storytelling__image{min-height:var(--hauteur-conteneur);max-height:var(--hauteur-conteneur);align-content:center;width:100%;position:sticky;top:0}#page-accueil .storytelling__image[data-cache]{display:none}#page-accueil .storytelling__image picture{max-height:inherit}#page-accueil .storytelling__image img{max-height:inherit;object-fit:contain;background:0 0;margin:auto;scale:.9}

View file

@ -4,6 +4,7 @@
text-align: center;
}
#page-boutique .actions button {
height: initial;
margin: auto;
padding: var(--espace-xl) 0;
}

View file

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-boutique.scss"],"names":[],"mappings":"AAGE;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA","file":"page-boutique.css"}

View file

@ -1 +1 @@
#page-boutique .actions{text-align:center;align-content:center;width:100%}#page-boutique .actions button{padding:var(--espace-xl)0;margin:auto}
#page-boutique .actions{text-align:center;align-content:center;width:100%}#page-boutique .actions button{height:initial;padding:var(--espace-xl)0;margin:auto}

View file

@ -1,9 +1,7 @@
#page-contact {
/* Dimensions */
--page-hauteur-minimale: calc(
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px
);
/* Marges */
--page-marges-bloc-debut: var(--en-tete-hauteur);
display: flex;
flex-flow: column nowrap;

View file

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-contact.scss"],"names":[],"mappings":"AAEA;EAEE;AAAA;AAAA;EAKA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;IACE;IACA","file":"page-contact.css"}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 610 KiB

After

Width:  |  Height:  |  Size: 162 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 331 KiB

After

Width:  |  Height:  |  Size: 88 KiB

Before After
Before After

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414" fill="red"/></svg>

After

Width:  |  Height:  |  Size: 257 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" transform="scale(-1 1)" viewBox="0 0 15 15"><path d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414" /></svg>

After

Width:  |  Height:  |  Size: 271 B

View file

@ -68,7 +68,7 @@
"name": "dom",
"src": "web/app/themes/haiku-atelier-2024/src/scripts/constantes/dom.ts",
"isEntry": true,
"integrity": "sha512-D9nUPzFOExQ0lRcleoMEXvD4+CTpaX8I2XNBw2FtZvUymMD1W3to8ZWNR0m90V/It9/sxw43DiBANFV43fuuxg=="
"integrity": "sha512-S1jiegdcY/x4tT3Wja60KeCuLqLz1QFn6X9/jRfxQRaak3ESpmV5zng5IMQU6JesaUp/V4UskoDwwTSkUSiH0A=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/constantes/messages.ts": {
"file": "messages3.js",
@ -78,11 +78,11 @@
"integrity": "sha512-UTgE1qTfOcV93/yBcHbdmfrJaFq39JGe2IeYu+8f91Hj4aXw5/S4ViRUsfU/sWbNmMzo1Nx2tXwj/Wd1DNjFJA=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts": {
"file": "products4.js",
"file": "products3.js",
"name": "products",
"src": "web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts",
"isEntry": true,
"integrity": "sha512-0YDHl/gLOMxEE3k95d5UzyP197P09IRCI/kaPx7Pk7OQxxjEOwfodbmnpRGWdL+9EFrzyxX50v+ujjPvkdlw8Q=="
"integrity": "sha512-ZQHIqQG9eBlO68bhlmJX/HuHkYeRg7y6SQcHEs6ijMiUMLalP14YWpr7dR/0xdpNS78Tr+8KwsVmlQhFhM4fmQ=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/gaffe.ts": {
"file": "gaffe.js",
@ -266,7 +266,7 @@
"integrity": "sha512-d5BqLjOVxD16IC9giX23B3vd7JRTV6cMSqr76obIAuqa0Va45U7AwLmKJeQ9yJZfW2DRl7oqYy0fGKUNVMm6/w=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/products.ts": {
"file": "products2.js",
"file": "products4.js",
"name": "products",
"src": "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/products.ts",
"isEntry": true,
@ -274,10 +274,10 @@
"_index.DFL3aKZD.js",
"web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts"
],
"integrity": "sha512-92BUtYpsKuujQK/Sc7Eus2kNhCWGUH43ZYZGxeBkNEH/WQaJODpcIP6X0XVvjhDTG9hAYYPU7F77bM28dMCNXQ=="
"integrity": "sha512-M/BCBxUtQ9p84BNS5jqHwUt4qAReZzADO9taevJureeX/asRd0twaEW7nEtzCzddSHtP9rDWiESCc1DH7B8fFQ=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/v3/products.ts": {
"file": "products3.js",
"file": "products2.js",
"name": "products",
"src": "web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/v3/products.ts",
"isEntry": true,
@ -285,7 +285,7 @@
"_index.DFL3aKZD.js",
"web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts"
],
"integrity": "sha512-iUM4XNwUpvOGkupsMoUOgEb3Gr1cHQ5z2icK7wtuhXdBosHNNbuaQl5U3z52wl3aT6tdx25y3+uOnl6T1z4tUg=="
"integrity": "sha512-Db0jvGkzWJJIxrJzD29UBseaFyWPPqcBshhi4A6Us4Wqm33yorW1+NzICNZpFIk7f/Xq2b1mJAOEuifKit4pPA=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/messages.ts": {
"file": "messages2.js",
@ -347,6 +347,13 @@
],
"integrity": "sha512-2etP1r2eTdFjuLBlAU2eJFGfJwwbuYPvGWKu3hgywu1tddeasbZW2ToFurQq6V7EonjGUiZdJKJhcIAkKzLIKg=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-categories.ts": {
"file": "scripts-menu-categories.js",
"name": "scripts-menu-categories",
"src": "web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-categories.ts",
"isEntry": true,
"integrity": "sha512-X/EKNgMX28EDBafzGGlRuaBuHwbcbuIstfZP/YtfqLUCG4k7zYb1sNbXX4BVVrqx063gk69yxiOSEzWnk9dnlg=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/scripts-menu-mobile.ts": {
"file": "scripts-menu-mobile.js",
"name": "scripts-menu-mobile",
@ -361,7 +368,7 @@
"_pipe.CtTFdEz3.js",
"_Either.DDEPhGsy.js"
],
"integrity": "sha512-uX2Okgt/0xDvPTjI2iWSOBcHToUL/byGat1g2k7PLo3tsBPw3lZOa51uxuKHjnixJ9oDCA/l0RezmmyELAQM/Q=="
"integrity": "sha512-dERAXxnF7cZ8r7xPN2Ah3unEd8d4BQ14sAUdFnPeiDWMJ4kopsJfKB4UZKrxCVvLPaSf5pS14bpEmmBQiE1JLA=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-a-propos.ts": {
"file": "scripts-page-a-propos.js",
@ -378,7 +385,7 @@
"_exports.BOrjxC8q.js",
"_Either.DDEPhGsy.js"
],
"integrity": "sha512-ZyyN949NBWZ8mjs9rk3FCCJZU84Jgj9niZV6K8LwgWidXeOqjiBOvzjrvx2X/oKDveFT8Axo4xuETeAH4u87xQ=="
"integrity": "sha512-fdz6L64Eq4SQ5QvvD+IbesIBfqctxgDyJVPWB50NBsyey9oMmV+b9yK6RhoIw7MKFR4Qh3421xzqi8+NN0Yghg=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts": {
"file": "scripts-page-accueil.js",
@ -395,7 +402,7 @@
"_pipe.CtTFdEz3.js",
"_Either.DDEPhGsy.js"
],
"integrity": "sha512-EPSBpvPrmaOu1L2D1PNmxlRQNsTNHcUjOFr4U42VVzhmrWrBvttq3UAZ4gq1zAbycxZzSp+Q8OR6JlNSTmivXQ=="
"integrity": "sha512-bdW2YSfn0ZNMuGZhKoYJrcMaYspSkjexpUBxb1j+mCqQUy/LCfgTfV9GQwpZBqqTa/mSNE2yiPMn+KgL3IR48w=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-boutique.ts": {
"file": "scripts-page-boutique.js",
@ -422,7 +429,7 @@
"web/app/themes/haiku-atelier-2024/src/scripts/constantes/products.ts",
"_belt_Option-91f3b350.aHdMVyeC.js"
],
"integrity": "sha512-4PVJiRGAdkd4CzaUJ+9OAg8SF6Pp+HJC++DSD/e5znCPprhbf7bt7Sm+XNJaR2cx/MuObdTNxSQfxQAQ/MUn/g=="
"integrity": "sha512-L2uLqB44hTDuNEQr8qzVz8Qa9HHMTZTrxQMuw+DkI7CekmOBrfCzCXGznLBBmsMT65I1oIooP2W/z+vyFs2tow=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-panier.ts": {
"file": "scripts-page-panier.js",
@ -456,7 +463,7 @@
"web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/couts-livraison.ts",
"_belt_Option-91f3b350.aHdMVyeC.js"
],
"integrity": "sha512-RWwoUwrYKHP/XMzJDSaYQfYoJ4t4BLbFq+1AQCiIfSKfzjkn53H+hTnFPeSafvKrBfthzz158u63faWrKTB4/w=="
"integrity": "sha512-W1cL6v5TIdQBl7XwlsgS2EtXqtCEvoe/P/Q0Wva0k9s0eYGiPoD0pojmbZGZakKbdxLv1PU1ylwPeCCGK4wKDA=="
},
"web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-produit.ts": {
"file": "scripts-page-produit.js",
@ -487,6 +494,6 @@
"web/app/themes/haiku-atelier-2024/src/scripts/lib/schemas/api/couts-livraison.ts",
"_belt_Option-91f3b350.aHdMVyeC.js"
],
"integrity": "sha512-MErLJNdUpjgkociNg6+dH0Pck9MWbF8lUdyRlgniVnHa/jpfNSi3GBkMqb4QYX++n+RnQiT+UBTYqqpLX+RZMA=="
"integrity": "sha512-eabwecZ5nAgD1OpGaDdnFPqbqXOYZCkMDaHOQ5P4cSbbJX0mn0zj5W/hTh6WIYlPMuRYUQ4lx7mropVgojBhiw=="
}
}

View file

@ -1 +1 @@
const T="aria-hidden",t="aria-selected",_="data-cache",s="data-cle-panier",n="data-contient-articles",o="disabled",e="hidden",R="data-index",i="data-menu-mobile-active",I="data-page",U="data-id-categorie-produits",S="data-id-ensemble-epingle-boite",c="data-ensemble-epingle-boite-actif",L="#bouton-menu-mobile",O=".compte-panier a[rel='cart']",A="#menu-mobile",N="#page-panier",C="#selecteur-variation",r="#bouton-ajout-panier",p="a[role='tab']",u="section[role='tabpanel']",l="article",d="button.detail-produit__actions__suppression",B="button.detail-produit__actions__soustraction",P="button.detail-produit__actions__addition",b="input",g=".detail-produit__nom-prix span",m="#panneau-panier #sous-total-produits strong",D="#panneau-panier #sous-total-livraison strong",G="#panneau-panier #sous-total-livraison span",M="#panneau-panier .panneau__pied-de-page p span",f="#separation-adresses",F="#panneau-informations-client form",x="#panneau-informations-client .panneau__formulaires__facturation",v="#panneau-informations-client .panneau__pied-de-page button",H=".storytelling",Q=".storytelling__image",X="#page-boutique .grille-produits",h="#page-boutique #bouton-plus-de-produits",y=".storytelling__conteneur",E="epingle",V=`.${E}`,a="boite-texte",q=`.${a}`,Y="boite-texte__bouton-fermeture";export{n as A,o as B,r as C,C as D,p as E,u as F,t as G,L as H,A as I,i as J,S as K,c as L,Y as M,E as N,y as O,V as P,q as Q,O as S,H as a,Q as b,R as c,_ as d,T as e,X as f,h as g,U as h,I as i,e as j,l as k,N as l,m,D as n,G as o,M as p,f as q,F as r,x as s,v as t,s as u,B as v,b as w,P as x,d as y,g as z};
const T="aria-hidden",t="aria-selected",_="data-cache",s="data-cle-panier",n="data-contient-articles",o="disabled",e="hidden",R="data-menu-mobile-active",i="data-page",I="data-id-categorie-produits",U="data-id-ensemble-epingle-boite",S="data-ensemble-epingle-boite-actif",c="#bouton-menu-mobile",L=".compte-panier a[rel='cart']",O="#menu-mobile",A="#page-panier",N="#selecteur-variation",C="#bouton-ajout-panier",r="a[role='tab']",p="section[role='tabpanel']",u="article",l="button.detail-produit__actions__suppression",d="button.detail-produit__actions__soustraction",B="button.detail-produit__actions__addition",P="input",b=".detail-produit__nom-prix span",g="#panneau-panier #sous-total-produits strong",m="#panneau-panier #sous-total-livraison strong",D="#panneau-panier #sous-total-livraison span",G="#panneau-panier .panneau__pied-de-page p span",M="#separation-adresses",f="#panneau-informations-client form",F="#panneau-informations-client .panneau__formulaires__facturation",v="#panneau-informations-client .panneau__pied-de-page button",x=".storytelling",H=".storytelling__image",h="#page-boutique .grille-produits",y="#page-boutique #bouton-plus-de-produits",Q=".storytelling__conteneur",E="epingle",V=`.${E}`,a="boite-texte",X=`.${a}`,q="boite-texte__bouton-fermeture";export{n as A,C as B,N as C,r as D,p as E,t as F,c as G,O as H,R as I,U as J,S as K,q as L,E as M,Q as N,V as O,X as P,L as S,x as a,H as b,_ as c,T as d,h as e,y as f,I as g,i as h,e as i,u as j,A as k,g as l,m,D as n,G as o,M as p,f as q,F as r,v as s,s as t,d as u,P as v,B as w,l as x,b as y,o as z};

View file

@ -1 +1 @@
import{o as t,c as e,s as a,e as i,a as o,m as u,n as r,l,b as s,u as _,d as n,f as p,g as m,i as c}from"./index.DFL3aKZD.js";import{A as d,C as g,a as T,P as S,D as b,O as y,b as E,R as A,S as O,T as R,c as f}from"./products4.js";t({after:e(e(a())),attribute_relation:e(i(d)),attributes:e(s(_())),before:e(a()),catalog_visibility:e(i(g)),category:e(a()),category_operator:e(i(T)),context:e(i(S)),date_column:e(i(b)),exclude:e(s(o(r(),c()))),featured:e(n()),include:e(s(o(r(),c()))),max_price:e(a()),min_price:e(a()),offset:e(r()),on_sale:e(n()),order:e(i(y)),orderby:e(i(E)),page:e(o(r(),u(1))),parent:e(s(o(r(),c()))),parent_exclude:e(s(o(r(),c()))),per_page:e(o(r(),u(0),l(100))),rating:e(s(i(A))),search:e(a()),sku:e(a()),slug:e(a()),stock_status:e(s(i(O))),tag:e(a()),tag_operator:e(i(R)),type:e(i(f))});t({add_to_cart:t({description:a(),maximum:r(),minimum:r(),multiple_of:r(),text:a(),url:a()}),attributes:s(_()),average_rating:a(),categories:s(t({id:r(),link:a(),name:a(),slug:a()})),description:a(),extensions:_(),has_options:n(),id:r(),images:s(t({alt:a(),id:r(),name:a(),sizes:a(),src:a(),srcset:a(),thumbnail:a()})),is_in_stock:n(),is_on_backorder:n(),is_purchasable:n(),low_stock_remaining:p([a(),m()]),name:a(),on_sale:n(),parent:r(),permalink:a(),price_html:a(),prices:t({currency_code:a(),currency_decimal_separator:a(),currency_minor_unit:r(),currency_prefix:a(),currency_suffix:a(),currency_symbol:a(),currency_thousand_separator:a(),price:a(),price_range:e(_()),regular_price:a(),sale_price:a()}),review_count:r(),short_description:a(),sku:a(),slug:a(),sold_individually:n(),tags:s(a()),type:a(),variation:_(),variations:s(t({attributes:s(t({name:a(),value:a()})),id:r()}))});
import{o as d,c as e,e as _,a as s,m as l,n as t,l as T,b as o,s as a,d as r,f as n,i,g as c,h,u}from"./index.DFL3aKZD.js";import{A as b,C as m,a as f,P as A,D as C,O as E,b as P,R,c as p,S as g,T as O,d as S,B as V,e as k}from"./products3.js";const N=d({after:e(a()),attribute:e(a()),attribute_relation:e(_(b)),attribute_term:e(a()),attributes:e(o(u())),before:e(a()),catalog_visibility:e(_(m)),category:e(a()),category_operator:e(_(f)),context:e(_(A)),date_column:e(_(C)),dates_are_gmt:e(r()),exclude:e(o(s(t(),i()))),exclude_meta:e(o(a())),featured:e(r()),include:e(o(s(t(),i()))),include_meta:e(o(a())),max_price:e(a()),min_price:e(a()),modified_after:e(a()),modified_before:e(a()),offset:e(s(t(),i())),on_sale:e(r()),order:e(_(E)),orderby:e(_(P)),page:e(s(t(),l(1))),parent:e(o(s(t(),i()))),parent_exclude:e(o(s(t(),i()))),per_page:e(s(t(),l(0),T(100))),rating:e(o(_(R))),search:e(a()),search_sku:e(a()),shipping_class:e(a()),sku:e(a()),slug:e(a()),status:e(_(p)),stock_status:e(o(_(g))),tag:e(a()),tag_operator:e(_(O)),type:e(_(S))}),w=d({file:a(),id:a(),name:a()}),x=d({height:a(),length:a(),width:a()}),y=d({id:s(t(),i()),name:a(),slug:a()}),D=d({id:s(t(),i()),name:a(),slug:a()}),W=d({alt:a(),date_created:a(),date_created_gmt:a(),date_modified:a(),date_modified_gmt:a(),id:s(t(),i()),name:a(),src:a(),tag:a()}),U=d({id:s(t(),i()),name:a(),options:o(a()),position:s(t(),i()),variation:r(),visible:r()}),v=d({id:s(t(),i()),name:a(),option:a()}),I=d({id:s(t(),i()),key:a(),option:u()}),L=d({attributes:o(U),average_rating:a(),backordered:r(),backorders:_(V),backorders_allowed:r(),button_text:a(),catalog_visibility:_(m),categories:o(y),cross_sell_ids:o(s(t(),i())),date_created:a(),date_created_gmt:a(),date_modified:a(),date_modified_gmt:a(),date_on_sale_from:n([a(),c()]),date_on_sale_from_gmt:n([a(),c()]),date_on_sale_to:n([a(),c()]),date_on_sale_to_gmt:n([a(),c()]),default_attributes:o(v),description:a(),dimensions:x,download_expiry:t(),download_limit:t(),downloadable:r(),downloads:o(w),external_url:a(),featured:r(),generated_slug:e(a()),global_unique_id:a(),grouped_products:o(s(t(),i())),has_options:r(),id:s(t(),i()),image_survol:n([a(),c()]),images:o(W),low_stock_amount:n([t(),c()]),manage_stock:r(),menu_order:s(t(),i()),meta_data:o(I),name:a(),on_sale:r(),parent_id:s(t(),i()),permalink:s(a(),h()),permalink_template:e(a()),post_password:a(),price:a(),price_html:a(),purchasable:r(),purchase_note:a(),rating_count:s(t(),i()),regular_price:a(),related_ids:o(s(t(),i())),reviews_allowed:r(),sale_price:a(),shipping_class:a(),shipping_class_id:s(t(),i()),shipping_required:r(),shipping_taxable:r(),short_description:a(),sku:a(),slug:a(),sold_individually:r(),status:_(p),stock_quantity:n([t(),c()]),stock_status:_(g),tags:o(D),tax_class:a(),tax_status:_(k),total_sales:s(t(),i()),type:_(S),upsell_ids:o(s(t(),i())),variations:o(s(t(),i())),virtual:r(),weight:a()}),q=o(L);export{N as W,q as a};

View file

@ -1 +1 @@
import{o as d,c as e,e as _,a as s,m as l,n as t,l as T,b as o,s as a,d as r,f as n,i,g as c,h,u}from"./index.DFL3aKZD.js";import{A as b,C as m,a as f,P as A,D as C,O as E,b as P,R,d as p,S as g,T as O,c as S,B as V,e as k}from"./products4.js";const N=d({after:e(a()),attribute:e(a()),attribute_relation:e(_(b)),attribute_term:e(a()),attributes:e(o(u())),before:e(a()),catalog_visibility:e(_(m)),category:e(a()),category_operator:e(_(f)),context:e(_(A)),date_column:e(_(C)),dates_are_gmt:e(r()),exclude:e(o(s(t(),i()))),exclude_meta:e(o(a())),featured:e(r()),include:e(o(s(t(),i()))),include_meta:e(o(a())),max_price:e(a()),min_price:e(a()),modified_after:e(a()),modified_before:e(a()),offset:e(s(t(),i())),on_sale:e(r()),order:e(_(E)),orderby:e(_(P)),page:e(s(t(),l(1))),parent:e(o(s(t(),i()))),parent_exclude:e(o(s(t(),i()))),per_page:e(s(t(),l(0),T(100))),rating:e(o(_(R))),search:e(a()),search_sku:e(a()),shipping_class:e(a()),sku:e(a()),slug:e(a()),status:e(_(p)),stock_status:e(o(_(g))),tag:e(a()),tag_operator:e(_(O)),type:e(_(S))}),w=d({file:a(),id:a(),name:a()}),x=d({height:a(),length:a(),width:a()}),y=d({id:s(t(),i()),name:a(),slug:a()}),D=d({id:s(t(),i()),name:a(),slug:a()}),W=d({alt:a(),date_created:a(),date_created_gmt:a(),date_modified:a(),date_modified_gmt:a(),id:s(t(),i()),name:a(),src:a(),tag:a()}),U=d({id:s(t(),i()),name:a(),options:o(a()),position:s(t(),i()),variation:r(),visible:r()}),v=d({id:s(t(),i()),name:a(),option:a()}),I=d({id:s(t(),i()),key:a(),option:u()}),L=d({attributes:o(U),average_rating:a(),backordered:r(),backorders:_(V),backorders_allowed:r(),button_text:a(),catalog_visibility:_(m),categories:o(y),cross_sell_ids:o(s(t(),i())),date_created:a(),date_created_gmt:a(),date_modified:a(),date_modified_gmt:a(),date_on_sale_from:n([a(),c()]),date_on_sale_from_gmt:n([a(),c()]),date_on_sale_to:n([a(),c()]),date_on_sale_to_gmt:n([a(),c()]),default_attributes:o(v),description:a(),dimensions:x,download_expiry:t(),download_limit:t(),downloadable:r(),downloads:o(w),external_url:a(),featured:r(),generated_slug:e(a()),global_unique_id:a(),grouped_products:o(s(t(),i())),has_options:r(),id:s(t(),i()),image_survol:n([a(),c()]),images:o(W),low_stock_amount:n([t(),c()]),manage_stock:r(),menu_order:s(t(),i()),meta_data:o(I),name:a(),on_sale:r(),parent_id:s(t(),i()),permalink:s(a(),h()),permalink_template:e(a()),post_password:a(),price:a(),price_html:a(),purchasable:r(),purchase_note:a(),rating_count:s(t(),i()),regular_price:a(),related_ids:o(s(t(),i())),reviews_allowed:r(),sale_price:a(),shipping_class:a(),shipping_class_id:s(t(),i()),shipping_required:r(),shipping_taxable:r(),short_description:a(),sku:a(),slug:a(),sold_individually:r(),status:_(p),stock_quantity:n([t(),c()]),stock_status:_(g),tags:o(D),tax_class:a(),tax_status:_(k),total_sales:s(t(),i()),type:_(S),upsell_ids:o(s(t(),i())),variations:o(s(t(),i())),virtual:r(),weight:a()}),q=o(L);export{N as W,q as a};
const T={EDIT:"edit",VIEW:"view"},E={DATE:"date",DATE_GMT:"date_gmt",MODIFIED:"modified",MODIFIED_GMT:"modified_gmt"},n={ASC:"asc",DESC:"desc"},A={COMMENT_COUNT:"comment_count",DATE:"date",ID:"id",INCLUDE:"include",MENU_ORDER:"menu_order",MODIFIED:"modified",POPULARITY:"popularity",PRICE:"price",RATING:"rating",SLUG:"slug",TITLE:"title"},s={EXTERNAL:"external",GROUPED:"grouped",SIMPLE:"simple",VARIABLE:"variable"},t={AND:"and",IN:"in",NOT_IN:"not_in"},I={AND:"and",IN:"in",NOT_IN:"not_in"},a={IN_STOCK:"instock",ON_BACK_ORDER:"onbackorder",OUT_OF_STOCK:"outofstock"},O={AND:"and",IN:"in"},S={ANY:"any",CATALOG:"catalog",HIDDEN:"hidden",SEARCH:"search",VISIBLE:"visible"},o={1:1,2:2,3:3,4:4,5:5},N={ANY:"any",DRAFT:"draft",FUTURE:"future",PENDING:"pending",PRIVATE:"private",PUBLISH:"publish",TRASH:"trash"},R={NONE:"none",SHIPPING:"shipping",TAXABLE:"taxable"},e={NO:"no",NOTIFY:"notify",YES:"yes"};export{O as A,e as B,S as C,E as D,n as O,T as P,o as R,a as S,I as T,t as a,A as b,N as c,s as d,R as e};

View file

@ -1 +1 @@
const T={EDIT:"edit",VIEW:"view"},E={DATE:"date",DATE_GMT:"date_gmt",MODIFIED:"modified",MODIFIED_GMT:"modified_gmt"},n={ASC:"asc",DESC:"desc"},A={COMMENT_COUNT:"comment_count",DATE:"date",ID:"id",INCLUDE:"include",MENU_ORDER:"menu_order",MODIFIED:"modified",POPULARITY:"popularity",PRICE:"price",RATING:"rating",SLUG:"slug",TITLE:"title"},s={EXTERNAL:"external",GROUPED:"grouped",SIMPLE:"simple",VARIABLE:"variable"},t={AND:"and",IN:"in",NOT_IN:"not_in"},I={AND:"and",IN:"in",NOT_IN:"not_in"},a={IN_STOCK:"instock",ON_BACK_ORDER:"onbackorder",OUT_OF_STOCK:"outofstock"},O={AND:"and",IN:"in"},S={ANY:"any",CATALOG:"catalog",HIDDEN:"hidden",SEARCH:"search",VISIBLE:"visible"},o={1:1,2:2,3:3,4:4,5:5},N={ANY:"any",DRAFT:"draft",FUTURE:"future",PENDING:"pending",PRIVATE:"private",PUBLISH:"publish",TRASH:"trash"},R={NONE:"none",SHIPPING:"shipping",TAXABLE:"taxable"},e={NO:"no",NOTIFY:"notify",YES:"yes"};export{O as A,e as B,S as C,E as D,n as O,T as P,o as R,a as S,I as T,t as a,A as b,s as c,N as d,R as e};
import{o as t,c as e,s as a,e as i,a as o,m as u,n as r,l,b as s,u as _,d as n,f as p,g as m,i as c}from"./index.DFL3aKZD.js";import{A as d,C as g,a as T,P as S,D as b,O as y,b as E,R as A,S as O,T as R,d as f}from"./products3.js";t({after:e(e(a())),attribute_relation:e(i(d)),attributes:e(s(_())),before:e(a()),catalog_visibility:e(i(g)),category:e(a()),category_operator:e(i(T)),context:e(i(S)),date_column:e(i(b)),exclude:e(s(o(r(),c()))),featured:e(n()),include:e(s(o(r(),c()))),max_price:e(a()),min_price:e(a()),offset:e(r()),on_sale:e(n()),order:e(i(y)),orderby:e(i(E)),page:e(o(r(),u(1))),parent:e(s(o(r(),c()))),parent_exclude:e(s(o(r(),c()))),per_page:e(o(r(),u(0),l(100))),rating:e(s(i(A))),search:e(a()),sku:e(a()),slug:e(a()),stock_status:e(s(i(O))),tag:e(a()),tag_operator:e(i(R)),type:e(i(f))});t({add_to_cart:t({description:a(),maximum:r(),minimum:r(),multiple_of:r(),text:a(),url:a()}),attributes:s(_()),average_rating:a(),categories:s(t({id:r(),link:a(),name:a(),slug:a()})),description:a(),extensions:_(),has_options:n(),id:r(),images:s(t({alt:a(),id:r(),name:a(),sizes:a(),src:a(),srcset:a(),thumbnail:a()})),is_in_stock:n(),is_on_backorder:n(),is_purchasable:n(),low_stock_remaining:p([a(),m()]),name:a(),on_sale:n(),parent:r(),permalink:a(),price_html:a(),prices:t({currency_code:a(),currency_decimal_separator:a(),currency_minor_unit:r(),currency_prefix:a(),currency_suffix:a(),currency_symbol:a(),currency_thousand_separator:a(),price:a(),price_range:e(_()),regular_price:a(),sale_price:a()}),review_count:r(),short_description:a(),sku:a(),slug:a(),sold_individually:n(),tags:s(a()),type:a(),variation:_(),variations:s(t({attributes:s(t({name:a(),value:a()})),id:r()}))});

View file

@ -0,0 +1 @@
document.addEventListener("DOMContentLoaded",()=>{});

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
import{K as c,L as f,M as U,N as M,O as B,P as D,Q as G}from"./dom.js";import{a as C,b as P}from"./utils.js";import{f as o,l as W,o as x,v as u,e as z,p as X,R as s}from"./dom2.js";import{p as i}from"./pipe.CtTFdEz3.js";import{_ as F,i as $,c as k,g as y,b as l,d as Y,a as q,f as w,e as J,h as g,m as R}from"./belt_Option-91f3b350.aHdMVyeC.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./Either.DDEPhGsy.js";var K=k("Promise.JsError");function Q(n,r){return n.catch(function(t){return F(r,$(t)?t:{RE_EXN_ID:K,_1:t})})}function j(n){}function H(n){return o(n)}function V(n){}function Z(n){if(n!=null)return o(n)}function nn(n){if(n)return n}function E(n,r){return w(n==null?void 0:o(n),function(t){if(r(t))return o(t)})}function tn(){if(arguments.length===1){const n=arguments;return function(t){return E(t,n[0])}}return E(arguments[0],arguments[1])}function rn(n){try{return o(n(void 0))}catch{return}}function en(n){return Q(n.then(function(r){return o(r)}),function(r){return Promise.resolve(void 0)})}var _=J;function un(){if(arguments.length===1){const n=arguments;return function(t){return _(t,n[0])}}return _(arguments[0],arguments[1])}var p=g;function an(){if(arguments.length===1){const n=arguments;return function(t){return p(t,n[0])}}return p(arguments[0],arguments[1])}var d=R;function on(){if(arguments.length===2){const n=arguments;return function(t){return d(t,n[0],n[1])}}return d(arguments[0],arguments[1],arguments[2])}function v(n,r){if(n!==void 0)return x(r(u(n)))}function sn(){if(arguments.length===1){const n=arguments;return function(t){return v(t,n[0])}}return v(arguments[0],arguments[1])}function h(n,r){return g(n,function(t){if(r(t))return o(t)})}function fn(){if(arguments.length===1){const n=arguments;return function(t){return h(t,n[0])}}return h(arguments[0],arguments[1])}var T=l;function mn(){if(arguments.length===1){const n=arguments;return function(t){return T(t,n[0])}}return T(arguments[0],arguments[1])}var cn=y;function ln(n){return l(n,null)}function gn(n){return l(n,void 0)}function N(n,r){return n!==void 0?{TAG:0,_0:u(n)}:{TAG:1,_0:r}}function En(){if(arguments.length===1){const n=arguments;return function(t){return N(t,n[0])}}return N(arguments[0],arguments[1])}function L(n,r,t){return n!==void 0?r(u(n)):t(void 0)}function _n(){if(arguments.length===2){const n=arguments;return function(t){return L(t,n[0],n[1])}}return L(arguments[0],arguments[1],arguments[2])}var pn=Y,dn=q;function S(n,r){return n!==void 0&&r(u(n)),n}function vn(){if(arguments.length===1){const n=arguments;return function(t){return S(t,n[0])}}return S(arguments[0],arguments[1])}function b(n,r){return R(n,!1,function(t){return z(t,r)})}function hn(){if(arguments.length===1){const n=arguments;return function(t){return b(t,n[0])}}return b(arguments[0],arguments[1])}function I(n,r){if(n!==void 0&&r!==void 0)return[u(n),u(r)]}function Tn(){if(arguments.length===1){const n=arguments;return function(t){return I(t,n[0])}}return I(arguments[0],arguments[1])}function O(n,r,t){if(n!==void 0&&r!==void 0)return o(t(u(n),u(r)))}function Nn(){if(arguments.length===2){const n=arguments;return function(t){return O(t,n[0],n[1])}}return O(arguments[0],arguments[1],arguments[2])}function A(n,r,t){return n!==void 0?r(u(n)):t(void 0)}function Ln(){if(arguments.length===2){const n=arguments;return function(t){return A(t,n[0],n[1])}}return A(arguments[0],arguments[1],arguments[2])}function Sn(n){return W(n,[],function(r,t){return g(r,function(a){if(t!==void 0)return X(a,[u(t)])})})}const bn=n=>n;var e={__proto__:null,Some:bn,None:void 0,placeholder:j,makeSome:H,makeNone:V,fromNullable:Z,fromFalsy:nn,fromPredicate:tn,fromExecution:rn,fromPromise:en,map:un,flatMap:an,mapWithDefault:on,mapNullable:sn,filter:fn,getWithDefault:mn,getExn:cn,toNullable:ln,toUndefined:gn,toResult:En,match:_n,isNone:pn,isSome:dn,tap:vn,contains:hn,zip:Tn,zipWith:Nn,fold:Ln,all:Sn};const In=C(B),On=P(D),An=P(G),m=new Map;s.forEachWithIndex(On,(n,r)=>{i(r,e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{m.set(t,[r,An[n]])}))});document.addEventListener("DOMContentLoaded",()=>{In.addEventListener("click",n=>{console.time();const r=n.target;i(r,e.fromPredicate(t=>t.className===U),e.mapNullable(t=>t.parentElement),e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.removeAttribute(f))))})),i(r,e.fromPredicate(t=>t.className===M),e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{if(r.hasAttribute(f)){i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.removeAttribute(f))));return}i(Array.from(m.values()),s.flat,s.forEach(a=>a.removeAttribute(f))),i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.toggleAttribute(f))))})),console.timeEnd()})});
import{J as c,K as f,L as U,M,N as B,O as D,P as G}from"./dom.js";import{a as C,b as P}from"./utils.js";import{f as o,l as W,o as x,v as u,e as z,p as X,R as s}from"./dom2.js";import{p as i}from"./pipe.CtTFdEz3.js";import{_ as F,i as $,c as k,g as y,b as l,d as J,a as Y,f as q,e as w,h as g,m as R}from"./belt_Option-91f3b350.aHdMVyeC.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./Either.DDEPhGsy.js";var K=k("Promise.JsError");function j(n,r){return n.catch(function(t){return F(r,$(t)?t:{RE_EXN_ID:K,_1:t})})}function H(n){}function Q(n){return o(n)}function V(n){}function Z(n){if(n!=null)return o(n)}function nn(n){if(n)return n}function E(n,r){return q(n==null?void 0:o(n),function(t){if(r(t))return o(t)})}function tn(){if(arguments.length===1){const n=arguments;return function(t){return E(t,n[0])}}return E(arguments[0],arguments[1])}function rn(n){try{return o(n(void 0))}catch{return}}function en(n){return j(n.then(function(r){return o(r)}),function(r){return Promise.resolve(void 0)})}var _=w;function un(){if(arguments.length===1){const n=arguments;return function(t){return _(t,n[0])}}return _(arguments[0],arguments[1])}var p=g;function an(){if(arguments.length===1){const n=arguments;return function(t){return p(t,n[0])}}return p(arguments[0],arguments[1])}var d=R;function on(){if(arguments.length===2){const n=arguments;return function(t){return d(t,n[0],n[1])}}return d(arguments[0],arguments[1],arguments[2])}function v(n,r){if(n!==void 0)return x(r(u(n)))}function sn(){if(arguments.length===1){const n=arguments;return function(t){return v(t,n[0])}}return v(arguments[0],arguments[1])}function h(n,r){return g(n,function(t){if(r(t))return o(t)})}function fn(){if(arguments.length===1){const n=arguments;return function(t){return h(t,n[0])}}return h(arguments[0],arguments[1])}var T=l;function mn(){if(arguments.length===1){const n=arguments;return function(t){return T(t,n[0])}}return T(arguments[0],arguments[1])}var cn=y;function ln(n){return l(n,null)}function gn(n){return l(n,void 0)}function N(n,r){return n!==void 0?{TAG:0,_0:u(n)}:{TAG:1,_0:r}}function En(){if(arguments.length===1){const n=arguments;return function(t){return N(t,n[0])}}return N(arguments[0],arguments[1])}function L(n,r,t){return n!==void 0?r(u(n)):t(void 0)}function _n(){if(arguments.length===2){const n=arguments;return function(t){return L(t,n[0],n[1])}}return L(arguments[0],arguments[1],arguments[2])}var pn=J,dn=Y;function S(n,r){return n!==void 0&&r(u(n)),n}function vn(){if(arguments.length===1){const n=arguments;return function(t){return S(t,n[0])}}return S(arguments[0],arguments[1])}function b(n,r){return R(n,!1,function(t){return z(t,r)})}function hn(){if(arguments.length===1){const n=arguments;return function(t){return b(t,n[0])}}return b(arguments[0],arguments[1])}function I(n,r){if(n!==void 0&&r!==void 0)return[u(n),u(r)]}function Tn(){if(arguments.length===1){const n=arguments;return function(t){return I(t,n[0])}}return I(arguments[0],arguments[1])}function O(n,r,t){if(n!==void 0&&r!==void 0)return o(t(u(n),u(r)))}function Nn(){if(arguments.length===2){const n=arguments;return function(t){return O(t,n[0],n[1])}}return O(arguments[0],arguments[1],arguments[2])}function A(n,r,t){return n!==void 0?r(u(n)):t(void 0)}function Ln(){if(arguments.length===2){const n=arguments;return function(t){return A(t,n[0],n[1])}}return A(arguments[0],arguments[1],arguments[2])}function Sn(n){return W(n,[],function(r,t){return g(r,function(a){if(t!==void 0)return X(a,[u(t)])})})}const bn=n=>n;var e={__proto__:null,Some:bn,None:void 0,placeholder:H,makeSome:Q,makeNone:V,fromNullable:Z,fromFalsy:nn,fromPredicate:tn,fromExecution:rn,fromPromise:en,map:un,flatMap:an,mapWithDefault:on,mapNullable:sn,filter:fn,getWithDefault:mn,getExn:cn,toNullable:ln,toUndefined:gn,toResult:En,match:_n,isNone:pn,isSome:dn,tap:vn,contains:hn,zip:Tn,zipWith:Nn,fold:Ln,all:Sn};const In=C(B),On=P(D),An=P(G),m=new Map;s.forEachWithIndex(On,(n,r)=>{i(r,e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{m.set(t,[r,An[n]])}))});document.addEventListener("DOMContentLoaded",()=>{In.addEventListener("click",n=>{console.time();const r=n.target;i(r,e.fromPredicate(t=>t.className===U),e.mapNullable(t=>t.parentElement),e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.removeAttribute(f))))})),i(r,e.fromPredicate(t=>t.className===M),e.flatMap(t=>t.getAttribute(c)),e.tap(t=>{if(r.hasAttribute(f)){i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.removeAttribute(f))));return}i(Array.from(m.values()),s.flat,s.forEach(a=>a.removeAttribute(f))),i(e.fromNullable(m.get(t)),e.tap(s.forEach(a=>a.toggleAttribute(f))))})),console.timeEnd()})});

View file

@ -1 +1 @@
import{a as u,b as T,c as l,d as I,e as L}from"./dom.js";import{e as R}from"./nombres.js";import{a as d,b as g}from"./utils.js";import"./dom2.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./pipe.CtTFdEz3.js";import"./Either.DDEPhGsy.js";const p=()=>{const n=d(u),m=g(T);let r=0,o=!1;const s=()=>{o||(window.requestAnimationFrame(()=>{const i=(e,t)=>{e.toggleAttribute(I,t),e.toggleAttribute(L,t)};r=n.scrollTop,m.forEach(e=>{const t=Number(e.getAttribute(l)),a=e.getBoundingClientRect().height,E=a*(t-1),c=a*t;R(r,E,c)?i(e,!1):i(e,!0)}),o=!1}),o=!0)};new ResizeObserver(()=>s()).observe(n),n.addEventListener("scroll",()=>s())};document.addEventListener("DOMContentLoaded",()=>{p()});
import{a as T,b as g,c as L,d as I}from"./dom.js";import{e as u}from"./nombres.js";import{a as l,b as p}from"./utils.js";import"./dom2.js";import"./erreurs.js";import"./exports.BOrjxC8q.js";import"./pipe.CtTFdEz3.js";import"./Either.DDEPhGsy.js";const R=()=>{const s=l(T),r=l(".storytelling__conteneur"),n=p(g),o=n.at(0)?.getBoundingClientRect().height??0;let i=0;const E=(t,e)=>{t.toggleAttribute(L,e),t.toggleAttribute(I,e)};r.style.minHeight=`${String(o*n.length+1)}px`,r.style.maxHeight=`${String(o*n.length+1)}px`;const m=()=>{i=s.scrollTop,console.time(),n.forEach((t,e)=>{const c=o*(e-1),a=o*e;u(i,c,a)?E(t,!1):E(t,!0)}),console.timeEnd()};s.addEventListener("scroll",()=>m())};document.addEventListener("DOMContentLoaded",()=>{R()});

View file

@ -1,4 +1,4 @@
import{z as _,N as g}from"./index.CuMLbxmh.js";import{p as d}from"./index.DFL3aKZD.js";import{R as f}from"./api.js";import{f as E,g as T,h,i as s,j as S}from"./dom.js";import{h as R}from"./dom2.js";import{l as P}from"./erreurs.js";import{e as U}from"./gardes.js";import{g as L,t as A}from"./reseau.js";import{W as O,a as D}from"./products3.js";import{a as m}from"./utils.js";import{E as I}from"./MaybeAsync.BkJailCK.js";import{p as C}from"./pipe.CtTFdEz3.js";import{t as v}from"./index-0eef19ec._7_ubBTi.js";import{E as b}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./erreurs2.js";import"./products4.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const p=_etats,i=m(E),n=m(T),B=()=>{const o=i.getAttribute(h);n.addEventListener("click",()=>{const a=Number(i.getAttribute(s))+1,c={page:a,per_page:13,...o&&{category:o}};b.encase(()=>d(O,c)).map(async u=>{await I(()=>L({authString:p.authString,nonce:p.nonce,route:f,searchParams:new URLSearchParams(u).toString()})).map(t=>(console.debug("réponse",t),U(t)&&P("500 Server Error"),t.json())).map(t=>A(t,D)).ifRight(t=>{t.length<12&&n.toggleAttribute(S);const r=document.createDocumentFragment();console.debug(t);for(const e of t.slice(0,12))C(R`
import{z as _,N as g}from"./index.CuMLbxmh.js";import{p as d}from"./index.DFL3aKZD.js";import{R as f}from"./api.js";import{e as E,f as T,g as h,h as s,i as S}from"./dom.js";import{h as R}from"./dom2.js";import{l as P}from"./erreurs.js";import{e as U}from"./gardes.js";import{g as L,t as A}from"./reseau.js";import{W as O,a as D}from"./products2.js";import{a as m}from"./utils.js";import{E as I}from"./MaybeAsync.BkJailCK.js";import{p as C}from"./pipe.CtTFdEz3.js";import{t as v}from"./index-0eef19ec._7_ubBTi.js";import{E as b}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./erreurs2.js";import"./products3.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const p=_etats,i=m(E),n=m(T),B=()=>{const o=i.getAttribute(h);n.addEventListener("click",()=>{const a=Number(i.getAttribute(s))+1,c={page:a,per_page:13,...o&&{category:o}};b.encase(()=>d(O,c)).map(async u=>{await I(()=>L({authString:p.authString,nonce:p.nonce,route:f,searchParams:new URLSearchParams(u).toString()})).map(t=>(console.debug("réponse",t),U(t)&&P("500 Server Error"),t.json())).map(t=>A(t,D)).ifRight(t=>{t.length<12&&n.toggleAttribute(S);const r=document.createDocumentFragment();console.debug(t);for(const e of t.slice(0,12))C(R`
<article class="produit">
<figure>
<a href="https://haikuatelier.fr.ddev.site/product/${e.slug}">

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
import{z as S,N as n}from"./index.CuMLbxmh.js";import{p as _}from"./index.DFL3aKZD.js";import{d as N,E as O}from"./api.js";import{C as I,D as L,E as g,F as v,G as c,j as u,B as p}from"./dom.js";import{r as d,c as T}from"./dom2.js";import{l as h,a as U,b as R,c as b,E as y,d as w,r as P}from"./erreurs.js";import{b as D,e as B,a as M}from"./gardes.js";import{e as j}from"./messages.js";import{W as J}from"./cart.js";import{p as W}from"./cart-add-item.js";import{e as m}from"./erreurs2.js";import{r as l,c as A,y as x}from"./utils.js";import{p as o}from"./pipe.CtTFdEz3.js";import{l as G}from"./index-0eef19ec._7_ubBTi.js";import{M as q,E as k}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./messages3.js";import"./messages2.js";import"./cart2.js";import"./adresses.js";import"./couts-livraison.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const z=_etats,F=a=>{a.forEach(e=>{e[0].setAttribute(c,"false"),e[1].setAttribute(u,"true")})},s=o(l(I),d),i=o(l(L),d),H=o(A(g),T),V=o(A(v),T),Q=()=>{const a=new Map;H.forEach((e,t)=>{const r=e.getAttribute("id"),E=V[t];if(!r)throw new Error("Le lien ne dispose pas d'ID !");if(!E)throw new Error("Le lien ne dispose pas de section correspondante !");a.set(r,[e,E]),e.addEventListener("click",f=>{f.preventDefault();const C=e.getAttribute(c)==="true";F(o(a.values(),Array.from)),!C&&(e.setAttribute(c,"true"),E.removeAttribute(u))})}),i.addEventListener("change",e=>{o(e.target,q.fromNullable,t=>t.filter(D),t=>t.map(r=>r.validity.valid),t=>t.ifJust(r=>s.toggleAttribute(p,!r)))}),s.addEventListener("click",e=>K())},K=()=>{s.textContent="Adding...",k.encase(()=>W({id:Number(i.value),quantity:1})).map(a=>{fetch(N,{body:JSON.stringify(a),credentials:"same-origin",headers:{Accept:"application/json","Content-Type":"application/json",[O]:z.nonce},method:"POST",mode:"same-origin",signal:AbortSignal.timeout(5e3)}).then(async e=>{B(e)&&h("500 Server Error"),o(await e.json(),t=>S(t).with({body:n.select(),status:400},m,U).with({body:n.select(),status:401},m,R).with({body:n.select(),status:404},m,b).with(n._,r=>_(J,r)).otherwise(r=>o(r,y,w)),x.getUnsafe("items_count"),G.tap(t=>{s.textContent="Added to cart!",j({quantiteProduits:t}),setTimeout(()=>{i.value=i.options.item(0)?.value??"--",s.toggleAttribute(p,!0),s.textContent="Add to cart"},3e3)}))}).catch(e=>{M(e)?(P(e),console.error(e)):console.error("e n'est pas une Erreur ?!",e),s.textContent="Add to cart"})})};document.addEventListener("DOMContentLoaded",()=>{Q()});
import{z as S,N as i}from"./index.CuMLbxmh.js";import{p as _}from"./index.DFL3aKZD.js";import{d as N,E as O}from"./api.js";import{B as I,C as L,D as g,E as v,F as c,i as u,z as p}from"./dom.js";import{r as d,c as T}from"./dom2.js";import{l as h,a as U,b as R,c as b,E as y,d as w,r as P}from"./erreurs.js";import{b as D,e as B,a as M}from"./gardes.js";import{e as j}from"./messages.js";import{W as J}from"./cart.js";import{p as W}from"./cart-add-item.js";import{e as m}from"./erreurs2.js";import{r as l,c as A,y as x}from"./utils.js";import{p as o}from"./pipe.CtTFdEz3.js";import{l as q}from"./index-0eef19ec._7_ubBTi.js";import{M as z,E as G}from"./Either.DDEPhGsy.js";import"./exports.BOrjxC8q.js";import"./messages3.js";import"./messages2.js";import"./cart2.js";import"./adresses.js";import"./couts-livraison.js";import"./belt_Option-91f3b350.aHdMVyeC.js";const k=_etats,F=a=>{a.forEach(e=>{e[0].setAttribute(c,"false"),e[1].setAttribute(u,"true")})},s=o(l(I),d),n=o(l(L),d),H=o(A(g),T),V=o(A(v),T),Q=()=>{const a=new Map;H.forEach((e,t)=>{const r=e.getAttribute("id"),E=V[t];if(!r)throw new Error("Le lien ne dispose pas d'ID !");if(!E)throw new Error("Le lien ne dispose pas de section correspondante !");a.set(r,[e,E]),e.addEventListener("click",f=>{f.preventDefault();const C=e.getAttribute(c)==="true";F(o(a.values(),Array.from)),!C&&(e.setAttribute(c,"true"),E.removeAttribute(u))})}),n.addEventListener("change",e=>{o(e.target,z.fromNullable,t=>t.filter(D),t=>t.map(r=>r.validity.valid),t=>t.ifJust(r=>s.toggleAttribute(p,!r)))}),s.addEventListener("click",e=>K())},K=()=>{s.textContent="Adding...",G.encase(()=>W({id:Number(n.value),quantity:1})).map(a=>{fetch(N,{body:JSON.stringify(a),credentials:"same-origin",headers:{Accept:"application/json","Content-Type":"application/json",[O]:k.nonce},method:"POST",mode:"same-origin",signal:AbortSignal.timeout(5e3)}).then(async e=>{B(e)&&h("500 Server Error"),o(await e.json(),t=>S(t).with({body:i.select(),status:400},m,U).with({body:i.select(),status:401},m,R).with({body:i.select(),status:404},m,b).with(i._,r=>_(J,r)).otherwise(r=>o(r,y,w)),x.getUnsafe("items_count"),q.tap(t=>{s.textContent="Added to cart!",j({quantiteProduits:t}),setTimeout(()=>{n.value=n.options.item(0)?.value??"--",s.toggleAttribute(p,!0),s.textContent="Add to cart"},3e3)}))}).catch(e=>{M(e)?(P(e),console.error(e)):console.error("e n'est pas une Erreur ?!",e),s.textContent="Add to cart"})})};document.addEventListener("DOMContentLoaded",()=>{Q()});

View file

@ -15,9 +15,9 @@ $modeles = ["accueil.twig"];
function charge_scripts_styles_page_accueil(): void {
wp_enqueue_style(
handle: "haiku-atelier-2024-styles-page-accueil",
src: get_template_directory_uri() . "/assets/css/pages/page-accueil.min.css",
src: get_template_directory_uri() . "/assets/css/pages/page-accueil.css",
deps: [],
ver: filemtime(get_template_directory() . "/assets/css/pages/page-accueil.min.css"),
ver: filemtime(get_template_directory() . "/assets/css/pages/page-accueil.css"),
media: "all",
);
wp_enqueue_script_module(

View file

@ -1,6 +1,6 @@
<?php
/**
* Le modèle de la Page Contact.
* Modèle de la Page Contact.
*/
declare(strict_types=1);
@ -15,9 +15,9 @@ $modeles = ["contact.twig"];
function charge_scripts_styles_page_contact(): void {
wp_enqueue_style(
handle: "haiku-atelier-2024-styles-page-contact",
src: get_template_directory_uri() . "/assets/css/pages/page-contact.min.css",
src: get_template_directory_uri() . "/assets/css/pages/page-contact.css",
deps: [],
ver: filemtime(get_template_directory() . "/assets/css/pages/page-contact.min.css"),
ver: filemtime(get_template_directory() . "/assets/css/pages/page-contact.css"),
media: "all",
);
}

View file

@ -60,7 +60,8 @@ function genere_balise_img_multiformats($id) {
loading="lazy"
src="$url"
width="$dimensions[1]"
/>
onload="this.style.opacity=1"
/>
EOD;
}

View file

@ -30,10 +30,13 @@
--espacement-inter-lettres-etendu-xl: 2px;
/* Dimensions */
--en-tete-hauteur: 60px;
--en-tete-hauteur: 61px;
--menu-categories-produits-hauteur: 54.39px;
--pied-de-page-hauteur: calc(var(--espace-m) * 2 + 3lh);
--contenu-page-hauteur-minimale: calc(
--contenu-page-hauteur-minimale-sans-categories: calc(
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)
);
--contenu-page-hauteur-minimale-avec-categories: calc(
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)
- var(--menu-categories-produits-hauteur)
);

View file

@ -55,4 +55,38 @@
}
}
}
// Passe en mode horizontal pour le défilement des images
@media (width <= 900px) {
scrollbar-width: none;
overflow-x: scroll;
flex-flow: row nowrap;
> section {
width: 100%;
min-width: 100%;
&.colonne-gauche {
position: initial;
height: initial;
img {
max-height: calc(100svh - var(--en-tete-hauteur));
}
}
&.colonne-droite {
flex-flow: row nowrap;
figure {
flex-grow: 1;
min-width: 100%;
img {
max-height: calc(100svh - var(--en-tete-hauteur));
}
}
}
}
}
}

View file

@ -1,13 +1,13 @@
// Styles pour le menu du site
// Styles pour le Menu du Site et le Menu des Catégories de Produits
@forward "./menu-mobile";
#en-tete {
/* Marges */
// Marges
--en-tete-marges-internes-ligne: var(--espace-xl);
--en-tete-marges-internes-bloc: var(--espace-m);
/* Dimensions */
// Dimensions
--en-tete-section-hauteur: var(--en-tete-hauteur);
--en-tete-logo-longueur: 80px;

View file

@ -14,8 +14,8 @@
*/
.grille-produits {
// Dimensions
--grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale);
--aucun-produit-hauteur: var(--contenu-page-hauteur-minimale);
--grille-produits-hauteur-minimale: var(--contenu-page-hauteur-minimale-avec-categories);
--aucun-produit-hauteur: var(--contenu-page-hauteur-minimale-avec-categories);
--carte-produit-longueur-minimale: 448px;
--carte-produit-longueur-maximale: 1000px;
@ -51,8 +51,39 @@
}
}
img {
position: inherit;
aspect-ratio: 9 / 16;
width: 100%;
max-height: 70vh;
object-fit: cover;
background: transparent;
}
.produit__illustration__principale {
display: block;
&::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
filter: opacity(20%);
animation: 1.5s 0.5s test infinite alternate both linear;
}
img {
opacity: 0;
transition: opacity 1s;
}
}
.produit__illustration__survol {
@ -65,38 +96,12 @@
visibility: hidden;
opacity: 0;
transition: 0.15s opacity, 0.15s visibility;
}
picture {
position: relative;
&::before {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: opacity(0%);
animation: 1s test infinite alternate both linear;
img {
background: var(--couleur-fond);
}
}
img {
position: inherit;
z-index: 3;
aspect-ratio: 9 / 16;
width: 100%;
max-height: 70vh;
object-fit: cover;
background: transparent;
}
figcaption {
display: flex;
flex-flow: row nowrap;
@ -141,6 +146,6 @@
@keyframes test {
to {
filter: opacity(30%);
opacity: 1;
}
}

View file

@ -62,6 +62,7 @@
transform: translateY(-100%);
overflow-y: auto;
grid-column: span 3;
width: 100%;
padding: var(--onglet-marges-internes);
visibility: visible;
opacity: 1;

View file

@ -1,4 +1,4 @@
// Styles pour le menu des Catégories de Produits
// Styles pour le Menu des Catégories de Produits
/*
* Le menu avec les Catégories de Produits pour une navigation rapide.
@ -9,15 +9,47 @@
#menu-categories-produits {
/* Dimensions */
--menu-entree-longueur-minimale: 13ch;
--menu-section-hauteur: var(--menu-categories-produits-hauteur);
/* Marges */
// Marges
--menu-section-marges-bloc-debut: var(--en-tete-hauteur); /* 1 */
--menu-entree-marges-internes-ligne: var(--espace-m);
position: relative;
// height: var(--menu-section-hauteur);
margin-top: var(--menu-section-marges-bloc-debut); /* 1 */
&[data-entrees-presentes-debut] {
img:first-of-type {
opacity: 1;
}
}
&[data-entrees-presentes-fin] {
img:last-of-type {
opacity: 1;
}
}
svg {
pointer-events: none;
position: absolute;
bottom: calc(35.18px / 2 - 0.35rem);
width: 0.8rem;
height: 0.8rem;
mix-blend-mode: exclusion;
shape-rendering: geometricprecision;
transition: 0.2s opacity;
&:first-of-type {
left: var(--espace-xs);
}
&:last-of-type {
right: var(--espace-xs);
}
}
/*
* Liste des Catégories de Produits.
*
@ -48,12 +80,15 @@
&.categorie-courante {
a {
color: var(--couleur-jaune);
}
}
color: var(--couleur-noir);
background: var(--couleur-jaune);
&:active a {
font-weight: 500;
@media (hover: hover) {
&:hover {
color: var(--couleur-noir);
}
}
}
}
/*
@ -65,6 +100,7 @@
display: inline-block; /* 1 */
width: inherit; /* 2 */
padding: var(--menu-entree-marges-internes-ligne) 0;
text-decoration: none;
outline: initial; /* 3 */
&:focus, &:focus-visible {
@ -82,23 +118,33 @@
}
@media (width <= 900px) {
& {
--menu-entree-marges-internes-ligne: var(--espace-s);
--menu-entree-marges-internes-ligne: var(--espace-s);
display: flex;
flex-flow: row wrap;
font-size: 0.8rem;
display: flex;
flex-flow: row wrap;
font-size: 0.8rem;
li {
flex-grow: 1;
width: min(140px, 100%);
li {
flex-grow: 1;
width: min(140px, 100%);
a {
width: 100%;
border: initial;
}
a {
width: 100%;
border: initial;
}
}
}
// Affiche les Catégories comme une liste horizontale défilable
@media (width <= 600px) {
scrollbar-width: none;
overflow-x: scroll;
flex-flow: row nowrap;
li {
width: initial;
min-width: 140px;
}
}
}
}

View file

@ -5,6 +5,7 @@
--carte-produit-longueur-minimale: 448px;
--carte-produit-longueur-maximale: 1000px;
position: relative;
display: grid;
grid-template-areas:
"en-tete en-tete en-tete"
@ -16,6 +17,9 @@
/* En-tête de la section */
header {
position: sticky;
z-index: 10;
top: calc(1lh + var(--espace-l) + var(--espace-m));
grid-area: en-tete;
width: 100%;
padding: var(--espace-l) 0 var(--espace-m);

View file

@ -25,6 +25,7 @@
picture {
position: relative;
// Image de préchargement
&::before {
content: "";
position: absolute;
@ -37,68 +38,26 @@
background-position: center;
background-size: contain;
filter: opacity(0%);
animation: 1s test infinite alternate both linear;
animation: 1s clignotement infinite alternate both linear;
}
}
// Image du storytelling
img {
position: inherit;
position: relative;
width: max-content;
height: auto;
object-fit: contain;
background: transparent;
}
.texte {
position: absolute;
max-width: 22rem;
font-weight: 500;
font-style: italic;
/* stylelint-disable-next-line declaration-block-no-duplicate-properties */
text-wrap: balance;
text-wrap: pretty;
&#texte-1 {
top: 33rem;
right: 4rem;
}
&#texte-2 {
top: 61.5rem;
}
&#texte-3 {
top: 81.5rem;
right: 4rem;
}
&#texte-4 {
top: 139rem;
left: 11rem;
}
&#texte-5 {
top: 156rem;
right: 4rem;
}
&#texte-6 {
bottom: 3rem;
}
p + p {
margin-top: var(--espace-m);
}
}
.epingle {
position: absolute;
right: 46.5%;
display: none;
img {
pointer-events: none;
display: block;
width: 1.5rem;
filter: drop-shadow(1px 1px 3px var(--couleur-gris-fonce));
transition: 0.2s filter;
@ -214,24 +173,12 @@
}
}
@media (width <= 1300px) {
.storytelling {
.texte {
display: none;
}
.epingle {
display: initial;
}
}
}
@media (width <= 700px) {
--images-marges-ligne: var(--espace-m);
}
}
@keyframes test {
@keyframes clignotement {
to {
filter: opacity(30%);
}

View file

@ -1,10 +1,10 @@
// Styles pour la page d'accueil
// Styles pour la Page d'accueil
#page-accueil {
/* Dimensions */
--hauteur-conteneur: calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));
// Dimensions
--hauteur-conteneur: var(--contenu-page-hauteur-minimale-sans-categories);
/* Marges */
// Marges
--page-marges-bloc-debut: var(--en-tete-hauteur);
overflow: hidden;
@ -37,8 +37,7 @@
max-height: var(--hauteur-conteneur);
&[data-cache] {
visibility: hidden;
opacity: 0;
display: none;
}
picture {

View file

@ -7,6 +7,7 @@
text-align: center;
button {
height: initial;
margin: auto;
padding: var(--espace-xl) 0;
}

View file

@ -1,12 +1,12 @@
// Styles pour la Page Contact.
// Styles pour la Page Contact
#page-contact {
/* Dimensions */
// Dimensions
--page-hauteur-minimale: calc(
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px
);
/* Marges */
// Marges
--page-marges-bloc-debut: var(--en-tete-hauteur);
display: flex;

View file

@ -0,0 +1,4 @@
/** Scripts pour le Menu des Catégories de Produits */
document.addEventListener("DOMContentLoaded", (): void => {
});

View file

@ -3,7 +3,6 @@
import {
ATTRIBUT_ARIA_HIDDEN,
ATTRIBUT_CACHE,
ATTRIBUT_INDEX,
SELECTEUR_CONTENEUR_STORYTELLING,
SELECTEUR_IMAGES_STORYTELLING,
} from "./constantes/dom.ts";
@ -12,50 +11,46 @@ import { recupereElementDansDocumentOuLeve, recupereElementsDansDocumentOuLeve }
const initialiseScrollStorytelling = (): void => {
/** Le Conteneur des images du storytelling. */
const CONTENEUR_STORYTELLING = recupereElementDansDocumentOuLeve<HTMLElement>(SELECTEUR_CONTENEUR_STORYTELLING);
const STORYTELLING = recupereElementDansDocumentOuLeve<HTMLElement>(SELECTEUR_CONTENEUR_STORYTELLING);
const CONTENEUR_STORYTELLING = recupereElementDansDocumentOuLeve<HTMLElement>(".storytelling__conteneur");
/** Les Images du storytelling. */
const IMAGES_STORYTELLING = recupereElementsDansDocumentOuLeve<HTMLDivElement>(SELECTEUR_IMAGES_STORYTELLING);
/** Hauteur d'image */
const HAUTEUR_IMAGE = IMAGES_STORYTELLING.at(0)?.getBoundingClientRect().height ?? 0;
// Variables mutables
/** La position du défilement (en pixels) du Conteneur des images du storytelling. */
let positionDefilementConteneur = 0;
/** Booléen permettant de limiter le rafraîchissement des images du storytelling. */
let aucunRafraichissement = false;
const changeVisibiliteImage = (image: HTMLDivElement, visible: boolean) => {
image.toggleAttribute(ATTRIBUT_CACHE, visible);
image.toggleAttribute(ATTRIBUT_ARIA_HIDDEN, visible);
};
CONTENEUR_STORYTELLING.style.minHeight = `${String(HAUTEUR_IMAGE * IMAGES_STORYTELLING.length + 1)}px`;
CONTENEUR_STORYTELLING.style.maxHeight = `${String(HAUTEUR_IMAGE * IMAGES_STORYTELLING.length + 1)}px`;
const majImages = (): void => {
// Limite le rafraîchissement des images
if (!aucunRafraichissement) {
window.requestAnimationFrame((): void => {
const changeVisibiliteImage = (image: HTMLDivElement, visible: boolean) => {
image.toggleAttribute(ATTRIBUT_CACHE, visible);
image.toggleAttribute(ATTRIBUT_ARIA_HIDDEN, visible);
};
// Met à jour la position du défilement dans le Conteneur
positionDefilementConteneur = STORYTELLING.scrollTop;
// Met à jour la position du défilement dans le Conteneur
positionDefilementConteneur = CONTENEUR_STORYTELLING.scrollTop;
console.time();
// Met à jour l'attribut de visibilité des images en fonction du défilement
IMAGES_STORYTELLING.forEach((image: HTMLDivElement, index: number): void => {
const debutYImage = HAUTEUR_IMAGE * (index - 1);
const finYImage = HAUTEUR_IMAGE * index;
// Met à jour l'attribut de visibilité des images en fonction du défilement
IMAGES_STORYTELLING.forEach((image: HTMLDivElement): void => {
const indexImage = Number(image.getAttribute(ATTRIBUT_INDEX));
const hauteurImage = image.getBoundingClientRect().height;
const debutYImage = hauteurImage * (indexImage - 1);
const finYImage = hauteurImage * indexImage;
estEntreDeuxNombres(positionDefilementConteneur, debutYImage, finYImage)
? changeVisibiliteImage(image, false)
: changeVisibiliteImage(image, true);
});
aucunRafraichissement = false;
});
aucunRafraichissement = true;
}
estEntreDeuxNombres(positionDefilementConteneur, debutYImage, finYImage)
? changeVisibiliteImage(image, false)
: changeVisibiliteImage(image, true);
});
console.timeEnd();
};
// Initialise l'Observateur de Redimensionnement (ResizeObserver)
new ResizeObserver((): void => majImages()).observe(CONTENEUR_STORYTELLING);
// new ResizeObserver((): void => majImages()).observe(STORYTELLING);
// Initialise la mise à jour des images au défilement sur le Conteneur
CONTENEUR_STORYTELLING.addEventListener("scroll", (): void => majImages());
STORYTELLING.addEventListener("scroll", (): void => majImages());
};
document.addEventListener("DOMContentLoaded", (): void => {

View file

@ -33,9 +33,9 @@ $contexte["id_categorie_produits"] = $id_categorie_produits;
function charge_scripts_page_archive_produits(): void {
wp_enqueue_style(
handle: "haiku-atelier-2024-styles-page-boutique",
src: get_template_directory_uri() . "/assets/css/pages/page-boutique.min.css",
src: get_template_directory_uri() . "/assets/css/pages/page-boutique.css",
deps: [],
ver: filemtime(get_template_directory() . "/assets/css/pages/page-boutique.min.css"),
ver: filemtime(get_template_directory() . "/assets/css/pages/page-boutique.css"),
media: "all",
);
wp_enqueue_script_module(

View file

@ -10,89 +10,6 @@
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/about/haikuabout", "", dimensions_image[0], dimensions_image[1], "")
}}
<div
class="texte"
id="texte-1"
>
<p>
Haïkus are short japanese poems written in three lines to capture the beauty of small details in the
everyday life.
</p>
<p>More than poetry, its a philosophy.</p>
</div>
<div
class="texte"
id="texte-2"
>
<p>
Haiku Atelier creates minimalist and subtil jewelry with an edgy twist, trying to distillate some poetry
through those small objects.
</p>
<p>
Handcrafted with care in sustainable materials, each pieces has its uniqueness and is made to last.
</p>
</div>
<div
class="texte"
id="texte-3"
>
<p>
After learning the art of jewelry making for two years in Paris, Manon Designere launched the brand Haiku,
gleaning into the Japanese minimalist aesthetic.
</p>
<p>
Now based in Brussels, she still makes everything by hand, pouring her soul into her work to share her
vision of the world.
</p>
</div>
<div
class="texte"
id="texte-4"
>
<p>Here you can see some of the tools used at the studio.</p>
<p>
From sketches to models, from soldering to polishing, the numerous steps behind each piece are what makes it
so unique.
</p>
<p>A touch of animism to value handcrafted objects, restrain mass production and lead toward slow</p>
life.
</div>
<div
class="texte"
id="texte-5"
>
<p>
We pay a lot of attention choosing the materials we work on: all of the pieces are made in 80% recycled
sterling silver.
</p>
<p>
We also choose to propose many designs in a mix of sterling silver and silver gilded parts to avoid relying
too much on the gold plating process, which can be pollutant.
</p>
<p>
The packagings are also carefully selected, produced nearby, made in eco-friendly coton or paper. Our gift
bags are even handmade in dead-stock fabrics.
</p>
</div>
<div
class="texte"
id="texte-6"
>
<p>
We hope that those small objects will move you, as we are moved by the beauty hidden behind a ray of
sunshine, a leaf falling from a branch, the smell of an old book, the song of birds before dawn...
</p>
<p>Haiku jewelry are like a bit of poetry to wear everywhere.</p>
</div>
{# Épingles #}
<button
aria-label="First pin"

View file

@ -7,7 +7,7 @@
<div class="storytelling__conteneur">
<div
class="storytelling__image"
data-index="1"
data-index="0"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll1", "", 903, 1080)
@ -18,7 +18,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="2"
data-index="1"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll2", "", 903, 1080)
@ -29,7 +29,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="3"
data-index="2"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll3", "", 903, 1080)
@ -51,7 +51,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="5"
data-index="4"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll5", "", 903, 1080)
@ -62,7 +62,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="6"
data-index="5"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll6", "", 903, 1080)
@ -73,7 +73,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="7"
data-index="6"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll7", "", 903, 1080)
@ -84,7 +84,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="8"
data-index="7"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll8", "", 903, 1080)
@ -95,7 +95,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="9"
data-index="8"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll9", "", 903, 1080)
@ -106,7 +106,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="10"
data-index="9"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll10", "", 903, 1080)
@ -117,7 +117,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="11"
data-index="10"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll11", "", 903, 1080)
@ -128,7 +128,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="12"
data-index="11"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll12", "", 903, 1080)
@ -139,7 +139,7 @@
aria-hidden
class="storytelling__image"
data-cache
data-index="13"
data-index="12"
>
{{
images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll13", "", 903, 1080)

View file

@ -26,6 +26,7 @@
loading="eager"
src="{{ rel_url }}.jpg"
width="{{ width }}"
onload="this.style.opacity=1"
/>
</picture>
{% endmacro %}

View file

@ -1,4 +1,4 @@
<!doctype html>
<!doctype html lang="en">
<head>
<meta charset="{{ site.charset }}" />
<meta
@ -16,30 +16,27 @@
<link
rel="apple-touch-icon"
href="{{site.theme.link}}/assets/img/apple-touch-icon.png"
href="{{ site.theme.link }}/assets/img/apple-touch-icon.png"
/>
<link
rel="icon"
href="{{site.theme.link}}/assets/img/favicon.ico"
href="{{ site.theme.link }}/assets/img/favicon.ico"
sizes="48x48"
/>
<link
rel="icon"
href="{{site.theme.link}}/assets/img/favicon.svg"
href="{{ site.theme.link }}/assets/img/favicon.svg"
type="image/svg+xml"
/>
<link
rel="manifest"
href="{{site.theme.link}}/assets/site.webmanifest"
href="{{ site.theme.link }}/assets/site.webmanifest"
/>
{#
<link
href="{{ site.theme.link }}/static/img/favicon.svg"
rel="shortcut icon"
type="image/svg+xml"
/>
#}
<link
rel="preload"
href="{{ site.theme.link }}/assets/img/icons/cloud-gris.svg"
/>
{{ function("wp_head") }}
</head>

View file

@ -2,6 +2,18 @@
id="menu-categories-produits"
class="menu-categories-produits"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="15"
transform="scale(-1 1)"
viewBox="0 0 15 15"
>
<path
d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414"
fill="white"
/>
</svg>
<ul>
<li {{ est_page_tous_produits ? "class='categorie-courante'" : '' }}><a href="{{ pages.shop.lien }}">All</a></li>
{% for categorie in categories_produits %}
@ -14,4 +26,15 @@
</li>
{% endfor %}
</ul>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="15"
viewBox="0 0 15 15"
>
<path
fill="#fff"
d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414"
/>
</svg>
</nav>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 486 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 855 KiB

After

Width:  |  Height:  |  Size: 211 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 664 KiB

After

Width:  |  Height:  |  Size: 225 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 691 KiB

After

Width:  |  Height:  |  Size: 252 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 345 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 322 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 309 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 292 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 487 KiB

After

Width:  |  Height:  |  Size: 39 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 484 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 523 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 MiB

After

Width:  |  Height:  |  Size: 522 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 503 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 89 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1,001 KiB

After

Width:  |  Height:  |  Size: 562 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 464 KiB

After

Width:  |  Height:  |  Size: 39 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 956 KiB

After

Width:  |  Height:  |  Size: 232 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 713 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 671 KiB

After

Width:  |  Height:  |  Size: 50 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 548 KiB

After

Width:  |  Height:  |  Size: 49 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 294 KiB

After

Width:  |  Height:  |  Size: 230 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 468 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 534 KiB

After

Width:  |  Height:  |  Size: 277 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 401 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 628 KiB

After

Width:  |  Height:  |  Size: 226 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 200 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 340 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 493 KiB

After

Width:  |  Height:  |  Size: 228 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 946 KiB

After

Width:  |  Height:  |  Size: 193 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 291 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 788 KiB

After

Width:  |  Height:  |  Size: 231 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 779 KiB

After

Width:  |  Height:  |  Size: 274 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 892 KiB

After

Width:  |  Height:  |  Size: 276 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 306 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 265 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 348 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 899 KiB

After

Width:  |  Height:  |  Size: 499 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 428 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 412 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 378 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 380 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 650 KiB

After

Width:  |  Height:  |  Size: 365 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 412 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1 MiB

After

Width:  |  Height:  |  Size: 393 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 972 KiB

After

Width:  |  Height:  |  Size: 592 KiB

Before After
Before After

Some files were not shown because too many files have changed in this diff Show more