redesign blueprint

assets/css/src/html.css

@@ -49,10 +49,3 @@ html {
   border-radius: 0px;
   border: none;
 }
-
-a:not(.no-line) {
-  text-decoration: dotted;
-  text-decoration-color: #fff;
-  text-decoration-line: underline;
-  text-underline-offset: 0.2rem;
-}

assets/css/src/texts.css

@@ -47,6 +47,14 @@ button {
   align-items: center;
 }
 
+a:not(.no-line) {
+  text-decoration: dotted;
+  text-decoration-color: #fff;
+  text-decoration-line: underline;
+  text-underline-offset: 0.2rem;
+  text-decoration-thickness: 0.5px;
+}
+
 article p {
   margin-bottom: var(--unit--vertical);
 }

assets/js/script.js

@@ -1,10 +1,13 @@
+const remFactor = 16;
+const verticalUnit = 1.3 * remFactor;
+
 function openTab(data, tab) {
   data.activeTab === tab ? (data.activeTab = "") : (data.activeTab = tab);
 }
 
 function scrollToElem(selector) {
   setTimeout(() => {
-    const yOffset = -185;
+    const yOffset = -9 * verticalUnit;
     const elem = document.querySelector(selector);
     const top = elem.getBoundingClientRect().top;
     window.scrollTo({

content/1_1988/1_l-inhumain-de-jean-francois-lyotard/article.txt

@@ -1,21 +0,0 @@
-Title: L'inhumain de Jean-François Lyotard
-
-----
-
-Body: 
-
-----
-
-Published: 2024-01-25
-
-----
-
-Category: texte
-
-----
-
-Author: - user://dI1JqUzV
-
-----
-
-Uuid: 1NS0sykH1trVN1ly

content/1_1988/year.txt

@@ -1,5 +0,0 @@
-Title: 1988
-
-----
-
-Uuid: RCYpCxu3DTH9HvPu

content/articles/1_1988/year.txt

@@ -0,0 +1,5 @@
+Title: 1988
+
+----
+
+Uuid: QSTPXlaDnnN5uITb

content/articles/articles.txt

@@ -0,0 +1,9 @@
+Title: Articles
+
+----
+
+Categories: objet, texte, image, film, scène
+
+----
+
+Uuid: IBp23Db7518Sg0V1

site/blueprints/pages/articles.yml

@@ -0,0 +1,13 @@
+title: Articles
+
+columns:
+  - width: 1/2
+    fields:
+      categories:
+        type: tags
+  - width: 1/2
+    sections:
+      yearsSection:
+        label: Années
+        type: pages
+        template: year

site/blueprints/pages/year.yml

@@ -3,7 +3,13 @@ image:
   icon: calendar
   back: black
 
+columns:
+  - width: 1/3
     sections:
       articles:
         type: pages
         template: article
+  - width: 2/3
+    fields:
+      edito:
+        type: textarea

site/blueprints/site.yml

@@ -3,16 +3,15 @@ title: Site
 tabs:
   contentTab:
     label: Contenu
+    columns:
+      - width: 1/3
         sections:
-      fieldsSection:
+          informativePages:
-        label: Contenu
+            label: Pages d'informations
-        type: fields
-        fields:
-          categories:
-            type: tags
-          edito:
-            type: writer
-      categoriesSection:
-        label: Années
             type: pages
-        template: year
+            template: static
+      - width: 2/3
+        fields:
+          edito:
+            label: Éditorial
+            type: writer

site/config/config.php

@@ -1,5 +1,28 @@
 <?php
 
 return [
-  'debug' => true
+  'debug' => true,
+  'panel' => [
+    'menu' => [
+      'site' => [
+        'label' => 'Accueil',
+        'current' => function ($current) {
+          $path = Kirby::instance()->request()->path()->toString();
+          return Str::contains($path, 'site');
+        }
+      ],
+      'articles' => [
+        'icon' => 'folder',
+        'label' => 'Articles',
+        'link' => 'pages/articles',
+        'current' => function ($current) {
+          $path = Kirby::instance()->request()->path()->toString();
+          return Str::contains($path, 'pages/articles');
+        }
+      ],
+      '-',
+      'users',
+      'system'
+    ]
+  ]
 ];