convert home to alpine

site/templates/home.php

@@ -0,0 +1,49 @@
+<?php snippet('header') ?>
+<main>
+  <h2 id="baseline">
+    critique des arts<br />
+    et des techniques
+  </h2>
+  <div id="tabs" x-data="{
+    activeTab: ''
+  }">
+    <div class="toggle-btns">
+      <button
+        class="toggle left"
+        :class="activeTab === 'edito' ? 'open' : 'close'"
+        @click="[openTab($data, 'edito'), scrollToElem('.content')]"
+      >éditorial</button>
+      <button
+        class="toggle right"
+        :class="activeTab === 'articles' ? 'open' : 'close'"
+        @click="[openTab($data, 'articles'), scrollToElem('.content')]"
+      >articles</button>
+    </div>
+    <div class="content">
+      <article x-show="activeTab === 'edito'">
+        <?= $site->edito() ?>
+      </article>
+      <ul x-show="activeTab === 'articles'">
+        <li class="article">
+          <a href="/article.html" class="article__title">
+            <strong
+              ><em
+                >Le timbre dans l'<em>Inhumain</em> de Jean-François
+                Lyotard,</em
+              ></strong
+            ><br />
+          </a>
+          <div class="article__infos">
+            <button class="author">Cécile Fournel</button>,&nbsp;
+            <p>16 novembre 2023</p>
+          </div>
+          <div class="article__labels">
+            <button class="label label--year">1987</button>
+            <button class="label label--category">livre</button>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</main>
+<?php snippet('footer') ?>