49 lines
1.4 KiB
PHP
49 lines
1.4 KiB
PHP
|
<?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>,
|
||
|
|
<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') ?>
|