Limit textarea field heading tag level

assets/css/_animations.scss

@@ -1,8 +1,6 @@
-// main: style.scss
+// ----------------------------------------------------------------------------
-
-// ===========================================================================
 // ANIMATIONS
-// ===========================================================================
+// ----------------------------------------------------------------------------
 
 @-webkit-keyframes wave-up {
     0% {

assets/css/_fonts.scss

@@ -1,8 +1,6 @@
-// main: style.scss
+// ----------------------------------------------------------------------------
-
-// ===========================================================================
 // FONTS
-// ===========================================================================
+// ----------------------------------------------------------------------------
 
 // Nunito
 

assets/css/_minireset.css

@@ -1,8 +1,6 @@
-/* main: style.scss */
+/* ----------------------------------------------------------------------------
-
-/* ===========================================================================
 MINIRESET V0.0.6
-=========================================================================== */
+---------------------------------------------------------------------------- */
 
 html,
 body,

assets/css/_variables.scss

@@ -1,8 +1,6 @@
-// main: style.scss
+// ----------------------------------------------------------------------------
-
-// ===========================================================================
 // VARIABLES
-// ===========================================================================
+// ----------------------------------------------------------------------------
 
 :root {
 
@@ -21,7 +19,6 @@
     --h1-font-size: 1.8rem;
     --h2-font-size: 1.4rem;
     --h3-font-size: 1.4rem;
-    --h4-font-size: 1.2rem;
 
     // Dimensions
 

assets/css/panel.min.css

@@ -0,0 +1 @@
+.k-textarea-field .k-toolbar .k-dropdown .k-button:nth-of-type(2),.k-textarea-field .k-toolbar .k-dropdown .k-button:nth-of-type(3){display:none}/*# sourceMappingURL=panel.min.css.map */

assets/css/panel.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["panel.scss"],"names":[],"mappings":"AAYY,oIAEI","file":"panel.min.css"}

assets/css/panel.scss

@@ -0,0 +1,19 @@
+// ----------------------------------------------------------------------------
+// KIRBY PANEL CUSTOMIZATION
+// ----------------------------------------------------------------------------
+
+// Textarea headline buttons
+
+.k-textarea-field {
+
+    .k-toolbar {
+
+        .k-dropdown {
+
+            .k-button:nth-of-type(2),
+            .k-button:nth-of-type(3) {
+                display: none;
+            }
+        }
+    }
+}

assets/css/style.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["_minireset.css","_fonts.scss","_variables.scss","_animations.scss","style.scss"],"names":[],"mappings":"AAIA,yGAuBI,SACA,UAGJ,kBAMI,eACA,mBAGJ,GACI,gBAGJ,oBAGI,SAGJ,KACI,sBAGJ,qBACI,mBAGJ,UAEI,YACA,eAGJ,OACI,SAGJ,MACI,yBACA,iBAGJ,MAEI,UCtEJ,WACI,qBACA,+DACA,gBACA,kBAGJ,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,oEACA,gBACA,kBAGD,WACC,qBACA,gEACA,gBACA,kBAGD,WACC,qBACA,sEACA,gBACA,kBAGD,WACC,qBACA,4DACA,gBACA,kBAGD,WACC,qBACA,kEACA,gBACA,kBAKD,WACC,gCACA,oFACA,gBACA,kBChED,MAII,kDACA,6DACA,2BACA,0BACA,6BACA,wBACA,uBACA,4BACA,6BACA,2BACA,uBACA,uBACA,uBAIA,4BACA,wBACA,oBACA,oCACA,sCACA,0FACA,oCACA,sCACA,sHACA,yCACA,2CACA,sCACA,wCACA,6FACA,qBACA,2BACA,+BACA,mMAIA,cACA,eACA,cAQJ,qCAEI,MAII,yBACA,4BACA,2BACA,qBACA,uBACA,uBACA,uBAIA,kBACA,sCACA,oCACA,sCACA,uFACA,2CACA,yCCzER,2BACI,GACF,MAEE,IACF,YAED,KACC,OAIF,mBACC,GACC,MAEE,IACF,YAED,KACC,OAIF,6BACI,GACF,SAEE,IACF,eAED,KACC,UAIF,qBACI,GACF,SAEE,IACF,eAED,KACC,UCrCF,KACI,oCACA,gCACA,kCACA,iBACA,8BAGJ,SAGI,mBAGJ,GACI,oCACA,8BACA,gCAGJ,GACI,mCACA,8BACA,gCACA,kBAGJ,GACI,oCACA,8BACA,gCACA,cAGJ,EACI,mBACA,oCAGJ,OACI,oCAGJ,GACI,kBAKJ,EACI,iBACA,0BACA,2CACA,sCACA,mCAEA,yBAGI,mBAOR,KACI,iBACA,kBACA,iBACA,aACA,KACI,2CAMR,OACI,iBAGJ,KACI,eAGJ,OACI,iBASJ,YACI,mCACA,gCACA,YACA,gFAGJ,kBACI,kBAGJ,uBACI,qBASJ,cACI,mCACA,0CACA,YACA,oFACA,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBAGJ,WACI,YACA,iBACA,aACA,KACI,iMAIJ,4BACA,wBACA,cAGJ,iBACI,iBAEA,qBACI,gBACA,2BACA,iBACA,4CAMJ,sCACI,cACA,sBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,sBACA,qBACA,kBACI,sEAEJ,cACI,sEAEJ,UACI,sEAIR,sCACI,uBACA,uBACA,kBACI,uEAEJ,cACI,uEAEJ,UACI,uEAIR,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,sBACA,qBACA,kBACI,sEAEJ,cACI,sEAEJ,UACI,sEAIR,sCACI,uBACA,uBACA,kBACI,uEAEJ,cACI,uEAEJ,UACI,uEAIR,sCACI,iBACA,wBAIR,gBACI,mBACA,qBACA,UACA,6CACA,wCACA,qCAEA,oBACI,UACA,6CACA,wCACA,qCAIR,yBACI,UAEA,6BACI,UAIR,2BACI,yCACA,oCAGJ,6BACI,2CACA,sCAKJ,gCAEI,mCACA,YACA,0FAGJ,8BAEI,kBAGJ,4CAEI,gCACA,YAEA,4EACI,kBAKA,0GAEI,kBAIR,kDACI,uBAEA,8GAEI,kBAGJ,8DACI,mBAKZ,mBACI,kBAGJ,gBACI,cACA,YAEA,gCACI,wBAGJ,oBACI,cACA,2BACA,gBAGJ,2BACI,sBACA,oBACA,wBACA,mCACA,kBAMR,eACI,mCACA,YACA,0FAGJ,cACI,kBAGJ,gBACI,gCACA,YACA,kBAGJ,eACI,kBACA,kBAEA,iBACI,qBACA,aACA,mBACA,mBACA,4BACA,qBACA,yCACA,sDACA,iDACA,8CAEA,sEAGI,8BAWZ,YACI,mCACA,gCACA,YACA,gFACA,oBACA,oBACA,aACA,4BACA,6BACA,0BACA,sBACA,yBACA,sBACA,mBAGJ,oBACI,oBACA,oBACA,aACA,yBACA,sBACA,mBAEA,sBACI,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBACA,uBACA,wBAEA,wBACI,kBAGJ,0BACI,gBACA,WACA,YACA,0CACA,qCACA,kCAOA,iGACA,kBAMZ,uBACI,oCACA,kBAGJ,qCAEI,YACI,8BACA,6BACA,uBACA,mBACA,yBACA,sBACA,8BACA,sBACA,mBACA,qBAGJ,oBACI,QAGJ,uBACI,QACA","file":"style.min.css"}

assets/css/style.scss

@@ -1,8 +1,11 @@
-@import 'minireset', 'fonts', 'variables', 'animations';
+@use 'minireset';
+@use 'fonts';
+@use 'variables' as *;
+@use 'animations';
 
-// ===========================================================================
+// ----------------------------------------------------------------------------
 // GENERALITIES
-// ===========================================================================
+// ----------------------------------------------------------------------------
 
 // Fonts and colors
 
@@ -16,8 +19,7 @@ body {
 
 h1,
 h2,
-h3,
+h3 {
-h4 {
     color: var(--black);
 }
 
@@ -41,13 +43,6 @@ h3 {
     margin: 1rem 0;
 }
 
-h4 {
-    font-family: var(--text-font-family);
-    font-size: var(--h4-font-size);
-    line-height: var(--h4-font-size);
-    margin: 1rem 0;
-}
-
 p {
     text-align: justify;
     line-height: var(--text-line-height);
@@ -104,9 +99,9 @@ footer {
     grid-area: footer;
 }
 
-// ===========================================================================
+// ----------------------------------------------------------------------------
 // HEADER
-// ===========================================================================
+// ----------------------------------------------------------------------------
 
 // Header bar
 
@@ -125,9 +120,9 @@ footer {
     text-decoration: none;
 }
 
-// ===========================================================================
+// ----------------------------------------------------------------------------
 // MAIN
-// ===========================================================================
+// ----------------------------------------------------------------------------
 
 // Home section
 
@@ -573,11 +568,14 @@ footer {
 }
 
 .gallery__introduction,
-.about__presentation,
+.about__presentation {
-.error__message {
     max-width: var(--text-max-width);
     margin: auto;
 
+    h3:nth-child(1) {
+        margin: 0 0 1rem 0;
+    }
+
     p {
 
         + p,
@@ -669,9 +667,9 @@ footer {
     }
 }
 
-// ===========================================================================
+// ----------------------------------------------------------------------------
 // FOOTER
-// ===========================================================================
+// ----------------------------------------------------------------------------
 
 // Footer bar
 

assets/js/app.js

@@ -33,7 +33,7 @@ function convertRemToPixels(rem) {
 
 // Calculate navigation grid inner width
 function calculateNavGridInnerWidth() {
-    if (root) {
+    if (root && navImage) {
         let navGridGapProperty = window.getComputedStyle(root).getPropertyValue('--home-nav-gap');
         let navGridGap = parseFloat(navGridGapProperty.slice(0, -3));
         return navImage.getBoundingClientRect().width + (convertRemToPixels(navGridGap) * 2);

content/1_galerie-1/gallery.txt

@@ -6,15 +6,15 @@ Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod te
 
 ----
 
-Meta-description: 
+Meta-description:
 
 ----
 
-Meta-image: 
+Meta-image:
 
 ----
 
-Og-image: 
+Og-image:
 
 ----
 
@@ -22,7 +22,7 @@ Og-type: article
 
 ----
 
-Twitter-image: 
+Twitter-image:
 
 ----
 
@@ -46,4 +46,4 @@ Robots-noimageindex: default
 
 ----
 
-Robots-nosnippet: default
+Robots-nosnippet: default

site/blueprints/sections/about_content_presentation.yml

@@ -5,5 +5,16 @@ fields:
             en: Presentation text
             fr: Texte de présentation
         type: textarea
-        size: large
         required: true
+        size: large
+        buttons:
+            - headlines
+            - '|'
+            - bold
+            - italic
+            - '|'
+            - link
+            - email
+            - '|'
+            - ul
+            - '|'

site/blueprints/sections/gallery_content_introduction.yml

@@ -7,6 +7,8 @@ fields:
         type: textarea
         size: medium
         buttons:
+            - headlines
+            - '|'
             - bold
             - italic
             - '|'

site/config/config.php

@@ -4,7 +4,8 @@ return [
     // Kirby configuration settings
     'home' => 'accueil',
     'panel' => [
-        'language' => 'fr'
+        'language' => 'fr',
+        'css' => 'assets/css/panel.min.css'
     ],
     // Meta Knight plugin options
     'diesdasdigital.meta-knight' => [
@@ -43,6 +44,10 @@ return [
                     'twitter_image' => $newPage->twitter_image()->value()
                 ]);
             }
+        },
+        'kirbytext:after' => function (string $text) {
+            // Replace any HTML <h1> or <h2> tag by <h3> tag after Markdown parsing
+            return preg_replace(['/<h1>|<h2>/', '/<\/h1>|<\/h2>/'], ['<h3>', '</h3>'], $text);
         }
     ],
     // Thumbnails and srcsets presets