From 6e27c1c53bd360c9ef6121e08143a63a396ce2cc Mon Sep 17 00:00:00 2001 From: antonin gallon Date: Wed, 14 Jan 2026 16:25:06 +0100 Subject: [PATCH] =?UTF-8?q?ajout=20de=20la=20possibilit=C3=A9=20de=20chang?= =?UTF-8?q?er=20les=20syle=20de=20texte=20en=20pixel=20et=20vert.=20=C3=A0?= =?UTF-8?q?=20vir=20si=20=C3=A7a=20fonctionne=20dans=20le=20front?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- site/blueprints/pages/default.yml | 7 +++++ site/blueprints/pages/expertise.yml | 7 +++++ site/blueprints/pages/game.yml | 7 +++++ site/blueprints/pages/project.yml | 14 ++++++++++ site/plugins/custom-marks/assets/front.css | 24 ++++++++++++++++ site/plugins/custom-marks/index.css | 18 ++++++++++++ site/plugins/custom-marks/index.js | 32 ++++++++++++++++++++++ site/plugins/custom-marks/index.php | 3 ++ 8 files changed, 112 insertions(+) create mode 100644 site/plugins/custom-marks/assets/front.css create mode 100644 site/plugins/custom-marks/index.css create mode 100644 site/plugins/custom-marks/index.js create mode 100644 site/plugins/custom-marks/index.php diff --git a/site/blueprints/pages/default.yml b/site/blueprints/pages/default.yml index 8a36a7a..eaf29ff 100644 --- a/site/blueprints/pages/default.yml +++ b/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: diff --git a/site/blueprints/pages/expertise.yml b/site/blueprints/pages/expertise.yml index 5e787f9..a81dbcd 100644 --- a/site/blueprints/pages/expertise.yml +++ b/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: diff --git a/site/blueprints/pages/game.yml b/site/blueprints/pages/game.yml index 204b53b..7de0dbb 100644 --- a/site/blueprints/pages/game.yml +++ b/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 diff --git a/site/blueprints/pages/project.yml b/site/blueprints/pages/project.yml index e6147a7..552c635 100644 --- a/site/blueprints/pages/project.yml +++ b/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: diff --git a/site/plugins/custom-marks/assets/front.css b/site/plugins/custom-marks/assets/front.css new file mode 100644 index 0000000..458071f --- /dev/null +++ b/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; +} diff --git a/site/plugins/custom-marks/index.css b/site/plugins/custom-marks/index.css new file mode 100644 index 0000000..4a8cda9 --- /dev/null +++ b/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; +} diff --git a/site/plugins/custom-marks/index.js b/site/plugins/custom-marks/index.js new file mode 100644 index 0000000..63e7467 --- /dev/null +++ b/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] + } + } + } +}); diff --git a/site/plugins/custom-marks/index.php b/site/plugins/custom-marks/index.php new file mode 100644 index 0000000..9e913ab --- /dev/null +++ b/site/plugins/custom-marks/index.php @@ -0,0 +1,3 @@ +