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

site/blueprints/files/member.yml

@@ -2,7 +2,7 @@ title: Membre de l'équipe
 accept: image/*
 
 fields:
-  name:
+  member_name:
     label: Nom
     type: text
     required: true

site/blueprints/pages/about.yml

@@ -39,22 +39,7 @@ tabs:
             size: medium
             template: member
             image:
-              ratio: 1/1
+              ratio: 2/3
               cover: true
+            text: "{{ file.member_name }}"
             info: "{{ file.role }}"
-  # SEO
-  seo:
-    label: SEO
-    icon: search
-    sections:
-      meta:
-        type: fields
-        fields:
-          meta_title:
-            label: Meta Title
-            type: text
-          meta_description:
-            label: Meta Description
-            type: textarea
-            size: small
-            maxlength: 160

site/blueprints/pages/article.yml

@@ -26,8 +26,12 @@ tabs:
             fields:
               intro:
                 label: Introduction
-                type: textarea
-                size: small
+                type: writer
+                nodes:
+                  - heading
+                headings:
+                  - 1
+                buttons: false
                 help: "Résumé ou accroche de l'article"
 
           # Contenu
@@ -73,8 +77,11 @@ tabs:
               cover:
                 label: Image de couverture
                 type: files
+                layout: cards
                 max: 1
                 accept: image/*
+                image:
+                  ratio: 16/9
                 uploads:
                   template: image
 
@@ -88,16 +95,3 @@ tabs:
                 query: site.find('blog').children.listed
                 max: 3
                 help: "Articles similaires à afficher en bas de page"
-
-  # SEO
-  seo:
-    type: fields
-    fields:
-      meta_title:
-        label: Meta Title
-        type: text
-      meta_description:
-        label: Meta Description
-        type: textarea
-        size: small
-        maxlength: 160

site/blueprints/pages/blog.yml

@@ -29,9 +29,4 @@ tabs:
         template: article
         info: "{{ page.date.toDate('d/m/Y') }}"
         create: article
-        sortBy: date desc
-
-  # SEO
-  seo:
-    label: SEO
-    icon: search
+        sortBy: date desc

site/blueprints/pages/default.yml

@@ -8,8 +8,14 @@ columns:
         type: fields
         fields:
           text:
-            type: textarea
-            size: huge
+            type: writer
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
   sidebar:
     width: 1/3
     sections:

site/blueprints/pages/expertise.yml

@@ -13,7 +13,15 @@ tabs:
             fields:
               title:
                 label: Titre
-                type: text
+                type: writer
+                nodes: false
+                marks:
+                  - bold
+                  - italic
+                  - underline
+                  - strike
+                  - green
+                  - pixel
                 required: true
                 help: "Ex: PLAY THE REAL."
               textes:
@@ -23,19 +31,3 @@ tabs:
                   text_bloc:
                     label: bloc de texte
                     type: text
-  # SEO
-  seo:
-    label: SEO
-    icon: search
-    sections:
-      meta:
-        type: fields
-        fields:
-          meta_title:
-            label: Meta Title
-            type: text
-          meta_description:
-            label: Meta Description
-            type: textarea
-            size: small
-            maxlength: 160

site/blueprints/pages/game.yml

@@ -22,8 +22,14 @@ columns:
         fields:
           description:
             label: Description
-            type: textarea
-            size: medium
+            type: writer
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
 
   # Sidebar
   - width: 1/3

site/blueprints/pages/home.yml

@@ -18,8 +18,9 @@ tabs:
                 required: true
               subtitle:
                 label: Sous-titre
-                type: textarea
-                size: small
+                type: writer
+                marks: false
+                nodes: false
               cta_text:
                 width: 1/2
                 label: Texte du bouton CTA
@@ -46,19 +47,3 @@ tabs:
                   cover: true
                 uploads:
                   template: video
-  # SEO
-  seo:
-    label: SEO
-    icon: search
-    sections:
-      meta:
-        type: fields
-        fields:
-          meta_title:
-            label: Meta Title
-            type: text
-          meta_description:
-            label: Meta Description
-            type: textarea
-            size: small
-            maxlength: 160

site/blueprints/pages/jouer.yml

@@ -16,8 +16,3 @@ tabs:
         template: game
         info: "{{ page.status_label }}"
         create: game
-
-  # SEO
-  seo:
-    label: SEO
-    icon: search

site/blueprints/pages/portfolio.yml

@@ -17,20 +17,3 @@ tabs:
         template: project
         info: "{{ page.catchphrase }}"
         create: project
-
-  # SEO
-  seo:
-    label: SEO
-    icon: search
-    sections:
-      meta:
-        type: fields
-        fields:
-          meta_title:
-            label: Meta Title
-            type: text
-          meta_description:
-            label: Meta Description
-            type: textarea
-            size: small
-            maxlength: 160

site/blueprints/pages/project.yml

@@ -23,12 +23,26 @@ columns:
         fields:
           catchphrase:
             label: Phrase d'accroche
-            type: text
+            type: writer
+            nodes: false
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
             help: "Ex: Transformez votre lecture en aventure."
           description:
             label: Description
-            type: textarea
-            size: medium
+            type: writer
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
             help: Description complète du projet
 
       images:
@@ -54,6 +68,7 @@ columns:
             type: files
             layout: cards
             max: 1
+            size: small
             accept: image/*
             image:
               ratio: 1/1

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', []);