From 7d409fbd9bf6173f1d6a4ab22363ee8ce955b516 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 30 Aug 2023 18:11:34 +0200
Subject: [PATCH] slight changes

---
 blocks-status.php                             | 101 ++++++++++++++++++
 css/app.css                                   |  58 +++++++++-
 includes/rooting.php                          |   7 ++
 resources/css/blocks/focused-schema.css       |   0
 resources/css/blocks/vocabulaire-summary.css  |   5 +-
 .../editor-content/color-taxonomy-scheme.css  |  18 +++-
 6 files changed, 179 insertions(+), 10 deletions(-)
 create mode 100644 blocks-status.php
 create mode 100644 resources/css/blocks/focused-schema.css

diff --git a/blocks-status.php b/blocks-status.php
new file mode 100644
index 0000000..cfadc26
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/css/app.css b/css/app.css
index 0738f46..3c9e91d 100644
--- a/css/app.css
+++ b/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;
 }
 
diff --git a/includes/rooting.php b/includes/rooting.php
index fdeeb1c..2b563b3 100644
--- a/includes/rooting.php
+++ b/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();
+	}
 }
 
 
diff --git a/resources/css/blocks/focused-schema.css b/resources/css/blocks/focused-schema.css
new file mode 100644
index 0000000..e69de29
diff --git a/resources/css/blocks/vocabulaire-summary.css b/resources/css/blocks/vocabulaire-summary.css
index e2183ac..6dc6a9f 100644
--- a/resources/css/blocks/vocabulaire-summary.css
+++ b/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;
   }
diff --git a/resources/css/editor-content/color-taxonomy-scheme.css b/resources/css/editor-content/color-taxonomy-scheme.css
index a5b2bdf..4a6d63f 100644
--- a/resources/css/editor-content/color-taxonomy-scheme.css
+++ b/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 {