adjust styles

site/templates/author.php

@@ -4,7 +4,7 @@
 <article>
   <?php snippet('cover', slots: true) ?>
     <?php slot('title') ?>
-      <h1 class="main-title title-center <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h1>
+      <h1 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h1>
     <?php endslot() ?>
     <?php slot('tabs') ?>
       <?php snippet('tabs', [

site/templates/category.php

@@ -0,0 +1,49 @@
+<?php snippet('header'); ?>
+
+<main id="<?= $page->template() ?>">
+<article>
+  <?php snippet('cover', slots: true) ?>
+    <?php slot('title') ?>
+      <h1 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h1>
+      <p class="opacity" style="--opacity:.6">catégorie</p>
+    <?php endslot() ?>
+  <?php endsnippet() ?>
+  <div 
+      class="active-tab"
+    >
+      <ul>
+      <?php foreach($kirby->collection('years') as $year): ?>
+        <?php if ($year) : ?>
+        <?php endif ?>
+          <div 
+            x-data='{
+              isOpen: false
+            }'
+            :class="isOpen ? '' : 'short'"
+            class="
+              texts__year 
+              | full-width 
+              flex column 
+              bottom"
+            style="
+              --content: center; 
+              --bottom: 2;"
+          >
+            <h3 class="fs-xl color" style="--color:var(--color-secondary)"><?= $year->title() ?></h3>
+            <div class="year__edito">
+              <?= $year->edito() ?>
+            </div>
+            <button 
+              :class="isOpen ? 'open' : 'close'"
+              class="see-more toggle left" @click="isOpen = !isOpen">Lire</button>
+          </div>
+        <?php foreach($year->children() as $article): ?>
+          <?php if ($article->category() == $page->title()) : ?>
+            <?php snippet('text-item', ['article' => $article]) ?>
+          <?php endif ?>
+        <?php endforeach ?>
+      <?php endforeach ?>
+      </ul>
+    </div>
+</article>
+</main>

site/templates/home.php

@@ -3,10 +3,10 @@
 <main id="<?= $page->template() ?>">
   <?php snippet('cover', slots: true) ?>
     <?php slot('title') ?>
-    <h3 class="title-center">
-      revue critique<br>
-      des arts et des techniques<br>
-    </h3>
+    <h2 class="title-center">
+      critique des arts<br>
+      et des techniques<br>
+    </h2>
     <?php endslot() ?>
     
     <?php slot('tabs') ?>

site/templates/linear.php

@@ -3,18 +3,19 @@
 <article>
   <?php snippet('cover', ['isOpen' => true], slots: true) ?>
     <?php slot('title') ?>
-    <h1 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h1>
-      <p>
-        <span class="opacity" style="--opacity:.6">par </span>
-        <a 
-          class="author" 
-          href="/auteurs/<?= Str::slug($page->author()->toUser()->name()) ?>" 
-          title="Voir les articles d'<?= $page->author()->toUser()->name() ?>"
-        >
-          <?= $page->author()->toUser()->name() ?>
-        </a><br>
-        <span class="opacity" style="--opacity:.6">le <?= $page->published()->toDate('d/m/Y') ?></span>
-      </p>
+    <h2 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h2>
+    <p>
+      <span class="opacity" style="--opacity:.6">par </span>
+      <a 
+        class="author" 
+        href="/auteurs/<?= Str::slug($page->author()->toUser()->name()) ?>" 
+        title="Voir les articles d'<?= $page->author()->toUser()->name() ?>"
+      >
+        <?= $page->author()->toUser()->name() ?>
+      </a><br>
+      <span class="opacity" style="--opacity:.6">publié le </span><?= $page->published()->toDate('d/m/Y') ?> 
+      <span class="opacity" style="--opacity: .6">dans</span> <a href="/categories/<?= $page->category() ?>"><?= $page->category() ?></a>
+    </p>
     <?php endslot() ?>
     <?php slot('tabs') ?>
     <?php snippet('tabs', [