personalisation du pane: corection du plugin de font personalisé

assets/css/custom-panel.css

@@ -0,0 +1,99 @@
+@font-face {
+    font-family: 'Terminal Grotesque';
+    src: url('fonts/terminal-grotesque.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Danzza';
+    src: url('fonts/Danzza-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Danzza';
+    src: url('fonts/Danzza-Regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Danzza';
+    src: url('fonts/Danzza-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Danzza';
+    src: url('fonts/Danzza-Bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
+:root{
+    --font-title: 'Terminal Grotesque', sans-serif;
+    --font-body: 'Danzza', sans-serif;
+
+    /*dé commenter pour ajouter leur font*/
+    /*font récuperer via leur site donc je ne sais pas quel est la licence*/
+    /* --font-sans: 'Danzza', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
+    
+    --text-h1: 3em;
+
+    --color-green-perso: #04fea0;
+
+    --color-black: #0B1632;
+    --color-white: #ffffff;
+
+    --color-gray-200: #BCCAF0;
+    --color-gray-100:  #BCCAF0;
+    --color-gray-250:  #8BA3E5;
+    --color-gray-300:  #7A95E1;
+    --color-gray-400:  #597BD9;
+    --color-gray-500: #3761D2;
+    --color-gray-600: #224196;
+    --color-gray-700:  #1A3274;
+    --color-gray-800: #172C64;
+    --color-gray-850:  #132553;
+    --color-gray-900:  #0e1e43;
+    --color-gray-950: #0d1a38;
+
+    --button-cancel-filled-color-back: light-dark( var(--color-gray-300), var(--color-gray-950) );
+    --color-icon-perso: light-dark( var(--color-gray-700), var(--color-gray-400) );
+
+    --color-border: light-dark(var(--color-gray-300), var(--color-gray-600));
+    --dropdown-color-hr:var(--color-gray-800);
+
+    --color-focus: var(--color-green-perso);
+
+    --color-red-h: 355;
+    --color-green-h: 152;
+    --color-orange-h: 15;
+    --color-blue-h: 220;
+}
+
+.k-dialog-button-cancel:where([data-variant="filled"]) {
+  --button-color-back: var(--button-cancel-filled-color-back);
+}
+
+.k-box {
+  --icon-color: var(--color-icon-perso);
+}
+
+.k-panel-menu-button:hover:not(.k-activation-button):not(.k-panel-menu-search){
+    color: var(--color-green-perso);
+}
+
+
+.k-header-title{
+    font-family: var(--font-title);
+}
+.k-header-title-text{
+    text-transform: uppercase;
+}
+.k-header-title .k-icon{
+    --icon-size: 28px;
+}

site/blueprints/files/member.yml

@@ -6,8 +6,10 @@ fields:
     label: Nom
     type: text
     required: true
+    translate: false
   role:
     label: Poste
     type: text
     required: true
+    translate: false
     help: "Ex: CEO & Co-Founder"

site/blueprints/pages/about.yml

@@ -38,6 +38,7 @@ tabs:
             layout: cards
             size: medium
             template: member
+            translate: false
             image:
               ratio: 2/3
               cover: true

site/blueprints/pages/article.yml

@@ -74,12 +74,14 @@ tabs:
                 type: date
                 required: true
                 default: today
+                translate: false
               cover:
                 label: Image de couverture
                 type: files
                 layout: cards
                 max: 1
                 accept: image/*
+                translate: false
                 image:
                   ratio: 16/9
                 uploads:

site/blueprints/pages/blog.yml

@@ -12,11 +12,17 @@ tabs:
         fields:
           intro:
             type: writer
+            marks:
+              - bold
+              - italic
+              - underline
+              - strike
+              - green
+              - pixel
             nodes:
               - heading
             headings:
               - 1
-            buttons: false
             help: Section de texte centrée.
       articles_list:
         label: Articles

site/blueprints/pages/expertise.yml

@@ -11,7 +11,7 @@ tabs:
           content:
             type: fields
             fields:
-              title:
+              writer:
                 label: Titre
                 type: writer
                 nodes: false

site/blueprints/pages/game.yml

@@ -45,6 +45,7 @@ columns:
             size: small
             max: 1
             accept: image/*
+            translate: false
             image:
               ratio: 1/1
             uploads:
@@ -56,6 +57,7 @@ columns:
             layout: cards
             max: 1
             accept: image/*
+            translate: false
             image:
               ratio: 16/9
               cover: true
@@ -66,6 +68,7 @@ columns:
             label: Badge
             type: tags
             max: 1
+            translate: false
             options:
               - NEW
               - Populaire
@@ -80,6 +83,7 @@ columns:
             type: select
             required: true
             default: available
+            translate: false
             options:
               available: Disponible
               coming_soon: Bientôt disponible

site/blueprints/pages/home.yml

@@ -42,6 +42,7 @@ tabs:
                 layout: cards
                 max: 1
                 accept: video/*
+                translate: false
                 image:
                   ratio: 16/9
                   cover: true

site/blueprints/pages/project.yml

@@ -56,6 +56,7 @@ columns:
             size: medium
             max: 1
             accept: video/*
+            translate: false
             image:
               ratio: 2/3
               cover: true
@@ -70,6 +71,7 @@ columns:
             max: 1
             size: small
             accept: image/*
+            translate: false
             image:
               ratio: 1/1
             uploads:
@@ -90,6 +92,7 @@ columns:
             layout: cards
             max: 1
             accept: image/*
+            translate: false
             image:
               ratio: 1/1
             uploads:

site/blueprints/site.yml

@@ -18,10 +18,12 @@ columns:
         label: Email
         type: email
         width: 1/3
+        translate: false
       contact_phone:
         label: Téléphone
         type: tel
         width: 1/3
+        translate: false
       contact_address:
         label: Adresse
         type: writer
@@ -32,6 +34,7 @@ columns:
       social_links:
         label: Liens réseaux sociaux
         type: structure
+        translate: false
         fields:
           label:
             label: Nom
@@ -60,3 +63,4 @@ columns:
             type: files
             max: 1
             accept: application/pdf
+            translate: false

site/config/config.php

@@ -6,6 +6,7 @@ return [
 
     // Panel configuration
     'panel' => [
+        'css' => 'assets/css/custom-panel.css',
         // Menu personnalisé du panel
         'menu' => [
             'site' => [
@@ -53,7 +54,7 @@ return [
     ],
 
     // Langues
-    'languages' => false, // Mettre true si multilingue activé
+    'languages' => true,
 
     // Thumbs
     'thumbs' => [
@@ -65,5 +66,5 @@ return [
                 '1200w' => ['width' => 1200]
             ]
         ]
-    ]
+    ],
 ];

site/languages/en.php

@@ -0,0 +1,12 @@
+<?php
+
+return [
+    'code' => 'en',
+    'default' => false,
+    'direction' => 'ltr',
+    'locale' => [
+        'LC_ALL' => 'en_US.utf8'
+    ],
+    'name' => 'English',
+    'url' => 'en'
+];

site/languages/fr.php

@@ -0,0 +1,12 @@
+<?php
+
+return [
+    'code' => 'fr',
+    'default' => true,
+    'direction' => 'ltr',
+    'locale' => [
+        'LC_ALL' => 'fr_FR.utf8'
+    ],
+    'name' => 'Français',
+    'url' => '/'
+];

site/plugins/custom-marks/index.css

@@ -1,4 +1,19 @@
 /* Styles pour les marks personnalisés dans le panel Kirby */
+@font-face {
+    font-family: 'Terminal Grotesque';
+    src: url('/assets/css/fonts/terminal-grotesque.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Pixelify Sans';
+    src: url('/assets/css/fonts/PixelifySans-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
 
 /* Mark Green - Couleur verte */
 .k-writer span.green {
@@ -7,12 +22,6 @@
 
 /* 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;
+    font-family: 'Pixelify Sans', serif;
+    font-size: 1.15em;
 }

site/plugins/custom-marks/index.js

@@ -1,4 +1,7 @@
 panel.plugin("custom/marks", {
+    icons: {
+        pixel: '<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M5.491,21l0,-12.933l2.548,-0l-0,-2.52l2.519,0l0,-2.547l2.856,-0l-0,2.547l2.519,0l0,2.52l2.576,-0l-0,12.933l-2.856,0l0,-5.067l-7.334,0l-0,5.067l-2.828,0Zm2.828,-7.894l7.334,-0l0,-4.759l-2.519,-0l-0,-2.52l-2.296,0l0,2.52l-2.519,-0l-0,4.759Z" style="fill-rule:nonzero;"/></svg>'
+    },
     writerMarks: {
         green: {
             button: {
@@ -16,7 +19,7 @@ panel.plugin("custom/marks", {
         },
         pixel: {
             button: {
-                icon: "grid-full",
+                icon: "pixel",
                 label: "Pixel"
             },
             commands() {