7fb0fedf6c
Extrait le style onglet-bas en classes réutilisables (.bottom-tab, .bottom-tab--invert) dans _generic.scss. Appliqué aux boutons de filtre et à l'étiquette infos des cartes événement. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
35 lines
1 KiB
PHP
35 lines
1 KiB
PHP
<body data-template="<?= $page->intendedTemplate() ?>">
|
|
<header class="main-header">
|
|
<div class="top">
|
|
<div class="lang-switcher">
|
|
<button>FR</button>
|
|
/
|
|
<button>EN</button>
|
|
</div>
|
|
<button class="toggle-nav">menu</button>
|
|
</div>
|
|
<h1 class="logo" style="--logo-offset: 0px">
|
|
Lesort<br>
|
|
Hecq
|
|
</h1>
|
|
<div class="characters" style="--offset: 9.5rem; --scale: 1">
|
|
<?= svg('assets/images/characters/characters.svg') ?>
|
|
</div>
|
|
|
|
<div class="strip">
|
|
<h1><?= $page->title() ?></h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="">La Compagnie</a></li>
|
|
<li><a href="">Agenda</a></li>
|
|
<li><a href="">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="filters">
|
|
<button class="filter bottom-tab bottom-tab--invert" data-target="inside-company" title="filtrer">compagnie</button>
|
|
<button class="filter bottom-tab bottom-tab--invert" data-target="outside-company" title="filtrer">hors-compagnie</button>
|
|
</div>
|
|
</header>
|
|
<main>
|