FEEDBACK Refining aspects

resources/css/app.css

@@ -58,6 +58,8 @@
 @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,6 +34,7 @@ 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;
+    @apply max-w-3xl relative;
     p {
       @apply text-neutral-600 max-w-xl mb-2;
     }
@@ -54,7 +54,7 @@
   }
 
   &__cover {
-    @apply object-contain;
+    @apply object-contain relative;
     min-width: 0;
     flex-shrink: 1;
     max-width: 100%; /* Empêche de dépasser son conteneur */

resources/css/blocks/dernieres-dynamiques.css

@@ -139,8 +139,9 @@
       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 md:flex justify-between items-center gap-4;
+    @apply flex flex-col md:flex-row md:justify-between md:items-center gap-4 gap-y-8;
 
     #discover-all-revues {
       @apply internal-link-with-icon;

resources/css/blocks/sitemap.css

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

template-parts/footer.php

@@ -29,6 +29,15 @@
 			<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>
@@ -67,20 +76,18 @@
 	</li>
 </ul>
 
-<div class="mentions">
+<ul class="mentions">
-	<ul>
+	<li>
-		<li>
+		<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
-			<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
+	</li>
-		</li>
+	<li>
-		<li>
+		<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
-			<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
+	</li>
-		</li>
+	<li>
-		<li>
+		<p>Accessibilité : conforme</a>
-			<p>Acessibilité : conforme</a>
+	</li>
-		</li>
+	<li class="deligraph_credit">
-		<li class="deligraph_credit">
+		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>
-			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>
-		</li>
 
-	</ul>
+</ul>
-</div>