UPDATE theme.json to disable custom spacing options and add new color and title size entries

archive-actualites.php

@@ -9,28 +9,25 @@ $current_post_type = get_post_type();
 	<?php get_template_part('template-parts/post-types/actualites/archive-header'); ?>
 
 
-	<!-- #### LATEST PARUTIONS #### -->
-	<?php get_template_part('template-parts/components/archive/latest-parutions', null, array(
-		'post_amount' => 1,
-		'post_type' => 'expositions',
-	));
-	?>
-
 
 	<!-- #### ANALYSES ET ETUDES POST GRID #### -->
-	<?php get_template_part('template-parts/components/archive/post-grid', null, array(
-		'current_post_type' => 'expositions',
+	<?php get_template_part('template-parts/post-types/actualites/archive-grid', null, array(
+		'current_post_type' => 'actualites',
 		'post_amount' => -1,
-		'grid_title' => 'Trouver une exposition',
+		'grid_title' => 'Toutes les actualités',
 	)); ?>
 
 
+	<!-- #### AUTRES PUBLICATIONS #### -->
+	<?php get_template_part('template-parts/compositions/autres-publications'); ?>
+
 	<!-- #### SOUTENIR #### -->
 	<?php get_template_part('template-parts/compositions/soutenir'); ?>
 
 
 	<!-- #### INFOLETTRE #### -->
 	<?php get_template_part('template-parts/compositions/infolettre'); ?>
+
 </main>
 
 <?php

includes/api.php

@@ -25,14 +25,15 @@ function build_posts($request)
 	$auteur = esc_html($request->get_param('auteur'));
 	$sort_by = esc_html($request->get_param('sort_by'));
 	$recherche = esc_html($request->get_param('recherche'));
-
+	$offset = esc_html($request->get_param('offset')) ?? 0;
+	$posts_per_page = esc_html($request->get_param('posts_per_page')) ?? -1;
 
 	// Construire les arguments de la query WordPress
 	$args = array(
 		'post_type' => $post_type,
-		'posts_per_page' => -1,
+		'offset' => $offset,
+		'posts_per_page' => $posts_per_page,
 	);
-	write_log("##########params");
 
 	write_log(array(
 		'post_type' => $post_type,
@@ -96,8 +97,6 @@ function build_posts($request)
 
 	$posts_query = new WP_Query($args);
 
-	write_log($posts_query->posts);
-
 	ob_start();
 	if ($posts_query->have_posts()) :
 		while ($posts_query->have_posts()) : $posts_query->the_post();

resources/css/app.css

@@ -12,6 +12,7 @@
 @import './base/animation.css';
 @import './base/format-types.css';
 @import './base/carhop-specific-base.css';
+@import './base/forms.css';
 
 /* ########### FORMS ############ */
 @import './forms/forms.css';
@@ -50,6 +51,8 @@
 @import './components/content-area.css';
 @import './components/authors-list.css';
 
+@import './components/buttons/load-more.css';
+
 /* ########### EDITOR CONTENT ############ */
 @import './editor-content/entry-content.css';
 
@@ -71,6 +74,9 @@
 @import './pages/singles.css';
 @import './pages/single-auteurs.css';
 @import './pages/single-activites.css';
+@import './pages/archive-actualites.css';
+@import './pages/single-actualites.css';
+@import './pages/page-formulaire-de-depot.css';
 
 /* ########### BLOCKS ############ */
 @import './blocks/blocks-spacing.css';
@@ -103,17 +109,24 @@
 @import './blocks/press-ressources.css';
 @import './blocks/document-card.css';
 @import './blocks/wp-block-file.css';
+@import './blocks/wp-block-pullquote.css';
 @import './blocks/wp-block-heading.css';
 @import './blocks/wp-block-list.css';
 @import './blocks/wp-block-list-is-iconed-list.css';
 @import './blocks/wp-block-table.css';
 @import './blocks/wp-block-details.css';
+@import './blocks/wp-block-columns.css';
 @import './blocks/wp-block-image.css';
 @import './blocks/wp-block-buttons.css';
 @import './blocks/explore-tags.css';
 @import './blocks/see-also.css';
 @import './blocks/dbmob-archives.css';
+@import './blocks/random-collection-image.css';
 @import './blocks/variants.css';
 
+/* ########### COMPOSITIONS ############ */
+@import './compositions/nos-collections.css';
+@import './compositions/pourquoi-soutenir-carhop.css';
+
 /* ########### LIBS ############ */
 @import './libs/swiper.css';

resources/css/base/image.css

@@ -0,0 +1,4 @@
+.is-style-framed {
+  border-radius: 10px;
+  overflow: hidden;
+}

resources/css/base/links.css

@@ -1,6 +1,10 @@
-a[target='_blank'] {
-  @apply external-link;
+.entry-content,
+.site-content {
+  a[target='_blank'] {
+    @apply external-link;
+  }
 }
+
 .external-link {
   &:after {
     @apply content-[''] w-7 h-7 ml-2 inline-block;
@@ -30,6 +34,33 @@ a[target='_blank'] {
   }
 }
 
+.internal-link-with-icon,
+.internal-link-with-svg-icon,
+.external-link-with-svg-icon {
+  @apply flex items-center;
+  transition: transform 0.3s ease-out;
+  svg {
+    flex-shrink: 0;
+    transition: transform 0.3s ease-out;
+    @apply content-[''] w-9 h-9 ml-2 inline-block;
+    transform: rotate(0deg) translateX(0px);
+  }
+
+  &:hover {
+    filter: brightness(1.2);
+    text-decoration: underline;
+    text-decoration-thickness: 1px;
+    text-underline-offset: 8px;
+    transform: translateX(-4px);
+  }
+  &--white {
+    @apply text-white;
+    &:after {
+      filter: brightness(0) invert(1);
+    }
+  }
+}
+
 .internal-link-with-icon {
   @apply flex items-center;
   transition: transform 0.3s ease-out;
@@ -57,6 +88,19 @@ a[target='_blank'] {
     }
   }
 }
+.internal-link-with-svg-icon {
+  &:hover {
+    transform: translateX(0px);
+  }
+  &:hover svg {
+    transform: translateY(4px) rotate(0deg);
+  }
+}
+.external-link-with-svg-icon {
+  &:hover svg {
+    transform: translateX(4px) rotate(45deg);
+  }
+}
 
 .internal-link-self-page-anchor {
   &:hover {

resources/css/blocks/chapter-section.css

@@ -44,7 +44,7 @@
   h4.wp-block-heading,
   h5.wp-block-heading,
   h6.wp-block-heading {
-    color: var(--chapter-section-text-color);
+    color: var(--advised-text-color);
   }
 
   &__innerblocks {
@@ -115,6 +115,15 @@
     }
   }
 
+  p,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: var(--advised-text-color);
+  }
+
   &--bg-dark {
     .wp-block-carhop-blocks-cta {
       --cta-current-color: #fff;
@@ -123,12 +132,16 @@
         filter: brightness(41);
       }
     }
-    /* .wp-block-carhop-blocks-cta {
-      @apply !bg-red-400;
-      &:after {
-        filter: brightness(41);
-      }
-    } */
+    --advised-text-color: #fff;
+    --content-box-text-color: #fff;
+  }
+
+  &--bg-light {
+    --advised-text-color: #136f63;
+    --content-box-text-color: #136f63;
+    .wp-block-carhop-blocks-heading {
+      color: var(--advised-text-color);
+    }
   }
 
   &--backgrounded {

resources/css/blocks/content-box.css

@@ -31,6 +31,25 @@
       @apply z-10 relative;
     }
   }
+
+  &--shapeA.content-box--variant-framed,
+  &--shapeB.content-box--variant-framed,
+  &--shapeC.content-box--variant-framed,
+  &--shapeA.content-box--variant-framed-backgrounded,
+  &--shapeB.content-box--variant-framed-backgrounded,
+  &--shapeC.content-box--variant-framed-backgrounded {
+    @apply border-none;
+
+    svg > path {
+      stroke: var(--content-box-border-color, var(--wp--preset--color--carhop-green));
+      stroke-width: 1px;
+    }
+  }
+
+  /* &--shapeA,
+  &--shapeB,
+  &--shapeC */
+
   .content-box__shape {
     @apply top-0 left-0 w-full h-full absolute;
   }
@@ -42,9 +61,18 @@
   &.aligncontained {
     @apply !mx-auto;
   }
+
   &.aligncontained {
+    /* max-width: calc(960px - 4rem) !important; */
     @apply !max-w-screen-lg;
   }
+  &.alignwide {
+    @media (max-width: 767px) {
+      margin-left: calc(50% - 50vw) !important;
+      margin-right: calc(50% - 50vw) !important;
+    }
+  }
+
   /* &.alignwide {
     @apply max-w-screen-lg;
   } */
@@ -60,14 +88,17 @@
   &--bg-dark {
     --content-box-text-color: #fff;
     --advised-text-color: #fff;
+    --cta-current-color: #fff;
 
+    blockquote,
+    blockquote p,
+    .wp-block-pullquote p,
     p {
       color: var(--advised-text-color, inherit);
     }
 
     .wp-block-carhop-blocks-cta {
-      --cta-current-color: #fff;
-      color: blue;
+      /* --cta-current-color: #fff; */
 
       &:after {
         /* background-image: url('../resources/img/carhop-fleche-lien-externe-full--white.svg'); */
@@ -96,6 +127,11 @@
   h3 {
     /* @apply title-small font-bold; */
   }
+  .chapter-section--bg-light {
+    --content-box-text-color: var(--wp--preset--color--carhop-green);
+    --advised-text-color: var(--wp--preset--color--carhop-green, inherit);
+    --cta-current-color: var(--wp--preset--color--carhop-green, inherit);
+  }
 
   /* h1.wp-block-heading {
     @apply !text-4xl mb-12;
@@ -136,7 +172,7 @@
 
 main > .content-box:first-child {
   @media (max-width: 1441px) {
-    @apply !pt-2;
+    /* @apply !pt-2; */
   }
 }
 
@@ -212,6 +248,10 @@ body.page .content-box {
   @apply !mt-0;
 }
 
+.wp-block-carhop-blocks-content-box.aligncontained {
+  @apply my-12;
+}
+
 .wp-block-carhop-blocks-content-box.alignfull:has(+ .alignfull) {
   @apply !mb-0;
 }
@@ -233,3 +273,23 @@ body.page .content-box {
 .content-box--variant-backgrounded.content-box--shapeC.alignfull + .alignfull {
   @apply !-mt-5;
 }
+
+.content-box.alignfull
+  .content-box__innerblocks
+  > .gform_wrapper:nth-last-child(2):has(+ script) {
+  @apply mb-32;
+}
+#field_4_29 {
+  @apply pb-10;
+}
+#gform_fields_4_7 {
+  --gf-form-gap-y: 1rem;
+}
+
+.gform_previous_button:has(+ input[type='submit']) {
+  @apply !h-fit;
+}
+
+.gform-page-footer:has(.gform_previous_button + input[type='submit']) {
+  @apply items-center !mb-0;
+}

resources/css/blocks/cta.css

@@ -1,7 +1,26 @@
 .wp-block-carhop-blocks-cta {
-  @apply internal-link-with-icon;
+  &:has(#arrow-internal-link) {
+    @apply internal-link-with-svg-icon;
+  }
+  &:has(#arrow-external-link) {
+    @apply external-link-with-svg-icon;
+  }
+
+  svg {
+    @apply w-10 h-10;
+
+    path,
+    circle {
+      stroke: currentColor;
+      stroke-width: 2px;
+    }
+  }
 
   &[href^='#'] {
     @apply internal-link-self-page-anchor;
   }
+
+  &:after {
+    content: none !important;
+  }
 }

resources/css/blocks/dbmob-archives.css

@@ -1,15 +1,24 @@
 .wp-block-carhop-blocks-dbmob-archives {
-  .notice-toolbar {
-    @apply py-5;
+  @apply mb-12;
+  .notices-toolbar {
+    @apply py-5 grid grid-cols-1 md:grid-cols-2 gap-4;
   }
   .post-count {
     &__text {
       @apply text-lg text-primary  !font-normal nunito  normal-case;
     }
   }
-
+  .sort_by {
+    @apply justify-self-end !w-fit cursor-pointer appearance-none border-primary border-none pr-10 text-primary;
+    /* Remplace la flèche native (appearance-none) — même asset que .post-grid__toolbar select */
+    background-color: transparent;
+    background-image: url('../resources/img/elements/select-drop-button.svg');
+    background-repeat: no-repeat;
+    background-position: right 0.25rem center;
+    background-size: 2rem 2rem;
+  }
   .search-bar {
-    @apply py-8 border-t border-b border-solid border-primary;
+    @apply py-8 border-t border-b border-solid border-primary col-span-2;
     label {
       @apply block text-lg text-primary  !font-normal nunito  normal-case mb-2;
     }
@@ -19,6 +28,10 @@
   }
 
   .dbmob-grid {
-    @apply grid grid-cols-1 md:grid-cols-2  gap-4 pt-6 py-12;
+    @apply grid grid-cols-1 md:grid-cols-2  gap-4 py-6;
+  }
+
+  .load-more-button {
+    @apply text-center !mx-auto w-fit;
   }
 }

resources/css/blocks/featured-news.css

@@ -7,6 +7,13 @@
     @apply px-4 md:px-20;
   }
 
+  .swiper-wrapper {
+    @apply items-end;
+  }
+  .featured-news-swiper {
+    @apply overflow-visible;
+  }
+
   &__inner {
     @apply max-w-screen-2xl mx-auto;
   }

resources/css/blocks/front-header.css

@@ -8,6 +8,16 @@
     @apply pb-64 !-mb-48;
   }
 
+  &.is-style-has-overlap:has(+ section > .prev-overlap-image),
+  &.is-style-has-overlap:has(+ div > .prev-overlap-image) {
+    @apply pb-80;
+    padding-bottom: 26rem !important;
+    margin-bottom: -24rem !important;
+  }
+  &.is-style-has-overlap + .prev-overlap-image {
+    margin-top: -20rem !important;
+  }
+
   &:first-child {
     margin-top: 0 !important;
   }
@@ -23,7 +33,7 @@
     line-height: 1.2;
   }
   p {
-    @apply max-w-2xl mx-auto mb-6;
+    @apply max-w-2xl mx-auto mb-6 !text-white;
   }
   .wp-block-carhop-blocks-cta {
     text-transform: none;
@@ -33,4 +43,8 @@
 
 .front-header__innerblocks {
   /* @apply bg-red-100; */
+  .wp-block-carhop-blocks-cta-group,
+  .wp-block-carhop-blocks-decorative-shapes {
+    @apply max-w-screen-lg mx-auto;
+  }
 }

resources/css/blocks/highlight-timeline-step.css

@@ -1,6 +1,6 @@
 .highlight-timeline-step {
   &__innerblocks {
-    @apply pt-12 pb-2;
+    @apply pb-2;
 
     > p:last-child {
       @apply !pb-0 mb-0;
@@ -11,19 +11,11 @@
     }
   }
   &__year {
-    @apply h-auto w-full flex !p-12  justify-center items-center text-8xl text-white  fjalla;
+    @apply h-auto w-full flex !p-4  justify-center items-center text-8xl text-white  fjalla;
   }
 
-  &__year-background {
-    svg {
-      polygon {
-        @apply !fill-purple-200;
-      }
-    }
-  }
   &__year-text {
-    @apply fjalla !pt-12 !pb-10;
-    font-size: clamp(4rem, 20vw, 20rem) !important;
+    @apply fjalla !text-5xl font-semibold tracking-wide;
     line-height: 1.2 !important;
   }
 }

resources/css/blocks/highlight-timeline.css

@@ -1,4 +1,5 @@
 .highlight-timeline {
+  @apply pt-8;
   --current-color: var(--advised-text-color, red);
 
   .swiper-pagination-bullet {

resources/css/blocks/narrative-card.css

@@ -1,5 +1,5 @@
 .narrative-card {
-  @apply p-12 py-24 mx-auto max-w-screen-lg relative;
+  @apply p-12 py-16 mx-auto max-w-screen-lg relative;
   overflow: hidden;
 
   > * {

resources/css/blocks/random-collection-image.css

@@ -0,0 +1,37 @@
+figure.random-collection-image-container {
+  @apply flex flex-col justify-start items-center;
+
+  img.random-collection-image {
+    @apply border-2 border-primary bg-white p-4;
+    object-fit: cover;
+    object-position: center;
+
+    &--landscape {
+      aspect-ratio: 16/10;
+    }
+    &--portrait {
+      aspect-ratio: 10/14;
+      max-height: 70vh;
+      width: auto;
+    }
+    &--square {
+      width: auto;
+      max-width: 960px;
+      max-height: 70vh;
+      aspect-ratio: 1/1;
+    }
+  }
+  figcaption.random-collection-image-caption {
+    @apply text-base text-center mt-2 pt-2;
+  }
+}
+
+.random-collection-image-container.prev-overlap-image {
+  --random-collection-overlap: -20rem;
+
+  position: relative;
+  z-index: 2;
+  margin-top: 20rem;
+  transform: translateY(var(--random-collection-overlap, -20rem));
+  margin-bottom: calc(var(--random-collection-overlap) + 3rem);
+}

resources/css/blocks/scroll-story-block.css

@@ -1,5 +1,6 @@
 .scroll-story-block {
-  @apply py-12 flex flex-col gap-12 overflow-x-hidden;
+  @apply py-12 flex flex-col gap-12;
+  /* @apply overflow-x-hidden; */
 
   &--has-numbering {
     counter-reset: narrative-card;

resources/css/blocks/story-timeline.css

@@ -6,7 +6,10 @@
       @apply sticky top-0 left-0 !pt-6;
       @apply list-none p-0 m-0 flex flex-col gap-4;
       li {
-        @apply list-none bg-white text-primary p-2 border border-primary text-3xl fjalla;
+        @apply list-none bg-white text-primary p-6 border border-primary text-3xl fjalla;
+        a {
+          @apply no-underline;
+        }
       }
 
       li.story-timeline__year[data-active='false'] {

resources/css/blocks/subscribe-infolettre.css

@@ -1,5 +1,5 @@
 .subscribe-infolettre {
-  @apply relative !text-white lg:px-24 px-4 md:px-12 !mb-32 !mt-0;
+  @apply relative !text-white lg:px-24 px-4 md:px-12 !mb-32  !mt-32;
   z-index: 5;
 
   &:after {
@@ -47,7 +47,7 @@
     }
   }
 }
-
+.soutenir-le-carhop + .subscribe-infolettre,
 .explore-tags + .subscribe-infolettre {
   @apply !mt-0;
 }

resources/css/blocks/wp-block-columns.css

@@ -0,0 +1,5 @@
+.wp-block-column {
+  p:last-child {
+    @apply !mb-0;
+  }
+}

resources/css/blocks/wp-block-pullquote.css

@@ -0,0 +1,22 @@
+.wp-theme-carhop:not(.wp-child-theme-dynamiques),
+.is-website-carhop {
+  .wp-block-pullquote {
+    @apply text-xl border-none py-0 font-semibold nunito text-primary;
+    p {
+      @apply font-semibold;
+      color: currentColor;
+    }
+    cite {
+      @apply font-bold  text-xs;
+    }
+  }
+}
+
+.wp-block-pullquote.is-style-testimony {
+  cite::before {
+    @apply text-xs font-bold;
+    content: 'Témoignage';
+    @apply mr-2;
+  }
+  /* @apply pl-12; */
+}

resources/css/components/article-card.css

@@ -6,7 +6,7 @@
     z-index: -1;
     path {
       stroke-width: 0;
-      /* vector-effect: non-scaling-stroke; */
+      vector-effect: non-scaling-stroke;
     }
   }
 

resources/css/components/buttons/load-more.css

@@ -0,0 +1,19 @@
+.load-more-button {
+  @apply text-primary font-semibold flex items-center justify-center gap-2;
+
+  &:after {
+    @apply content-[''] h-8 w-8 block;
+    background-image: url('../resources/img/icons/button-arrow-down-small.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    transition: transform 0.3s ease-in-out;
+    transform: translateY(0);
+  }
+
+  &:hover {
+    &:after {
+      transform: translateY(2px);
+    }
+  }
+}

resources/css/components/content-meta.css

@@ -25,6 +25,9 @@
     &--article:before {
       @apply w-6 bg-carhop-purple-300 -rotate-45;
     }
+    &--actualites:before {
+      @apply w-5 h-5 rounded-full border-2 border-primary;
+    }
     &--dbmob:before {
       @apply w-4 bg-carhop-red-700;
     }

resources/css/components/page-header.css

@@ -1,5 +1,7 @@
 .page-header {
   @apply bg-primary text-white py-16  items-center relative;
+  margin-left: calc(50% - 50vw);
+  margin-right: calc(50% - 50vw);
 
   &--has-overlap {
     @apply pb-64 -mb-48;

resources/css/components/post-card-dbmod.css

@@ -1,4 +1,8 @@
-.post-card-dbmod {
+/* .post-card-dbmod {
+  @apply !bg-red-300;
+  &:after {
+    content: none !important;
+  }
   &__title {
     @apply text-2xl font-bold;
   }
@@ -6,4 +10,4 @@
   &__details {
     @apply text-sm text-gray-500;
   }
-}
+} */

resources/css/components/post-card.css

@@ -2,9 +2,10 @@
   @apply bg-white border border-primary p-6 block;
   transition: transform 0.3s ease-out;
 
-  &[target='_blank']::after {
-    @apply content-none;
+  &:after {
+    content: none !important;
   }
+
   &:hover {
     transform: translateY(-4px);
   }
@@ -55,6 +56,9 @@
   h3.card__title {
     @apply mb-6 text-2xl uppercase;
   }
+  .card__description {
+    @apply pb-5;
+  }
   .card__details {
     @apply flex flex-col gap-3;
 
@@ -109,7 +113,7 @@
     }
   }
   &__details-text {
-    @apply flex flex-col gap-2;
+    @apply flex flex-col gap-4;
   }
 
   .tag-list {

resources/css/components/post-grid.css

@@ -22,18 +22,36 @@
       &:after {
         @apply absolute  top-1/2 -translate-y-1/2;
         content: '';
-        right: 10px;
+        right: 14px;
         display: flex;
-        width: 30px;
-        height: 30px;
+        width: 36px;
+        height: 36px;
         background-image: url('../resources/img/icons/carhop-rechercher-green-circle.svg');
         background-repeat: no-repeat;
         background-position: center center;
         background-size: contain;
       }
+
+      /* Masquer la loupe si le champ n'est pas vide */
+      &:has(input:not(:placeholder-shown))::after {
+        display: none;
+      }
+
+      input:not(:placeholder-shown) ~ #reset-search {
+        display: flex;
+      }
+
+      #reset-search {
+        @apply absolute  top-1/2 -translate-y-1/2;
+        right: 14px;
+        display: none;
+        width: 36px;
+        height: 36px;
+      }
+
       input {
-        @apply w-full  !py-4 px-4 border border-primary rounded-full text-base;
-        padding-right: 33px;
+        @apply w-full  !py-4 px-5 border border-primary rounded-full text-base;
+        padding-right: 36px;
         line-height: 1.5;
         height: auto;
 

resources/css/components/post-header.css

@@ -1,5 +1,7 @@
 .post-header {
   @apply bg-primary text-white py-8 2xl:py-16 px-2 lg:px-4 md:px-8 overflow-x-hidden;
+  margin-left: calc(50% - 50vw);
+  margin-right: calc(50% - 50vw);
 
   &:has(.post-header__inner--has-thumbnail) {
     @apply pb-16 2xl:!pb-20;

resources/css/compositions/nos-collections.css

@@ -0,0 +1,3 @@
+.composition-nos-collections {
+  @apply !pb-20;
+}

resources/css/compositions/pourquoi-soutenir-carhop.css

@@ -0,0 +1,20 @@
+.pourquoi-soutenir-carhop {
+  --block-rotation: 4deg;
+  figure::after {
+    @apply w-12 h-12 bg-carhop-green-700;
+    transform: rotate(var(--block-rotation)) translateX(calc(100% + 2rem));
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+
+    background-image: url('../resources/img/elements/carhop-heart-white.svg');
+    background-position: center;
+    background-size: 50%;
+    background-repeat: no-repeat;
+  }
+
+  figure.wp-block-image.is-style-framed-rotated {
+    transform: rotate(calc(-1 * var(--block-rotation))) translateX(-1rem);
+  }
+}

resources/css/forms/gravity-forms.css

@@ -6,6 +6,13 @@
   --gf-ctrl-focus-color: var(--wp--preset--color--carhop-green);
   --gf-ctrl-focus-border-color: var(--wp--preset--color--carhop-green); */
 }
+
+/* 
+.gf_page_steps {
+  --gf-field-pg-steps-number-bg-color-active: red;
+  @apply !justify-center mb-12;
+} */
+
 body.front-end {
   .gform-theme--api,
   .gform-theme--framework {
@@ -72,6 +79,32 @@ body.front-end {
 
     --gf-field-pg-steps-number-radius: 0;
 
+    --gf-field-pg-prog-margin-y-end: 3rem;
+    --gf-field-pg-steps-number-bg-color-active: red;
+
+    --gf-field-pg-steps-number-bg-color-complete: white;
+    --gf-field-pg-steps-number-border-color-complete: none;
+    --gf-field-pg-steps-number-color-complete: var(--wp--preset--color--carhop-green);
+
+    --gf-ctrl-btn-color-secondary: var(--wp--preset--color--carhop-green);
+
+    --gf-form-spinner-fg-color: var(--wp--preset--color--carhop-green-light);
+
+    --gf-ctrl-file-prev-name-color: white;
+    --gf-ctrl-file-prev-font-size: 16px;
+
+    --gf-ctrl-file-prog-bar-bg-color-loading: theme('colors.green.200');
+    --gf-ctrl-file-prog-bar-bg-color-complete: theme('colors.green.400');
+    --gf-ctrl-btn-icon-color-simple: theme('colors.red.400');
+
+    /* --gf-field-pg-steps-number-bg-color-complete: ; */
+    .gf_step_completed {
+      .gf_step_number,
+      .gf_step_number::after {
+        @apply rounded-full;
+      }
+    }
+
     h2.gform_submission_error {
       @apply justify-center;
     }
@@ -122,6 +155,10 @@ body.front-end {
       }
     }
 
+    input[type='file'] {
+      padding-bottom: 60px;
+    }
+
     input[type='submit'] {
       --gf-ctrl-btn-font-size: 1.25rem;
       --gf-ctrl-btn-padding-x: 2rem;
@@ -188,27 +225,20 @@ body.front-end {
       --gf-ctrl-padding-y: 2rem;
     }
 
-    .gfield_description {
-      /* --gf-ctrl-desc-color: white;
-      --gf-ctrl-desc-color-focus: white;
-      --gf-ctrl-desc-color-hover: white; */
-    }
     p {
       @apply !pb-0;
     }
 
-    /* input::placeholder {
-      color: red !important;
-    } */
-  }
-
-  /* .gfield:has(input[aria-required='true']) {
-    @apply relative;
-    &:after {
-      @apply content-['*'] absolute top-3 right-3 text-red-800 text-2xl;
-      line-height: 1;
+    select {
+      @apply justify-self-end cursor-pointer !appearance-none  pr-10 text-white !py-8;
+      /* Remplace la flèche native (appearance-none) — même asset que .post-grid__toolbar select */
+      background-color: transparent;
+      background-image: url('../resources/img/elements/select-drop-button-white.svg') !important;
+      background-repeat: no-repeat;
+      background-position: right 0.75rem center;
+      background-size: 2rem 2rem;
     }
-  } */
+  }
 
   select,
   input,
@@ -270,7 +300,14 @@ body.front-end {
     @apply !opacity-0 absolute top-1/2 left-4 text-white !text-lg !font-light;
     transition: all 0.15s ease-out;
   }
+
+  &:has(select) {
+    .gfield_label {
+      @apply !opacity-100 static;
+    }
+  }
 }
+
 .gfield:has(input:focus, textarea:focus),
 .gfield:has(input:not(:placeholder-shown), textarea:not(:placeholder-shown)) {
   .gfield_label {
@@ -281,6 +318,7 @@ body.front-end {
   --gf-ctrl-placeholder-color: transparent;
 
   #placeholder,
+  textarea::placeholder,
   input::placeholder {
     @apply !opacity-0;
   }
@@ -303,10 +341,7 @@ body.front-end {
     color: white !important;
   }
   .gf_page_steps {
-    /* @apply !text-blue-300 ; */
-
     .gf_step_label {
-      /* @apply !text-cyan-500; */
       --gf-color-out-ctrl-dark: white !important;
       --gf-local-color: white !important;
     }
@@ -319,18 +354,59 @@ body.front-end {
   }
 }
 
+.gform_page_footer {
+  @apply !justify-center !mt-16;
+}
+.gf_page_steps {
+  --gf-field-pg-steps-number-bg-color-active: red;
+  @apply !justify-center;
+}
+
 .gf_step {
   @apply !text-green-400;
 }
 .gf_step_number {
   @apply !text-white !bg-transparent;
-  --gf-local-border: 2px solid red;
   border: 1px solid white !important;
-  border-top: none !important;
-  border-left: none !important;
-  border-right: none !important;
+  /* --gf-local-border: 2px solid white; */
+  --gf-field-pg-steps-number-radius: 100%;
+
+  border: 1px solid white !important;
 }
 
+.gf_step_active {
+  .gf_step_number {
+    border: none !important;
+    @apply !bg-green-300 !text-carhop-green-800;
+  }
+}
+
+.gf_step_completed {
+  .gf_step_number,
+  .gf_step_number {
+    border: none !important;
+  }
+}
 .gf_step_pending {
   opacity: 0.5 !important;
 }
+
+input[type='submit'],
+.gform_next_button,
+.gform_previous_button {
+  @apply !text-xl !py-6 !px-6;
+}
+
+.gform-page-footer:has(.gform-loader) {
+  .gform_next_button,
+  .gform_previous_button {
+    @apply !opacity-50;
+  }
+}
+
+.gform_drop_instructions {
+  @apply !text-lg;
+}
+button.gform_button_select_files {
+  @apply !text-lg;
+}

resources/css/layout/gutenberg.css

@@ -3,6 +3,11 @@ article > *:not(.entry-content),
   @apply mx-auto max-w-content;
 }
 
+.site-content,
+.entry-content {
+  @apply px-4;
+}
+
 .entry-content,
 .block-editor-block-list__layout {
   h1 {
@@ -118,3 +123,15 @@ h3.wp-block-heading:has(+ .wp-block-table) {
 :where(.wp-singular.page .entry-content p) {
   @apply text-primary;
 }
+.wp-theme-carhop:not(.wp-child-theme-dynamiques) {
+  @apply text-primary;
+}
+
+.alignfull.has-background:has(+ .alignfull.has-background) {
+  @apply !mb-0;
+}
+.wp-block-column {
+  h5 + p {
+    @apply mt-0;
+  }
+}

resources/css/pages/archive-actualites.css

@@ -0,0 +1,35 @@
+.post-type-archive-actualites {
+  .block-front-header {
+    @apply !pb-16;
+  }
+
+  .post-grid__toolbar {
+    @apply items-start gap-y-4;
+    grid-template-columns: max-content 1fr;
+    grid-template-rows: auto auto;
+
+    /* Colonne gauche : compteur sur toute la hauteur (2 lignes) ; droite : recherche puis tri */
+    .post-count {
+      @apply pt-4;
+      grid-column: 1;
+      grid-row: 1 / -1;
+      @apply items-center self-stretch;
+    }
+
+    .post-grid__toolbar-actions {
+      grid-column: 2;
+      grid-row: 1;
+      @apply w-full justify-end;
+    }
+
+    select[name='sort_by'] {
+      grid-column: 2;
+      grid-row: 2;
+      @apply justify-self-end;
+    }
+
+    .search-by {
+      @apply hidden;
+    }
+  }
+}

resources/css/pages/page-formulaire-de-depot.css

@@ -0,0 +1,30 @@
+.page-id-1181 {
+  .wp-block-carhop-blocks-heading:has(+ #gform_wrapper_4) {
+    @apply !pb-0;
+  }
+  .wp-block-carhop-blocks-heading + #gform_wrapper_4 {
+    @apply !mt-2;
+  }
+  &:has(.gf_step_first.gf_step_active) {
+    .gf_page_steps {
+      @apply hidden;
+    }
+  }
+
+  .gform_page .wp-block-carhop-blocks-heading {
+    @apply pb-0;
+  }
+
+  .form-explanation {
+    @apply mt-12 max-w-2xl mx-auto !mb-0;
+  }
+
+  #field_4_34 {
+    label {
+      @apply !opacity-100 static;
+    }
+    textarea::placeholder {
+      @apply !opacity-50;
+    }
+  }
+}

resources/css/pages/single-actualites.css

@@ -0,0 +1,16 @@
+.single-actualites {
+  .content-wrapper {
+    @apply block max-w-screen-lg;
+  }
+
+  .entry-content {
+    @apply text-carhop-gray;
+  }
+  #post-authors {
+    display: block !important;
+  }
+
+  .authors-list {
+    @apply mt-20;
+  }
+}

resources/img/elements/carhop-heart-white.svg

@@ -0,0 +1,10 @@
+<svg width="117" height="116" viewBox="0 0 117 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3463_29656)">
+<path d="M83.8913 0L58.5 26.3843L33.1087 0H0V55.3616L58.6429 116L117 55.3616V0H83.8913Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3463_29656">
+<rect width="117" height="116" fill="white"/>
+</clipPath>
+</defs>
+</svg>

resources/img/elements/fond-biseau.svg

@@ -1,3 +1,8 @@
 <svg width="595" height="508" viewBox="0 0 595 508" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<path d="M594.5 506.914H0.5V17.2129L594.5 0.513672V506.914Z" fill="white" stroke="#136F63"/>
+	<path
+		d="M594.5 506.914H0.5V17.2129L594.5 0.513672V506.914Z"
+		fill="white"
+		stroke="#136F63"
+		vector-effect="non-scaling-stroke"
+	/>
 </svg>

resources/img/elements/select-drop-button-white.svg

@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="18" cy="18" r="17" transform="rotate(-90 18 18)" stroke="white" stroke-width="2"/>
+<path d="M10.7992 14.76L17.8006 21.6L25.1992 14.76" stroke="white" stroke-width="2"/>
+</svg>

resources/js/archives/archives.ts

@@ -22,6 +22,8 @@ export default function archivesInit() {
   ) as HTMLSelectElement;
   const rechercheInput = toolbar.querySelector('.search-bar input') as HTMLInputElement;
 
+  const resetSearchButton = toolbar.querySelector('#reset-search') as HTMLButtonElement;
+
   // Évite les courses: annule les requêtes précédentes et ignore les réponses obsolètes
   let currentAbortController: AbortController | null = null;
   let lastRequestId = 0;
@@ -110,20 +112,34 @@ export default function archivesInit() {
     });
   }
 
-  auteursSelect.addEventListener('change', (e) => {
-    hydratePosts();
-  });
+  if (auteursSelect) {
+    auteursSelect.addEventListener('change', (e) => {
+      hydratePosts();
+    });
+  }
 
-  etiquettesSelect.addEventListener('change', (e) => {
-    hydratePosts();
-  });
-
-  sortBySelect.addEventListener('change', (e) => {
-    hydratePosts(); // immédiat pour le tri
-  });
-  rechercheInput.addEventListener('input', (e) => {
-    hydratePostsDebounced(); // debounce pour la saisie rapide
-  });
+  if (etiquettesSelect) {
+    etiquettesSelect.addEventListener('change', (e) => {
+      hydratePosts();
+    });
+  }
+  if (sortBySelect) {
+    sortBySelect.addEventListener('change', (e) => {
+      hydratePosts(); // immédiat pour le tri
+    });
+  }
+  if (rechercheInput) {
+    rechercheInput.addEventListener('input', (e) => {
+      hydratePostsDebounced(); // debounce pour la saisie rapide
+    });
+    if (resetSearchButton) {
+      resetSearchButton.addEventListener('click', (e) => {
+        e.preventDefault();
+        rechercheInput.value = '';
+        hydratePosts();
+      });
+    }
+  }
   handleFilterPostsBy();
 
   postGridToolbarActions.addEventListener('click', (e) => {

single-actualites.php

@@ -0,0 +1,43 @@
+<?php get_header(); ?>
+
+
+<?php
+$postType = get_post_type();
+$showAuthors = get_field('show_authors', get_the_ID());
+$authors = get_field('authors', get_the_ID());
+?>
+
+
+
+<div class="page-single page--single-<?php echo $postType; ?>" data-article-id="<?php echo get_the_ID(); ?>">
+	<?php if (have_posts()) : ?>
+		<?php while (have_posts()) : the_post(); ?>
+			<?php get_template_part('template-parts/components/posts/post-header'); ?>
+
+
+			<div class="content-wrapper" data-active-tab="post">
+
+
+				<div class="content-area">
+					<?php get_template_part('template-parts/components/posts/post-content', null, array(
+						'ID' => get_the_ID(),
+					)); ?>
+
+					<?php get_template_part('template-parts/components/posts/post-authors', null, array(
+						'postId' => get_the_ID()
+					)); ?>
+				</div>
+			</div>
+		<?php endwhile; ?>
+	<?php endif; ?>
+
+	<!-- #### SOUTENIR #### -->
+	<?php get_template_part('template-parts/compositions/soutenir'); ?>
+
+
+	<!-- #### INFOLETTRE #### -->
+	<?php get_template_part('template-parts/compositions/infolettre'); ?>
+</div>
+
+<?php
+get_footer();

template-parts/components/archive/post-grid-toolbar.php

@@ -34,6 +34,9 @@ $tags = get_terms(array(
     <div class="post-grid__toolbar-actions" data-post-type="<?php echo $current_post_type; ?>">
         <div class="search-bar">
             <input type="text" placeholder="<?php _e('Rechercher par mot-clé', 'dynamiques'); ?>">
+            <button class="search-bar__reset-button" id="reset-search">
+                <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-reset-search-cross-green.svg" alt="<?php _e('Réinitialiser', 'carhop'); ?>">
+            </button>
         </div>
 
 

template-parts/components/cards/post-card.php

@@ -32,6 +32,9 @@ $publication_directors = get_field('publication_directors', $ID);
 $numerotation = get_post_meta($ID, 'post_numerotation', true);
 $tags = get_the_terms($ID, 'etiquettes');
 
+$description = get_field('description', $ID);
+
+
 ?>
 
 <a class="post-card post-card--<?php echo $current_post_type . ' ' . ($has_post_thumbnail ? 'post-card--has-thumbnail' : ''); ?> card" href="<?php echo esc_url($link); ?>" target="<?php echo $target; ?>">
@@ -53,6 +56,9 @@ $tags = get_the_terms($ID, 'etiquettes');
 			<?php if ($showExcerpt) : ?>
 				<div class="card__excerpt"><?php echo $excerpt; ?></div>
 			<?php endif; ?>
+			<?php if ($description) : ?>
+				<div class="card__description"><?php echo $description; ?></div>
+			<?php endif; ?>
 		</div>
 		<div class="card__details">
 

template-parts/components/posts/post-header.php

@@ -19,6 +19,10 @@ $has_thumbnail_overlay = $args['has_thumbnail_overlay'] ?? false;
 
 $likes_count = get_post_likes_count($post_id);
 $citeReference = get_field('cite_reference', $post_id);
+
+
+
+
 ?>
 
 <?php if ($hasNumerotation) : ?>
@@ -94,44 +98,8 @@ $citeReference = get_field('cite_reference', $post_id);
 						<time class="post-details__value" datetime="<?php echo get_the_date('Y-m-d', $post_id); ?>"><?php echo get_the_date('d F Y', $post_id); ?></time>
 					</div>
 				</div>
+				<?php get_template_part('template-parts/components/posts/social-buttons', null, array()); ?>
 
-				<div class="socials-buttons">
-					<?php
-					$shareUrls = build_share_urls();
-					?>
-					<button class="socials-buttons__button socials-buttons__button--cite" <?php echo empty($citeReference) ? 'disabled' : ''; ?> title="<?php echo empty($citeReference) ? 'Citation non disponible' : 'Copier la citation'; ?>">
-						<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-citer-article.svg" alt="">
-						Citer
-					</button>
-					<button class="socials-buttons__button socials-buttons__button--like is-disabled" data-likes-count="<?php echo $likes_count; ?>">
-						<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="">
-						<span class="likes-count"><?php echo $likes_count; ?></span>
-						<span class="button-action-text">J'aime</span>
-
-					</button>
-					<button class="socials-buttons__button socials-buttons__button--share" data-share-url="<?php echo get_the_permalink(); ?>">
-						<img class="share-icon" src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-partager-social.svg" alt="">
-						Partager
-						<ul class="socials-buttons__share-links">
-							<li class="share-button share-button--facebook">
-								<a href='<?php echo  $shareUrls['Facebook'] ?>' class="share-link" target="_blank" title="<?php echo __("Partager ce contenu sur ", "dynamiques") . "Facebook" ?>">
-									<img class="social-icon" src="<?php echo get_template_directory_uri() . '/resources/img/icons/carhop-social-facebook.svg' ?>" alt="">
-								</a>
-							</li>
-
-							<li class="share-button share-button--linkedin">
-								<a href='<?php echo  $shareUrls['Linkedin'] ?>' class="share-link" target="_blank" title="<?php echo __("Partager ce contenu sur ", "dynamiques") . "LinkedIn" ?>">
-									<img class="social-icon" src="<?php echo get_template_directory_uri() . '/resources/img/icons/carhop-social-linkedin.svg' ?>" alt="">
-								</a>
-							</li>
-							<li class="share-button share-button--copy-link">
-								<a class="share-link share-link--copy" data-url="<?php echo get_the_permalink(); ?>" title="<?php echo __("Copier le lien", "dynamiques") ?>">
-									<img class="social-icon" src="<?php echo get_template_directory_uri() . '/resources/img/icons/carhop-social-lien.svg' ?>" alt="">
-								</a>
-							</li>
-						</ul>
-					</button>
-				</div>
 			</div>
 		</div>
 

template-parts/components/posts/social-buttons.php

@@ -0,0 +1,43 @@
+<?php
+$currentPostType = get_post_type();
+$shareUrls = build_share_urls();
+$handleCitation = post_type_supports($currentPostType, 'carhop-citations') ?? false;
+?>
+
+
+<div class="socials-buttons">
+	<?php if ($handleCitation) : ?>
+		<button class="socials-buttons__button socials-buttons__button--cite" <?php echo empty($citeReference) ? 'disabled' : ''; ?> title="<?php echo empty($citeReference) ? 'Citation non disponible' : 'Copier la citation'; ?>">
+			<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-citer-article.svg" alt="">
+			Citer
+		</button>
+	<?php endif; ?>
+	<button class="socials-buttons__button socials-buttons__button--like is-disabled" data-likes-count="<?php echo $likes_count; ?>">
+		<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="">
+		<span class="likes-count"><?php echo $likes_count; ?></span>
+		<span class="button-action-text">J'aime</span>
+
+	</button>
+	<button class="socials-buttons__button socials-buttons__button--share" data-share-url="<?php echo get_the_permalink(); ?>">
+		<img class="share-icon" src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-partager-social.svg" alt="">
+		Partager
+		<ul class="socials-buttons__share-links">
+			<li class="share-button share-button--facebook">
+				<a href='<?php echo  $shareUrls['Facebook'] ?>' class="share-link" target="_blank" title="<?php echo __("Partager ce contenu sur ", "dynamiques") . "Facebook" ?>">
+					<img class="social-icon" src="<?php echo get_template_directory_uri() . '/resources/img/icons/carhop-social-facebook.svg' ?>" alt="">
+				</a>
+			</li>
+
+			<li class="share-button share-button--linkedin">
+				<a href='<?php echo  $shareUrls['Linkedin'] ?>' class="share-link" target="_blank" title="<?php echo __("Partager ce contenu sur ", "dynamiques") . "LinkedIn" ?>">
+					<img class="social-icon" src="<?php echo get_template_directory_uri() . '/resources/img/icons/carhop-social-linkedin.svg' ?>" alt="">
+				</a>
+			</li>
+			<li class="share-button share-button--copy-link">
+				<a class="share-link share-link--copy" data-url="<?php echo get_the_permalink(); ?>" title="<?php echo __("Copier le lien", "dynamiques") ?>">
+					<img class="social-icon" src="<?php echo get_template_directory_uri() . '/resources/img/icons/carhop-social-lien.svg' ?>" alt="">
+				</a>
+			</li>
+		</ul>
+	</button>
+</div>

template-parts/compositions/autres-publications.php

@@ -0,0 +1,9 @@
+	<!-- #### AUTRES PUBLICATIONS #### -->
+	<?php
+	$composition_id = 2089;
+	$autres_publications_content = get_post_field('post_content', $composition_id);
+
+	if ($autres_publications_content) {
+		echo do_blocks($autres_publications_content);
+	}
+	?>

template-parts/header/primary-menu.php

@@ -44,7 +44,11 @@
 				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-rechercher.svg" alt="">
 				Rechercher
 			</button>
-			<a class="support-button" href="<?php echo home_url(); ?>/infolettre">
+			<?php
+			$soutenir_page_id = 1963
+
+			?>
+			<a class="support-button" href="<?php echo get_the_permalink($soutenir_page_id); ?>">
 				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="">
 				Soutenir
 			</a>

template-parts/post-types/actualites/archive-grid-toolbar.php

@@ -0,0 +1,66 @@
+<?php
+$current_post_type = $args['current_post_type'] ?? get_post_type();
+$posts_query = $args['posts_query'] ?? null;
+$post_count = $posts_query->post_count;
+$current_post_type_obj = get_post_type_object($current_post_type);
+
+$etiquette_active_filter_slug = $args['etiquette_active_filter_slug'] ?? null;
+
+$post_ids = wp_list_pluck($posts_query->posts, 'ID');
+
+$types = get_terms(array(
+    'taxonomy' => 'type',
+    'hide_empty' => true,
+));
+
+$authors = get_authors_linked_to_posts($post_ids);
+
+
+?>
+
+<div class="post-grid__toolbar">
+    <div class="search-by">
+        <p class="search-by__label">Filtrer par</p>
+        <div class="search-by__buttons">
+            <button data-filter="occurence" aria-selected="true">Mot clé</button>
+        </div>
+    </div>
+
+    <h2 class="post-count">
+        <span class="post-count__count">
+            <?php echo $post_count; ?>
+        </span>
+        <?php if ($post_count > 1) : ?>
+            <span class="post-count__text">
+                <?php echo $current_post_type_obj->labels->name; ?>
+            </span>
+        <?php else : ?>
+            <span class="post-count__text">
+                <?php echo $current_post_type_obj->labels->singular_name; ?>
+            </span>
+        <?php endif; ?>
+    </h2>
+
+    <div class="post-grid__toolbar-actions" data-post-type="<?php echo $current_post_type; ?>">
+        <div class="search-bar">
+            <input type="text" placeholder="<?php _e('Rechercher par mot-clé', 'dynamiques'); ?>">
+            <button class="search-bar__reset-button" id="reset-search">
+                <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-reset-search-cross-green.svg" alt="<?php _e('Réinitialiser', 'carhop'); ?>">
+            </button>
+        </div>
+
+
+        <select name="auteurs">
+            <option value=""><?php _e('Tous·tes les auteur·e·s', 'dynamiques'); ?></option>
+            <?php foreach ($authors as $author) : ?>
+                <option value="<?php echo $author->ID; ?>"><?php echo $author->post_title; ?></option>
+            <?php endforeach; ?>
+        </select>
+
+    </div>
+
+    <select name="sort_by">
+        <option value="date_desc" selected><?php _e('Voir les dernières actualités en premier', 'dynamiques'); ?></option>
+        <option value="date_asc"><?php _e('Voir les actualités anciennes en premier', 'dynamiques'); ?></option>
+    </select>
+</div>

template-parts/post-types/actualites/archive-grid.php

@@ -0,0 +1,52 @@
+<?php
+$post_amount = $args['post_amount'] ?? -1;
+$current_post_type = $args['current_post_type'] ?? get_post_type();
+
+// Récupérer le paramètre etiquette de l'URL
+$etiquette_slug = isset($_GET['etiquette']) ? sanitize_text_field($_GET['etiquette']) : '';
+
+
+// Construire les arguments de la query
+$query_args = array(
+	'post_type' => $current_post_type,
+	'posts_per_page' => $post_amount,
+	'post_status' => 'publish',
+);
+
+// Si on a une étiquette, ajouter le filtre taxonomy
+if (!empty($etiquette_slug)) {
+	$query_args['tax_query'] = array(
+		array(
+			'taxonomy' => 'etiquettes',
+			'field' => 'slug',
+			'terms' => $etiquette_slug,
+		),
+	);
+}
+
+
+$posts_query = new WP_Query($query_args);
+
+?>
+
+
+<section class="post-grid content-section <?php echo !empty($etiquette_slug) ? 'has-initial-filter' : '' ?>">
+	<div class="content-section__inner">
+
+		<?php get_template_part('template-parts/post-types/actualites/archive-grid-toolbar', null, array(
+			'posts_query' => $posts_query,
+			'current_post_type' => $current_post_type,
+			'etiquette_active_filter_slug' => $etiquette_slug,
+		)); ?>
+
+		<ul class="post-grid__list">
+			<?php if (isset($posts_query) && $posts_query->have_posts()) : ?>
+				<?php while ($posts_query->have_posts()) : $posts_query->the_post(); ?>
+					<?php get_template_part('template-parts/components/cards/post-card', null, array(
+						'ID' => get_the_ID(),
+					)); ?>
+				<?php endwhile; ?>
+			<?php endif; ?>
+		</ul>
+	</div>
+</section>

template-parts/post-types/actualites/archive-header.php

@@ -3,16 +3,14 @@
 $block_content = '<!-- wp:front-header/front-header -->
 <section class="wp-block-front-header-front-header alignfull block-front-header"><div class="front-header__innerblocks"><!-- wp:carhop-blocks/heading -->
 <div class="wp-block-carhop-blocks-heading carhop-heading carhop-heading--hierarchy-classic"><div class="carhop-heading__innerblocks"><!-- wp:heading {"textAlign":"center","level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|light"}}}},"textColor":"light"} -->
-<h1 class="wp-block-heading has-text-align-center has-light-color has-text-color has-link-color">historique</h1>
+<h1 class="wp-block-heading has-text-align-center has-light-color has-text-color has-link-color">Actualités</h1>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|light"}}}},"textColor":"light"} -->
-<p class="has-text-align-center has-light-color has-text-color has-link-color">Des origines militantes à la mémoire collective</p>
+<p class="has-text-align-center has-light-color has-text-color has-link-color">L’actualité du CARHOP</p>
 <!-- /wp:paragraph --></div></div>
 <!-- /wp:carhop-blocks/heading -->
-
-<!-- wp:paragraph {"align":"center"} -->
-<p class="has-text-align-center">L’équipe du CARHOP réunit des professionnel·le·s aux compétences variées – archivistique, recherche, animation, édition, informatique, administration – qui travaillent ensemble pour collecter, préserver et valoriser la mémoire ouvrière et sociale.</p>
-<!-- /wp:paragraph --></div></section>
+</div>
+</section>
 <!-- /wp:front-header/front-header -->';
 echo do_blocks($block_content);

theme.json

@@ -12,8 +12,8 @@
     "spacing": {
       "blockGap": true,
       "margin": {
-        "custom": true,
-        "individual": true
+        "custom": false,
+        "individual": false
       },
       "padding": {
         "custom": true,
@@ -98,6 +98,11 @@
           "name": "Light",
           "slug": "light",
           "color": "#F9FAFB"
+        },
+        {
+          "name": "Blanc",
+          "slug": "white",
+          "color": "#ffffff"
         }
       ]
     },
@@ -132,6 +137,16 @@
           "slug": "xxxl",
           "name": "3XL",
           "size": "1.875rem"
+        },
+        {
+          "slug": "title-h1",
+          "name": "Title H1",
+          "size": "3rem"
+        },
+        {
+          "slug": "title-h2",
+          "name": "Title H2",
+          "size": "2.5rem"
         }
       ]
     },