FEATURE Introducing component

resources/css/components/post-header.css

@@ -10,6 +10,11 @@
     @apply uppercase font-medium text-4xl md:text-5xl lg:text-5xl text-white;
     line-height: 1.2;
   }
+
+  &__authors-list {
+    @apply flex flex-wrap gap-x-6 gap-y-2;
+  }
+  &__publication-director,
   &__main-author,
   &__first-author {
     @apply text-white font-light tracking-wide  flex items-center gap-3 mt-4;
@@ -24,6 +29,10 @@
     }
   }
 
+  &__publication-director::before {
+    background-image: url('../resources/img/icons/carhop-auteur-directeur.svg');
+  }
+
   &__first-author::before {
     background-image: url('../resources/img/icons/carhop-plume2.svg');
   }

resources/css/pages/singles.css

@@ -13,11 +13,13 @@
 
   .content-wrapper {
     &[data-active-tab='post'] {
+      .post-informations,
       #post-authors {
         @apply hidden;
       }
     }
     &[data-active-tab='authors'] {
+      .post-informations,
       .post-content {
         @apply hidden;
       }

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

@@ -0,0 +1,19 @@
+<?php
+$post_ID = $args['ID'] ?? get_the_ID();
+$post_parution_date = get_the_date('F Y', $post_ID);
+$post_updated_date = get_post_meta(get_the_ID(), 'article_modification_date', true);
+?>
+
+
+<div class="post-informations">
+	<h3 class="content-tab__title">Informations</h3>
+
+	<div class="issue-informations">
+		<?php if ($post_parution_date) : ?>
+			<div class="issue-parution-date">
+				<h5 class="issue-parution-date__label title-small">Parution</h5>
+				<time class="issue-parution-date__value" datetime="<?php echo $post_parution_date; ?>"><?php echo $post_parution_date ?></time>
+			</div>
+		<?php endif; ?>
+	</div>
+</div>