70 lines
No EOL
1.6 KiB
PHP
70 lines
No EOL
1.6 KiB
PHP
|
|
<div id="entry-btns">
|
|
<button
|
|
class="entry-btn entry-btn--left"
|
|
onclick="togglePanel('left')"
|
|
>années</button>
|
|
<button
|
|
class="entry-btn entry-btn--right"
|
|
onclick="togglePanel('right')"
|
|
>categories</button>
|
|
</div>
|
|
|
|
<nav class="panel panel--left">
|
|
<ul
|
|
class="years"
|
|
>
|
|
<?php foreach($kirby->collection('years') as $year): ?>
|
|
<li
|
|
class="year"
|
|
x-data='{ year: false }'
|
|
>
|
|
<button
|
|
class="year__toggle"
|
|
:class="year ? '' : 'short'"
|
|
@click="year = !year"
|
|
>
|
|
<h3 class="fs-xl color" style="--color:var(--color-secondary)"><?= $year->title() ?></h3>
|
|
<div
|
|
class="year__toggle-icon"
|
|
x-text="year ? '-' : '+'"
|
|
></div>
|
|
</button>
|
|
<div
|
|
class="year__content"
|
|
x-show="year"
|
|
x-data="{edito: false}"
|
|
>
|
|
<div
|
|
class="year__edito"
|
|
:class="edito ? '' : 'short'"
|
|
>
|
|
<?= $year->edito() ?>
|
|
</div>
|
|
<button
|
|
:class="edito ? 'open' : 'close'"
|
|
class="see-more toggle left" @click="edito = !edito"
|
|
>Lire</button>
|
|
<ul class="year__texts">
|
|
<?php foreach($year->children() as $article): ?>
|
|
<?php snippet(
|
|
'text-item',
|
|
array('article' => $article)
|
|
) ?>
|
|
<?php endforeach ?>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<?php endforeach ?>
|
|
</ul>
|
|
|
|
<button
|
|
onclick="togglePanel('left')"
|
|
class="panel-close">
|
|
</button>
|
|
</nav>
|
|
|
|
|
|
<nav
|
|
onclick="togglePanel('right')"
|
|
class="panel panel--right"></nav>
|