3d171a8c6a
Classe .small sur le header force l'état compact (personnages petits, logo masqué). L'ouverture du menu déclenche .big qui prend le dessus. Le scroll handler est court-circuité quand small est actif. margin-top déplacé dans chaque contexte de page plutôt qu'en global. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
39 lines
1.2 KiB
PHP
39 lines
1.2 KiB
PHP
<body data-template="<?= $page->intendedTemplate() ?>">
|
|
<header class="main-header <?= $page->intendedTemplate() == 'event' ? 'small' : '' ?>">
|
|
<div class="top">
|
|
<div class="lang-switcher">
|
|
<button>FR</button>
|
|
/
|
|
<button>EN</button>
|
|
</div>
|
|
<button class="toggle-nav">menu</button>
|
|
</div>
|
|
<a href="<?= $site->url() ?>">
|
|
<h1 class="logo" style="--logo-offset: 0px">
|
|
Lesort<br>
|
|
Hecq
|
|
</h1>
|
|
</a>
|
|
<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>
|
|
|
|
<?php if ($page->intendedTemplate() == 'events'): ?>
|
|
<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>
|
|
<?php endif ?>
|
|
</header>
|
|
<main>
|