FEATURE Refining style

functions.php

@@ -14,6 +14,7 @@ require_once(__DIR__ . '/includes/forms.php');
 require_once(__DIR__ . '/includes/rapport-activites.php');
 require_once(__DIR__ . '/includes/equipe.php');
 require_once(__DIR__ . '/includes/navwalker.php');
+require_once(__DIR__ . '/includes/post-type-analyses-etudes.php');
 
 // require_once(__DIR__ . '/includes/widget.php');
 // require_once( __DIR__ . '/includes/taxonomy.php');

includes/utilities.php

@@ -35,6 +35,10 @@ function get_archive_page_icon_html($post_type)
 			return '<img class="page_icon"  src="' . get_template_directory_uri() . '/resources/img/icons/icon-analyses-etudes.svg" alt="Analyses et études" />';
 		case 'revues':
 			return '<img class="page_icon"  src="' . get_stylesheet_directory_uri() . '/resources/img/icons/revues.svg" alt="Revues" />';
+		case 'expositions':
+			return '<img class="page_icon"  src="' . get_template_directory_uri() . '/resources/img/icons/icon-expositions.svg" alt="Expositions" />';
+		case 'outils-pedagogiques':
+			return '<img class="page_icon"  src="' . get_template_directory_uri() . '/resources/img/icons/icon-outils-pedagogiques.svg" alt="Outils pédagogiques" />';
 		default:
 			return '';
 	}
@@ -46,6 +50,10 @@ function get_archive_page_subtitle_html($post_type)
 	switch ($post_type) {
 		case 'analyses-etudes':
 			return '<span class="page_subtitle">Accédez à nos recherches et publications thématiques.</span>';
+		case 'outils-pedagogiques':
+			return '<span class="page_subtitle">Des ressources pour apprendre et transmettre autrement.</span>';
+		case 'expositions':
+			return '<span class="page_subtitle">Découvrez nos expositions passées et actuelles.</span>';
 		case 'revues':
 			return '<span class="page_subtitle">Accédez à nos revues et publications</span>	';
 		default:

resources/css/app.css

@@ -36,6 +36,9 @@
 @import './components/search-module.css';
 @import './components/author-card.css';
 @import './components/tablist.css';
+@import './components/post-card.css';
+@import './components/post-grid.css';
+@import './components/card-analyse-etude.css';
 
 /* ########### EDITOR CONTENT ############ */
 @import './editor-content/entry-content.css';
@@ -50,8 +53,11 @@
 @import './layout/footer.css';
 @import './layout/section.css';
 @import './layout/gutenberg.css';
+
 /* ########### PAGES ############ */
 @import './pages/archive-dbmob.css';
+@import './pages/archive-analyses-etudes.css';
+@import './pages/archives.css';
 
 /* ########### BLOCKS ############ */
 @import './blocks/blocks-spacing.css';

resources/css/components/post-card.css

@@ -0,0 +1,31 @@
+.post-card {
+  @apply bg-white border border-primary p-6;
+  h3.card__title {
+    @apply mb-6;
+  }
+  .card__details {
+    @apply flex flex-col gap-3;
+  }
+
+  time.date {
+    @apply text-primary capitalize;
+  }
+  .author {
+    @apply text-primary;
+  }
+
+  &__authors {
+    /* @apply flex flex-wrap gap-2; */
+    @apply flex flex-wrap gap-x-8 gap-y-2;
+    li {
+      @apply text-lg flex items-center gap-2;
+
+      &::before {
+        @apply w-6 h-6 block rounded-full bg-no-repeat bg-center bg-contain;
+        content: '';
+        background-image: url('../resources/img/icons/carhop-plume.svg');
+        @apply filter-primary;
+      }
+    }
+  }
+}

resources/css/forms/gravity-forms.css

@@ -70,6 +70,8 @@ body.front-end {
     --gf-form-validation-padding-y: 16px;
     --gf-form-validation-shadow: none;
 
+    --gf-field-pg-steps-number-radius: 0;
+
     h2.gform_submission_error {
       @apply justify-center;
     }
@@ -295,3 +297,40 @@ body.front-end {
 .gform_confirmation_wrapper {
   @apply bg-white rounded-3xl px-8 py-4 text-primary;
 }
+
+.content-box--bg-dark {
+  h2:not(.wp-block-heading) {
+    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;
+    }
+    .gform-field-label gform-field-label--type-sub {
+      @apply !text-green-400;
+    }
+    /* span {
+      @apply !text-green-400;
+    } */
+  }
+}
+
+.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_step_pending {
+  opacity: 0.5 !important;
+}