83 lines
No EOL
2.9 KiB
PHP
83 lines
No EOL
2.9 KiB
PHP
<header class="main-header">
|
|
<div class="main-header__infos-banner"></div>
|
|
<a href="/" title="Aller à l'accueil">
|
|
<nav class="main-nav">
|
|
<h1 class="logo">
|
|
<span>
|
|
Nouveau
|
|
</span>
|
|
<span>
|
|
Théâtre
|
|
</span>
|
|
<span>
|
|
Besançon
|
|
</span>
|
|
</h1>
|
|
</a>
|
|
<div class="main-nav__right">
|
|
<ul class="main-nav__featured-pages">
|
|
<?php foreach($kirby->collection('featured-pages') as $navItem): ?>
|
|
<li>
|
|
<a href="<?= $navItem->url() ?>"><?= $navItem->title() ?></a>
|
|
</li>
|
|
<?php endforeach ?>
|
|
</ul>
|
|
<?php snippet('ticket', ['link' => option('ticketingUrl')]) ?>
|
|
<button class="main-nav__search">
|
|
<?= svg('/assets/images/icons/search.svg') ?>
|
|
</button>
|
|
<button class="burger-btn" aria-expanded="false" title="Ouvrir le menu">
|
|
<span class="sr-only">Ouvrir le menu</span>
|
|
<span class="burger-btn__line"></span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<nav class="expanded-nav">
|
|
<a class="expanded-nav__logo-link" href="/" title="Aller à l'accueil">
|
|
<h1 class="logo">
|
|
<span>
|
|
N<span class="logo__detail">ouveau</span>
|
|
</span>
|
|
<span>
|
|
T<span class="logo__detail">héâtre</span>
|
|
</span>
|
|
<span>
|
|
B<span class="logo__detail">esançon</span>
|
|
</span>
|
|
</h1>
|
|
</a>
|
|
<ul class="expanded-nav__columns">
|
|
<?php foreach($site->children()->listed() as $category): ?>
|
|
<li>
|
|
<h4 class="expanded-nav__category"><?= $category->title() ?></h4>
|
|
<ul>
|
|
<?php foreach($category->children() as $subcategory): ?>
|
|
<?php if ($subcategory->isIndexed() == 'true'): ?>
|
|
<li><a class="expanded-nav__subcategory" href="<?= $subcategory->url() ?>"><?= $subcategory->title() ?></a></li>
|
|
<?php endif ?>
|
|
<?php endforeach ?>
|
|
</ul>
|
|
</li>
|
|
<?php endforeach ?>
|
|
<li class="expanded-nav__links">
|
|
<div class="expanded-nav__ticketing">
|
|
<a class="ticket-link" href="<?= option('ticketingUrl') ?>" target="_blank" title="Aller à la billetterie"><?php snippet('ticket') ?> Billetterie</a>
|
|
</div>
|
|
<div class="expanded-nav__socials">
|
|
<strong>Suivez-nous</strong>
|
|
<ul class="social-icons">
|
|
<li>
|
|
<a href="<?= $site->instagram() ?>" class="invert" target="_blank" title="Voir la page Instagram du NTB"><?= svg('assets/images/icons/instagram.svg') ?></a>
|
|
</li>
|
|
<li>
|
|
<a href="<?= $site->facebook() ?>" class="invert" target="_blank" title="Voir la page Facebook du NTB"><?= svg('assets/images/icons/facebook.svg') ?></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<button class="close-btn" title="Fermer le menu">
|
|
<span class="close-btn__line"></span>
|
|
</button>
|
|
</nav>
|