archive-revues.php

@@ -23,7 +23,7 @@ Chaque parution propose un dossier thématique nourri de contributions plurielle
 
 <!-- #### EXPLORE TAGS #### -->
 <?php
-$block_content = '<!-- wp:carhop-blocks/explore-tags /-->';
+$block_content = '<!-- wp:dynamiques-blocks/explore-tags /-->';
 echo do_blocks($block_content);
 ?>
 

resources/css/blocks/explore-tags.css

@@ -0,0 +1,50 @@
+.explore-tags {
+  @apply bg-carhop-purple-100 py-24 px-4 md:px-12 xl:px-24;
+  &.alignfull {
+    @apply !my-0;
+  }
+  .inner {
+    @apply max-w-screen-2xl mx-auto;
+    @apply lg:flex gap-16 xl:gap-32;
+  }
+
+  &__subtitle {
+    br {
+      display: none;
+    }
+    @screen lg {
+      br {
+        display: block;
+      }
+    }
+  }
+  .tag-list {
+    @apply flex gap-6 flex-wrap;
+
+    &__tag {
+      @apply text-lg font-normal border border-primary p-4 h-fit flex items-center gap-2;
+      svg {
+        transition: transform 0.3s ease-in-out;
+        @apply w-8 h-8;
+        circle {
+          @apply fill-primary stroke-transparent;
+        }
+        path {
+          @apply stroke-white;
+        }
+      }
+      &:hover {
+        @apply bg-primary text-white;
+        svg {
+          transform: rotate(90deg);
+          circle {
+            @apply fill-white;
+          }
+          path {
+            @apply stroke-primary;
+          }
+        }
+      }
+    }
+  }
+}

resources/css/components/authors-list.css

@@ -0,0 +1,12 @@
+.authors-list {
+  @apply mb-20;
+  &__title {
+    @apply text-3xl font-medium mb-4 uppercase;
+  }
+  &__article-title {
+    @apply mb-8  underline underline-offset-8 decoration-1 opacity-90;
+  }
+  .author-card {
+    @apply mb-8;
+  }
+}

template-parts/articles/articles-grid.php

@@ -88,25 +88,20 @@ $thematiques = get_terms(array(
 
 
 
+
 		</div>
 
 		<ul class="post-grid__list">
 			<?php if ($articles->have_posts()) : ?>
 				<?php while ($articles->have_posts()) : $articles->the_post(); ?>
-					<?php get_template_part('template-parts/components/cards/post-card', null, array(
+					<?php get_template_part('template-parts/articles/card-article', null, array(
+						'date' => get_the_date(),
+						'ThumbnailFocalPosition' => safe_get_thumbnail_focal_point_css(),
+						'image' => get_the_post_thumbnail_url(),
+						'link' => get_the_permalink(),
 						'ID' => get_the_ID(),
-						'showTags' => false,
+						'showAuthors' => true,
 					)); ?>
-					<?php 
-					// get_template_part('template-parts/articles/card-article', null, array(
-					// 	'date' => get_the_date(),
-					// 	'ThumbnailFocalPosition' => safe_get_thumbnail_focal_point_css(),
-					// 	'image' => get_the_post_thumbnail_url(),
-					// 	'link' => get_the_permalink(),
-					// 	'ID' => get_the_ID(),
-					// 	'showAuthors' => true,
-					// )); 
-					?>
 				<?php endwhile; ?>
 			<?php endif; ?>
 		</ul>

template-parts/articles/card-article.php

@@ -13,7 +13,7 @@ $authors = get_field('authors', $ID);
 
 ?>
 
-<a href="<?php echo $link; ?>" class="post-card post-card--article post-card--has-numerotation <?php echo $cover ? 'has-cover post-card--has-cover post-card--has-thumbnail' : ''; ?>">
+<a href="<?php echo $link; ?>" class="post-card post-card--article <?php echo $cover ? 'has-cover' : ''; ?>">
 
 	<?php if ($cover) : ?>
 		<div class="post-card__cover">
@@ -25,7 +25,6 @@ $authors = get_field('authors', $ID);
 			?>
 		</div>
 	<?php endif; ?>
-
 	<div class="post-card__content">
 		<div class="content-meta">
 			<span class="content-meta__type content-meta__type--article">Article</span>

template-parts/components/explore-tags.php

@@ -1,5 +1,5 @@
 <!-- #### EXPLORE TAGS #### -->
 <?php
-$block_content = '<!-- wp:carhop-blocks/explore-tags /-->';
+$block_content = '<!-- wp:dynamiques-blocks/explore-tags /-->';
 echo do_blocks($block_content);
 ?>