untrack content dir

site/snippets/tabs.php

@@ -0,0 +1,57 @@
+<?php 
+$left['slug'] = Str::slug($left['label']);
+?>
+
+<div id="tabs" x-data="{
+    activeTab: ''
+  }">
+    <div class="toggle-btns | flex space-between" style="
+    --content:space-between;
+    ">
+      <button
+        class="toggle left"
+        :class="activeTab === '<?=$left['slug'] ?>' ? 'open' : 'close'"
+        @click="toggleTab($data, '<?=$left['slug'] ?>')"
+      ><?= $left['label'] ?></button>
+      <button
+        class="toggle right"
+        :class="activeTab === 'articles' ? 'open' : 'close'"
+        @click="toggleTab($data, 'articles')"
+      >articles</button>
+    </div>
+    <div class="active-tab">
+      <section 
+      x-show="activeTab === '<?=$left['slug'] ?>'" 
+      x-transition.opacity 
+      x-transition.duration.500ms>
+        <?= $left['content'] ?>
+      </section>
+      <ul 
+      x-show="activeTab === 'articles'" 
+      x-transition.opacity 
+      x-transition.duration.500ms>
+      <?php foreach($kirby->collection('years') as $year): ?>
+          <div class="article__year | full-width flex  bottom" style="--content: center;--bottom:2">
+            <h3 class="fs-xl color" style="--color:var(--color-secondary)"><?= $year->title() ?></h3>
+          </div>
+        <?php foreach($year->children() as $article): ?>
+          <li class="article | bottom" style="--bottom:3">
+            <a href="<?= $article->url() ?>" class="article__title no-line">
+              <h3><?= $article->title() ?></h3>
+            </a>
+            <div class="article__infos">
+              <p>
+                <span class="opacity" style="--opacity:.5">Par</span>
+                <a class="author no-line" href="#"><?= $article->author()->toUser()->name() ?></a>,
+                <span class="opacity" style="--opacity:.5">le</span> <?= $article->published()->toDate('d/m/Y') ?>
+              </p>
+            </div>
+            <!-- <div class="article__labels">
+              <button class="label label--category">[ <?= $article->category() ?> ]</button>
+            </div> -->
+          </li>
+        <?php endforeach ?>
+      <?php endforeach ?>
+      </ul>
+    </div>
+  </div>