ajout de la possibilité de changer les syle de texte en pixel et vert. à vir si ça fonctionne dans le front

site/blueprints/pages/default.yml

@@ -9,6 +9,13 @@ columns:
         fields:
           text:
             type: writer
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
   sidebar:
     width: 1/3
     sections:

site/blueprints/pages/expertise.yml

@@ -15,6 +15,13 @@ tabs:
                 label: Titre
                 type: writer
                 nodes: false
+                marks:
+                  - bold
+                  - italic
+                  - underline
+                  - strike
+                  - green
+                  - pixel
                 required: true
                 help: "Ex: PLAY THE REAL."
               textes:

site/blueprints/pages/game.yml

@@ -23,6 +23,13 @@ columns:
           description:
             label: Description
             type: writer
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
 
   # Sidebar
   - width: 1/3

site/blueprints/pages/project.yml

@@ -25,10 +25,24 @@ columns:
             label: Phrase d'accroche
             type: writer
             nodes: false
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
             help: "Ex: Transformez votre lecture en aventure."
           description:
             label: Description
             type: writer
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
             help: Description complète du projet
 
       images:

site/plugins/custom-marks/assets/front.css

@@ -0,0 +1,24 @@
+/*
+ * Styles pour les marks personnalisés - Front-end
+ * À inclure dans ton CSS principal ou à importer
+ */
+
+/* Mark Green - Couleur verte */
+.green {
+    color: #04fea0;
+}
+
+/* Mark Pixel - Typo serif (remplacer par ta typo pixel) */
+.pixel {
+    font-family: Georgia, "Times New Roman", serif;
+    /* Remplace par ta font pixel, ex:
+    font-family: "Press Start 2P", cursive;
+    */
+}
+
+/* Combinaison des deux marks */
+.green.pixel,
+.pixel.green {
+    color: #04fea0;
+    font-family: Georgia, "Times New Roman", serif;
+}

site/plugins/custom-marks/index.css

@@ -0,0 +1,18 @@
+/* Styles pour les marks personnalisés dans le panel Kirby */
+
+/* Mark Green - Couleur verte */
+.k-writer span.green {
+    color: #04fea0;
+}
+
+/* Mark Pixel - Typo serif (placeholder pour future typo pixel) */
+.k-writer span.pixel {
+    font-family: Georgia, "Times New Roman", serif;
+}
+
+/* Combinaison des deux marks */
+.k-writer span.green.pixel,
+.k-writer span.pixel.green {
+    color: #04fea0;
+    font-family: Georgia, "Times New Roman", serif;
+}

site/plugins/custom-marks/index.js

@@ -0,0 +1,32 @@
+panel.plugin("custom/marks", {
+    writerMarks: {
+        green: {
+            button: {
+                icon: "brush",
+                label: "Vert"
+            },
+            commands() {
+                return () => this.toggle();
+            },
+            name: "green",
+            schema: {
+                parseDOM: [{ tag: "span.green" }],
+                toDOM: () => ["span", { class: "green" }, 0]
+            }
+        },
+        pixel: {
+            button: {
+                icon: "grid-full",
+                label: "Pixel"
+            },
+            commands() {
+                return () => this.toggle();
+            },
+            name: "pixel",
+            schema: {
+                parseDOM: [{ tag: "span.pixel" }],
+                toDOM: () => ["span", { class: "pixel" }, 0]
+            }
+        }
+    }
+});

site/plugins/custom-marks/index.php

@@ -0,0 +1,3 @@
+<?php
+
+Kirby::plugin('custom/marks', []);