slight changes

blocks-status.php

@@ -0,0 +1,101 @@
+<div class="container">
+	<h1>Statut des Blocks </h1>
+
+	<ul>
+		<li class="block is_to-test">
+			<h2 class="block-title">Bloc Question</h2>
+			<p class="slug">questions-container</p>
+			<p class="status">statut:</p>
+		</li>
+		<li class="block is_wip">
+			<h2 class="block-title">Schéma + légende</h2>
+			<p class="slug">focused-schema</p>
+			<p class="status">statut:</p>
+		</li>
+		<li class="block is_wip">
+			<h2 class="block-title">En tête de thématique + Focus</h2>
+			<p class="slug">focused-thematique</p>
+			<p class="status">statut:</p>
+		</li>
+		<li class="block is_wip">
+			<h2 class="block-title">Image Bannière</h2>
+			<p class="slug">picture-bannner</p>
+			<p class="status">statut:</p>
+		</li>
+		<li class="block is_wip">
+			<h2 class="block-title">Vocabulaire de la fiche</h2>
+			<p class="slug">vocabulaire-summary</p>
+			<p class="status">statut:</p>
+		</li>
+	</ul>
+
+</div>
+
+
+<style>
+	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
+
+	* {
+		font-family: 'Open Sans', sans-serif;
+		margin: 0;
+		padding: 0;
+	}
+
+	h1 {
+		font-weight: 600;
+		text-align: center;
+		padding: 50px;
+	}
+
+	h2 {
+		font-weight: 500;
+
+	}
+
+	.slug {
+		color: #a9a9a9;
+		font-size: 12px;
+		padding-bottom: 10px;
+	}
+
+	.container {
+		max-width: 400px;
+		margin: 0 auto;
+	}
+
+	ul {
+		list-style: none;
+		padding: 0;
+		padding-bottom: 200px;
+	}
+
+	li.block {
+		padding: 20px;
+		border-bottom: 1px solid #eaeaea;
+	}
+
+	li.block .status:after {
+		margin-left: 10px;
+	}
+
+	.is_ready {
+		color: green;
+	}
+
+	.is_to-test {
+		color: #4287f5;
+	}
+
+	.is_to-test .status:after {
+		content: " 🛃 À tester"
+
+	}
+
+	.is_wip {
+		color: #f5c242;
+	}
+
+	.is_wip .status:after {
+		content: "✴️ Work in Progress"
+	}
+</style>

css/app.css

@@ -3128,7 +3128,17 @@ header#main-header {
   background-color: rgb(223 241 255 / var(--tw-bg-opacity));
 }
 
-.entry-content--acoustique-coproprietes .chapter_index__position-indicator,  body.acoustique-coproprietes .chapter_index__position-indicator,  .post-conseil-page--acoustique-coproprietes .chapter_index__position-indicator,  .post-question-page--acoustique-coproprietes .chapter_index__position-indicator {
+.entry-content--acoustique-coproprietes .chapter_index__position-indicator,
+  .entry-content--acoustique-coproprietes homegrade-blocks-focus-point-bullet,
+  body.acoustique-coproprietes .chapter_index__position-indicator,
+  body.acoustique-coproprietes homegrade-blocks-focus-point-bullet,
+  .post-conseil-page--acoustique-coproprietes .chapter_index__position-indicator,
+  .post-conseil-page--acoustique-coproprietes homegrade-blocks-focus-point-bullet,
+  .post-question-page--acoustique-coproprietes .chapter_index__position-indicator,
+  .post-question-page--acoustique-coproprietes homegrade-blocks-focus-point-bullet {
+}
+
+ {
   --tw-bg-opacity: 1;
   background-color: rgb(36 94 242 / var(--tw-bg-opacity));
 }
@@ -3143,24 +3153,28 @@ header#main-header {
   .entry-content--energies-urbanisme h4, 
   .entry-content--energies-urbanisme h5, 
   .entry-content--energies-urbanisme h6, 
+  .entry-content--energies-urbanisme ol li::marker, 
   .entry-content--energies-urbanisme ul li::marker, 
   body.energies-urbanisme h2, 
   body.energies-urbanisme h3, 
   body.energies-urbanisme h4, 
   body.energies-urbanisme h5, 
   body.energies-urbanisme h6, 
+  body.energies-urbanisme ol li::marker, 
   body.energies-urbanisme ul li::marker, 
   .post-conseil-page--energies-urbanisme h2, 
   .post-conseil-page--energies-urbanisme h3, 
   .post-conseil-page--energies-urbanisme h4, 
   .post-conseil-page--energies-urbanisme h5, 
   .post-conseil-page--energies-urbanisme h6, 
+  .post-conseil-page--energies-urbanisme ol li::marker, 
   .post-conseil-page--energies-urbanisme ul li::marker, 
   .post-question-page--energies-urbanisme h2, 
   .post-question-page--energies-urbanisme h3, 
   .post-question-page--energies-urbanisme h4, 
   .post-question-page--energies-urbanisme h5, 
   .post-question-page--energies-urbanisme h6, 
+  .post-question-page--energies-urbanisme ol li::marker, 
   .post-question-page--energies-urbanisme ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(2 126 80 / var(--tw-text-opacity));
@@ -3197,24 +3211,28 @@ header#main-header {
   .entry-content--isolation-quotidien h4, 
   .entry-content--isolation-quotidien h5, 
   .entry-content--isolation-quotidien h6, 
+  .entry-content--isolation-quotidien ol li::marker, 
   .entry-content--isolation-quotidien ul li::marker, 
   body.isolation-quotidien h2, 
   body.isolation-quotidien h3, 
   body.isolation-quotidien h4, 
   body.isolation-quotidien h5, 
   body.isolation-quotidien h6, 
+  body.isolation-quotidien ol li::marker, 
   body.isolation-quotidien ul li::marker, 
   .post-conseil-page--isolation-quotidien h2, 
   .post-conseil-page--isolation-quotidien h3, 
   .post-conseil-page--isolation-quotidien h4, 
   .post-conseil-page--isolation-quotidien h5, 
   .post-conseil-page--isolation-quotidien h6, 
+  .post-conseil-page--isolation-quotidien ol li::marker, 
   .post-conseil-page--isolation-quotidien ul li::marker, 
   .post-question-page--isolation-quotidien h2, 
   .post-question-page--isolation-quotidien h3, 
   .post-question-page--isolation-quotidien h4, 
   .post-question-page--isolation-quotidien h5, 
   .post-question-page--isolation-quotidien h6, 
+  .post-question-page--isolation-quotidien ol li::marker, 
   .post-question-page--isolation-quotidien ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(194 69 3 / var(--tw-text-opacity));
@@ -3236,7 +3254,14 @@ header#main-header {
   background-color: rgb(255 251 236 / var(--tw-bg-opacity));
 }
 
-.entry-content--isolation-quotidien .chapter_index__position-indicator,  body.isolation-quotidien .chapter_index__position-indicator,  .post-conseil-page--isolation-quotidien .chapter_index__position-indicator,  .post-question-page--isolation-quotidien .chapter_index__position-indicator {
+.entry-content--isolation-quotidien .chapter_index__position-indicator, 
+  .entry-content--isolation-quotidien .homegrade-blocks-focus-point-bullet, 
+  body.isolation-quotidien .chapter_index__position-indicator, 
+  body.isolation-quotidien .homegrade-blocks-focus-point-bullet, 
+  .post-conseil-page--isolation-quotidien .chapter_index__position-indicator, 
+  .post-conseil-page--isolation-quotidien .homegrade-blocks-focus-point-bullet, 
+  .post-question-page--isolation-quotidien .chapter_index__position-indicator, 
+  .post-question-page--isolation-quotidien .homegrade-blocks-focus-point-bullet {
   --tw-bg-opacity: 1;
   background-color: rgb(194 69 3 / var(--tw-bg-opacity));
 }
@@ -3251,24 +3276,28 @@ header#main-header {
   .entry-content--patrimoine-renovation h4, 
   .entry-content--patrimoine-renovation h5, 
   .entry-content--patrimoine-renovation h6, 
+  .entry-content--patrimoine-renovation ol li::marker, 
   .entry-content--patrimoine-renovation ul li::marker, 
   body.patrimoine-renovation h2, 
   body.patrimoine-renovation h3, 
   body.patrimoine-renovation h4, 
   body.patrimoine-renovation h5, 
   body.patrimoine-renovation h6, 
+  body.patrimoine-renovation ol li::marker, 
   body.patrimoine-renovation ul li::marker, 
   .post-conseil-page--patrimoine-renovation h2, 
   .post-conseil-page--patrimoine-renovation h3, 
   .post-conseil-page--patrimoine-renovation h4, 
   .post-conseil-page--patrimoine-renovation h5, 
   .post-conseil-page--patrimoine-renovation h6, 
+  .post-conseil-page--patrimoine-renovation ol li::marker, 
   .post-conseil-page--patrimoine-renovation ul li::marker, 
   .post-question-page--patrimoine-renovation h2, 
   .post-question-page--patrimoine-renovation h3, 
   .post-question-page--patrimoine-renovation h4, 
   .post-question-page--patrimoine-renovation h5, 
   .post-question-page--patrimoine-renovation h6, 
+  .post-question-page--patrimoine-renovation ol li::marker, 
   .post-question-page--patrimoine-renovation ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(139 47 247 / var(--tw-text-opacity));
@@ -3290,7 +3319,14 @@ header#main-header {
   background-color: rgb(255 229 253 / var(--tw-bg-opacity));
 }
 
-.entry-content--patrimoine-renovation .chapter_index__position-indicator,  body.patrimoine-renovation .chapter_index__position-indicator,  .post-conseil-page--patrimoine-renovation .chapter_index__position-indicator,  .post-question-page--patrimoine-renovation .chapter_index__position-indicator {
+.entry-content--patrimoine-renovation .chapter_index__position-indicator, 
+  .entry-content--patrimoine-renovation .homegrade-blocks-focus-point-bullet, 
+  body.patrimoine-renovation .chapter_index__position-indicator, 
+  body.patrimoine-renovation .homegrade-blocks-focus-point-bullet, 
+  .post-conseil-page--patrimoine-renovation .chapter_index__position-indicator, 
+  .post-conseil-page--patrimoine-renovation .homegrade-blocks-focus-point-bullet, 
+  .post-question-page--patrimoine-renovation .chapter_index__position-indicator, 
+  .post-question-page--patrimoine-renovation .homegrade-blocks-focus-point-bullet {
   --tw-bg-opacity: 1;
   background-color: rgb(139 47 247 / var(--tw-bg-opacity));
 }
@@ -3305,24 +3341,28 @@ header#main-header {
   .entry-content--location h4, 
   .entry-content--location h5, 
   .entry-content--location h6, 
+  .entry-content--location ol li::marker, 
   .entry-content--location ul li::marker, 
   body.location h2, 
   body.location h3, 
   body.location h4, 
   body.location h5, 
   body.location h6, 
+  body.location ol li::marker, 
   body.location ul li::marker, 
   .post-conseil-page--location h2, 
   .post-conseil-page--location h3, 
   .post-conseil-page--location h4, 
   .post-conseil-page--location h5, 
   .post-conseil-page--location h6, 
+  .post-conseil-page--location ol li::marker, 
   .post-conseil-page--location ul li::marker, 
   .post-question-page--location h2, 
   .post-question-page--location h3, 
   .post-question-page--location h4, 
   .post-question-page--location h5, 
   .post-question-page--location h6, 
+  .post-question-page--location ol li::marker, 
   .post-question-page--location ul li::marker {
   --tw-text-opacity: 1;
   color: rgb(223 0 43 / var(--tw-text-opacity));
@@ -3344,7 +3384,14 @@ header#main-header {
   background-color: rgb(254 226 231 / var(--tw-bg-opacity));
 }
 
-.entry-content--location .chapter_index__position-indicator,  body.location .chapter_index__position-indicator,  .post-conseil-page--location .chapter_index__position-indicator,  .post-question-page--location .chapter_index__position-indicator {
+.entry-content--location .chapter_index__position-indicator, 
+  .entry-content--location .homegrade-blocks-focus-point-bullet, 
+  body.location .chapter_index__position-indicator, 
+  body.location .homegrade-blocks-focus-point-bullet, 
+  .post-conseil-page--location .chapter_index__position-indicator, 
+  .post-conseil-page--location .homegrade-blocks-focus-point-bullet, 
+  .post-question-page--location .chapter_index__position-indicator, 
+  .post-question-page--location .homegrade-blocks-focus-point-bullet {
   --tw-bg-opacity: 1;
   background-color: rgb(223 0 43 / var(--tw-bg-opacity));
 }
@@ -3980,10 +4027,13 @@ article > *:not(.entry-content, .chapter-header-block),
 }
 
 .homegrade-blocks-vocabulaire-summary {
+  border-radius: 1rem;
   background-color: rgb(239, 239, 239, 0.6);
+  padding: 3rem;
 }
 
 .homegrade-blocks-vocabulaire-summary details {
+  margin-bottom: 1rem;
   border-radius: 1rem;
 }
 

includes/rooting.php

@@ -10,6 +10,13 @@ function redirect_to_demo_components_page()
 		include(dirname(__DIR__, 1) . '/demo-components.php');
 		exit();
 	}
+	if ($_SERVER['REQUEST_URI'] == '/blocks-status') {
+		global $wp_query;
+		$wp_query->is_404 = false;
+		status_header(200);
+		include(dirname(__DIR__, 1) . '/blocks-status.php');
+		exit();
+	}
 }
 
 

resources/css/blocks/vocabulaire-summary.css

@@ -1,8 +1,9 @@
 .homegrade-blocks-vocabulaire-summary {
-  @apply bg-gray;
+  @apply bg-gray rounded-2xl p-12;
   details {
-    @apply rounded-2xl;
+    @apply rounded-2xl mb-4;
   }
+
   &__title {
     @apply text-3xl !text-black pb-6;
   }

resources/css/editor-content/color-taxonomy-scheme.css

@@ -17,7 +17,10 @@ body.acoustique-coproprietes,
     @apply bg-acoustique-coproprietes-light;
   }
 
-  .chapter_index__position-indicator {
+  .chapter_index__position-indicator,
+  homegrade-blocks-focus-point-bullet {
+  }
+   {
     @apply bg-acoustique-coproprietes;
   }
   .tooltip-word {
@@ -33,6 +36,7 @@ body.energies-urbanisme,
   h4,
   h5,
   h6,
+  ol li::marker,
   ul li::marker {
     @apply text-energies-urbanisme;
   }
@@ -57,6 +61,7 @@ body.isolation-quotidien,
   h4,
   h5,
   h6,
+  ol li::marker,
   ul li::marker {
     @apply text-isolation-quotidien;
   }
@@ -65,7 +70,8 @@ body.isolation-quotidien,
   .post-conseils-chapter-header {
     @apply bg-isolation-quotidien-light;
   }
-  .chapter_index__position-indicator {
+  .chapter_index__position-indicator,
+  .homegrade-blocks-focus-point-bullet {
     @apply bg-isolation-quotidien;
   }
   .tooltip-word {
@@ -81,6 +87,7 @@ body.patrimoine-renovation,
   h4,
   h5,
   h6,
+  ol li::marker,
   ul li::marker {
     @apply text-patrimoine-renovation;
   }
@@ -89,7 +96,8 @@ body.patrimoine-renovation,
   .post-conseils-chapter-header {
     @apply bg-patrimoine-renovation-light;
   }
-  .chapter_index__position-indicator {
+  .chapter_index__position-indicator,
+  .homegrade-blocks-focus-point-bullet {
     @apply bg-patrimoine-renovation;
   }
   .tooltip-word {
@@ -105,6 +113,7 @@ body.location,
   h4,
   h5,
   h6,
+  ol li::marker,
   ul li::marker {
     @apply text-location;
   }
@@ -113,7 +122,8 @@ body.location,
   .post-conseils-chapter-header {
     @apply bg-location-light;
   }
-  .chapter_index__position-indicator {
+  .chapter_index__position-indicator,
+  .homegrade-blocks-focus-point-bullet {
     @apply bg-location;
   }
   .tooltip-word {