resources/css/app.css

@@ -58,8 +58,6 @@
 @import './blocks/gallery.css';
 @import './blocks/content-card.css';
 @import './blocks/card-grid.css';
-@import './blocks/sitemap.css';
-
 
 /* ########### LIBS ############ */
 @import './libs/swiper.css';

resources/css/base/links.css

@@ -34,7 +34,6 @@ a[target='_blank'] {
   @apply flex items-center;
   transition: transform 0.3s ease-out;
   &:after {
-    flex-shrink: 0;
     transition: transform 0.3s ease-out;
     @apply content-[''] w-10 h-10 ml-2 inline-block;
     background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');

resources/css/blocks/chapter-section.css

@@ -31,7 +31,7 @@
   }
 
   &__content {
-    @apply max-w-3xl relative;
+    @apply max-w-3xl;
     p {
       @apply text-neutral-600 max-w-xl mb-2;
     }
@@ -54,7 +54,7 @@
   }
 
   &__cover {
-    @apply object-contain relative;
+    @apply object-contain;
     min-width: 0;
     flex-shrink: 1;
     max-width: 100%; /* Empêche de dépasser son conteneur */

resources/css/blocks/dernieres-dynamiques.css

@@ -139,9 +139,8 @@
       z-index: 0;
       /* opacity: 0.5; */
       top: 100px;
-
+      height: calc(100% - 150px);
       @screen lg {
-        height: calc(100% - 150px);
         transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg)
           rotateZ(-2deg) rotateY(-4deg) scaleX(1.98);
       }

resources/css/blocks/revues-precedentes.css

@@ -11,7 +11,7 @@
     @apply mb-16;
   }
   .swiper-actions-wrapper {
-    @apply flex flex-col md:flex-row md:justify-between md:items-center gap-4 gap-y-8;
+    @apply md:flex justify-between items-center gap-4;
 
     #discover-all-revues {
       @apply internal-link-with-icon;

resources/css/blocks/sitemap.css

@@ -1,32 +1,5 @@
 .sitemap {
-  h1.sitemap__title,
+  @apply bg-primary-light;
-  h2,
-  h3 {
-    color: var(---content-box-text-color) !important;
-  }
-  h1.sitemap__title {
-    @apply text-center uppercase tracking-widest mb-32;
-  }
-  h2.website-title {
-    @apply mb-4 !font-semibold !tracking-widest;
-  }
-  h3.menu-title {
-    @apply font-normal uppercase tracking-widest text-4xl;
-  }
-
-  ul {
-    @apply mt-12 grid md:grid-cols-2 lg:grid-cols-3 gap-12;
-    li {
-      @apply list-none text-center;
-      a {
-        @apply flex flex-col items-center justify-center underline underline-offset-4;
-      }
-    }
-  }
-
-  .website-menu-list {
-    @apply mb-32;
-  }
 }
 
 .sitemap__inner {

resources/css/layout/footer.css

@@ -58,13 +58,7 @@ footer {
     }
   }
 
-  .socials {
+  .credits {
-    a {
-      @apply block;
-    }
-  }
-
-  ul.credits {
     @apply w-full grid gap-y-12 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2; /* Mobile-first: 1 column */
 
     @screen lg {
@@ -73,19 +67,14 @@ footer {
       grid-template-rows: repeat(2, auto);
       grid-template-columns: repeat(4, 1fr);
 
-      /* > :first-child {
+      > :first-child {
         grid-row: span 2;
-      } */
+      }
-    }
-    h3 {
-      @apply nunito;
     }
   }
-
+  .socials {
-  ul.mentions {
+    a {
-    @apply w-full grid gap-y-6 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2 pt-12;
+      @apply block;
-    @screen lg {
-      grid-template-columns: repeat(4, 1fr);
     }
   }
 
@@ -103,17 +92,19 @@ footer {
         filter: brightness(1.3);
       }
     }
-
+    ul {
-    li {
+      @apply w-full flex flex-col lg:flex-row flex-wrap gap-x-4 justify-between pt-12;
-      @apply text-primary;
+      li {
-    }
+        @apply text-primary;
-    li.deligraph_credit {
+      }
-      @apply flex gap-x-1 items-center;
+      li.deligraph_credit {
-      img {
+        @apply flex gap-x-1 items-center;
-        transition: all 0.5s;
+        img {
-        @apply w-5 h-5 filter-primary;
+          transition: all 0.5s;
-        animation: fade-in-out 3.5s linear infinite;
+          @apply w-5 h-5 filter-primary;
-        /* scale: 1.2; */
+          animation: fade-in-out 3.5s linear infinite;
+          /* scale: 1.2; */
+        }
       }
     }
   }

template-parts/footer.php

@@ -29,15 +29,6 @@
 			<a href="tel:+3267485861">+32 67 48 58 61</a>
 		</p>
 	</li>
-	<li class="activity-report">
-		<h3 class="section-title">Rapport d’activité</h3>
-		<p>
-			<a href="mailto:info@carhop.be">info@carhop.be</a>
-		</p>
-		<p>
-			<a href="tel:+3267485861">+32 67 48 58 61</a>
-		</p>
-	</li>
 
 	<li class="siege-social">
 		<h3 class="section-title">siège social et d'activités </h3>
@@ -76,18 +67,20 @@
 	</li>
 </ul>
 
-<ul class="mentions">
+<div class="mentions">
-	<li>
+	<ul>
-		<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
+		<li>
-	</li>
+			<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
-	<li>
+		</li>
-		<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
+		<li>
-	</li>
+			<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
-	<li>
+		</li>
-		<p>Accessibilité : conforme</a>
+		<li>
-	</li>
+			<p>Acessibilité : conforme</a>
-	<li class="deligraph_credit">
+		</li>
-		Concocté avec <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="amour" /> par <a href="https://deligraph.com/" target="_blank" class="no-external-icon">Deligraph</a>
+		<li class="deligraph_credit">
-	</li>
+			Concocté avec <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="amour" /> par <a href="https://www.deligraph.be" target="_blank" class="no-external-icon">Deligraph</a>
+		</li>
 
-</ul>
+	</ul>
+</div>