ADD Create a new template for DBmob to display biographical entries and enhance project visibility

archive-dbmod.php

@@ -1,42 +0,0 @@
-<?php
-
-/**
- * The template for displaying archive pages for the dbmod post type
- */
-
-get_header(); ?>
-
-<div class="container">
-	<div class="row">
-		<div class="col-12">
-			<h1 class="archive-title"><?php echo post_type_archive_title('', false); ?></h1>
-		</div>
-	</div>
-
-	<div class="row">
-		<?php if (have_posts()) : ?>
-			<?php while (have_posts()) : the_post(); ?>
-				<div class="col-md-4 mb-4">
-					<?php get_template_part('template-parts/content', 'dbmod'); ?>
-				</div>
-			<?php endwhile; ?>
-
-			<div class="col-12">
-				<?php
-				the_posts_pagination(array(
-					'mid_size' => 2,
-					'prev_text' => __('Précédent', 'carhop'),
-					'next_text' => __('Suivant', 'carhop'),
-				));
-				?>
-			</div>
-
-		<?php else : ?>
-			<div class="col-12">
-				<?php get_template_part('template-parts/content', 'none'); ?>
-			</div>
-		<?php endif; ?>
-	</div>
-</div>
-
-<?php get_footer(); ?>

css/admin-style.css

@@ -4,4 +4,9 @@
 
 #menu-posts {
   border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+
+.block-editor-block-inspector .block-editor-link-control,
+  .block-editor-block-inspector .block-editor-url-input {
+  min-width: unset !important;
 }

footer.php

@@ -1,16 +1,16 @@
 </main>
 
-<?php do_action( 'tailpress_content_end' ); ?>
+<?php do_action('tailpress_content_end'); ?>
 
 
-<?php do_action( 'tailpress_content_after' ); ?>
+<?php do_action('tailpress_content_after'); ?>
+
+<footer id="colophon" class="site-footer" role="contentinfo">
+
+	<?php get_template_part('template-parts/footer'); ?>
+	<?php do_action('tailpress_footer'); ?>
 
-<footer id="colophon" class="site-footer bg-gray-50 py-12" role="contentinfo">
-	<?php do_action( 'tailpress_footer' ); ?>
 
-	<div class="container mx-auto text-center text-gray-500">
-		&copy; <?php echo date_i18n( 'Y' );?> - <?php echo get_bloginfo( 'name' );?>
-	</div>
 </footer>
 
 </div>

functions.php

@@ -7,6 +7,8 @@ require_once(__DIR__ . '/includes/post_types.php');
 require_once(__DIR__ . '/includes/admin.php');
 require_once(__DIR__ . '/includes/logos.php');
 require_once(__DIR__ . '/includes/collective-access-api.php');
+require_once(__DIR__ . '/includes/utilities.php');
+require_once(__DIR__ . '/includes/nawalker_fction.php');
 
 // require_once(__DIR__ . '/includes/widget.php');
 // require_once( __DIR__ . '/includes/taxonomy.php');

header.php

@@ -20,56 +20,27 @@
 
 		<?php do_action('tailpress_header'); ?>
 
-		<!-- <header id="primary-header">
+		<header id="primary-header">
-			<div class="primary-menu-container">
+			<div class="secondary-menu-container">
-				<div class="lg:flex lg:justify-between lg:items-center py-6">
+				<div class="secondary-menu-nav">
-					<div class="flex justify-between items-center">
-						<div>
-							<?php if (has_custom_logo()) { ?>
-							<?php the_custom_logo(); ?>
-							<?php } else { ?>
-							<a href="<?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
-								<?php echo get_bloginfo('name'); ?>
-							</a>
-
-							<p class="text-sm font-light text-gray-600">
-								<?php echo get_bloginfo('description'); ?>
-							</p>
-
-							<?php } ?>
-						</div>
-
-						<div class="lg:hidden">
-							<a href="#" aria-label="Toggle navigation" id="primary-menu-toggle">
-								<svg viewBox="0 0 20 20" class="inline-block w-6 h-6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-									<g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd">
-										<g id="icon-shape">
-											<path d="M0,3 L20,3 L20,5 L0,5 L0,3 Z M0,9 L20,9 L20,11 L0,11 L0,9 Z M0,15 L20,15 L20,17 L0,17 L0,15 Z" id="Combined-Shape"></path>
-										</g>
-									</g>
-								</svg>
-							</a>
-						</div>
-					</div>
-
 					<?php
 					wp_nav_menu(
 						array(
-							'container_id'    => 'primary-menu',
+							'container'    => 'false',
-							'container_class' => 'bg-primary mt-4 p-4 lg:mt-0 lg:p-0 lg:bg-transparent lg:block',
+							'theme_location'  => 'secondary',
-							'menu_class'      => 'lg:flex lg:-mx-4',
+							'li_class'        => 'menu-navlink',
-							'theme_location'  => 'primary',
-							'li_class'        => 'lg:mx-4 menu-navlink',
 							'fallback_cb'     => false,
 						)
-					);
+					); ?>
-					?>
-					<img class="close_btn" src="<?php echo get_template_directory_uri() . '/resources/img/close_menu_icon.svg' ?>" />
 				</div>
-			</div>
-		</header> -->
 
-		<header id="primary-header">
+				<div class="dynamiques-redirector">
+					<a href="<?php echo get_bloginfo('url'); ?>">
+						Revue Dynamiques
+					</a>
+				</div>
+
+			</div>
 			<div class="primary-menu-container lg:flex lg:justify-between lg:items-center">
 				<nav id="primary-menu-nav" class="flex justify-between items-center">
 					<div class="website_logo">

js/app.js

@@ -19,7 +19,6 @@
     });
     document.addEventListener("focusin", (e) => {
       const header2 = document.querySelector("#primary-header");
-      console.log(header2.contains(document.activeElement));
       if (header2.classList.contains("nav-open") && !header2.contains(document.activeElement)) {
         header2.classList.remove("nav-open");
         burgerMenuToggle.setAttribute("aria-expanded", false);
@@ -36,8 +35,6 @@
   }
 
   // resources/js/app.js
-  console.log("menuInit");
-  console.log("menuIniteeeee");
   window.addEventListener("load", function() {
     menuInit();
   });

resources/css/components/article-tag.css

@@ -0,0 +1,13 @@
+.article-tag {
+  @apply w-fit bg-transparent	px-3 py-2 relative;
+  &:after {
+    content: '';
+    @apply w-full h-full absolute top-0 left-1/2 border border-primary;
+    translate: -50% 0;
+    transform: perspective(800px) rotateY(10deg);
+  }
+
+  &:hover {
+    @apply bg-primary text-white;
+  }
+}

resources/css/layout/nav.css

@@ -9,6 +9,10 @@
 	2xl:px-32
  	my-0;
 
+  a {
+    @apply text-white;
+  }
+
   nav#primary-menu-nav {
     @apply max-w-screen-2xl w-full mx-auto;
   }
@@ -30,9 +34,7 @@
 			gap-x-2 
 			lg:gap-x-4 
 			xl:gap-x-8
-			pr-0
+			pr-0;
-			lg:pr-4
-			xl:pr-24;
     }
 
     /* Highlight using list element */
@@ -55,7 +57,7 @@
         @apply cursor-pointer
 				underline
 				underline-offset-8
-				text-secondary;
+				text-white;
       }
       a:focus {
         text-decoration: none;
@@ -91,6 +93,13 @@
         transform: rotate(180deg);
       }
     }
+
+    li.menu-item.has-page-icon {
+      @apply flex flex-col items-center justify-end gap-3;
+      .page_icon {
+        @apply w-5 h-5 object-contain object-center;
+      }
+    }
     li.menu-item.menu-item-has-children:hover {
       @screen lg {
         .menu-item-submenu-toggle:after {
@@ -135,6 +144,19 @@
     }
   }
 }
+.secondary-menu-container {
+  @apply bg-primary flex justify-between items-center px-8 
+	2xl:px-32;
+  a {
+    @apply text-white;
+  }
+
+  .secondary-menu-nav {
+    ul {
+      @apply flex justify-between gap-4;
+    }
+  }
+}
 button#burger-menu-toggle {
   @apply lg:hidden 
 	absolute

template-parts/template-dbmob.php

@@ -0,0 +1,48 @@
+<?php
+
+/* Template Name: DBmob */
+
+
+get_header(); ?>
+
+<div class="archive-dbmob">
+	<div class="container">
+		<div class="page-heading">
+			<h1>
+				<span class="acronyme">DBMOB</span>
+				<span class="explanation"> Dictionnaire biographique du mouvement ouvrier en Belgique</span>
+			</h1>
+			<p>Découvrez notre rôle au sein du projet DBMOB et explorez les notices biographiques réalisées par l’équipe du CARHOP. Ces portraits de militant·e·s retracent leurs engagements et contributions. </p>
+		</div>
+
+		<div class="post-grid">
+
+			<?php if (have_posts()) : ?>
+				<?php while (have_posts()) : the_post(); ?>
+					<?php get_template_part('template-parts/content', 'dbmod'); ?>
+				<?php endwhile; ?>
+		</div>
+
+
+		<div class="pagination">
+			<?php
+				the_posts_pagination(array(
+					'mid_size' => 2,
+					'prev_text' => __('Précédent', 'carhop'),
+					'next_text' => __('Suivant', 'carhop'),
+				));
+			?>
+		</div>
+
+	<?php else : ?>
+		<div class="col-12">
+			<?php get_template_part('template-parts/content', 'none'); ?>
+		</div>
+	<?php endif; ?>
+
+	</div>
+
+</div>
+
+
+<?php get_footer(); ?>

theme.json

@@ -12,7 +12,17 @@
         {
           "name": "Primary",
           "slug": "primary",
-          "color": "#404F8E"
+          "color": "#136F63"
+        },
+        {
+          "name": "Carhop Orange",
+          "slug": "carhop-orange",
+          "color": "#ffa630"
+        },
+        {
+          "name": "Carhop Purple",
+          "slug": "carhop-purple",
+          "color": "#d6c3ff"
         },
         {
           "name": "Secondary",