actuel-inactuel/site/templates/home.php

<?php snippet('header') ?>
<main class="top bottom" style="
  --top:6;
  --bottom: 3;
">
  <h2 class="| fs-m fw-light ta-center full-width flex" style="
    --content:center;
  ">
    critique des arts<br />
    et des techniques
  </h2>
  <div id="tabs" x-data="{
    activeTab: ''
  }">
    <div class="toggle-btns | top flex space-between" style="
    --top:10;
    --content:space-between;
    ">
      <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'">
      <?php foreach($site->collections('articles') as $article): ?>
        <li class="article">
          <?= var_dump($article) ?>
        </li>
      <?php endforeach ?>
      </ul>
    </div>
  </div>
</main>
<?php snippet('footer') ?>