studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

link-list = add file

Browse source
This commit is contained in:
isUnknown 2024-09-19 09:27:24 +02:00
parent 29f038ab3f
commit 3f81882bcd
7 changed files with 41 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/css/src/generic.css
View file

@ -220,7 +220,7 @@ img.show {
/* Link hover scale up */
/* Logo hover */
.expanded-nav a,
#expanded-nav a,
.main-nav a,
.main-footer a,
.hero__text a,
@ -238,7 +238,7 @@ img.show {
transition: scale 0.5s var(--curve-quick);
}
.expanded-nav a:hover,
#expanded-nav a:hover,
.filters button:hover,
.main-nav a:hover,
.main-footer a:hover,

13
assets/css/src/nav.css
View file

@ -7,6 +7,11 @@
}
}
.main-nav a.current,
#expanded-nav a.current {
font-weight: bold;
}
.info-banner {
overflow: hidden;
white-space: nowrap;
@ -37,7 +42,7 @@
/* Expanded nav */
.expanded-nav {
#expanded-nav {
position: fixed;
width: 100%;
box-sizing: border-box;
@ -51,7 +56,7 @@
transition: top 0.6s var(--curve-quick-slow);
}
.expanded-nav.open {
#expanded-nav.open {
top: 0rem;
}
@ -182,7 +187,7 @@
height: 5.2vw;
}
.expanded-nav {
#expanded-nav {
width: 100vw;
height: 100vh;
top: -100vh;
@ -190,7 +195,7 @@
overflow: scroll;
}
.expanded-nav .close-btn {
#expanded-nav .close-btn {
position: absolute !important;
top: 3rem;
right: var(--space-m);

4
assets/js/functions.js
View file

@ -15,8 +15,8 @@ function closeNav(nodes) {
console.log("close nav");
nodes.expandedNav.classList.remove("open");
nodes.burgerBtn.setAttribute("aria-expanded", false);
nodes.closeNavBtn.setAttribute("aria-expanded", false);
nodes.burgerBtn.removeAttribute("aria-expanded");
nodes.closeNavBtn.removeAttribute("aria-expanded");
nodes.main.removeEventListener("click", handleClick);
}

4
assets/js/script.js
View file

@ -4,8 +4,8 @@ document.addEventListener("DOMContentLoaded", () => {
// Variables
const nodes = {
burgerBtn: document.querySelector(".burger-btn"),
closeNavBtn: document.querySelector(".expanded-nav .close-btn"),
expandedNav: document.querySelector(".expanded-nav"),
closeNavBtn: document.querySelector("#expanded-nav .close-btn"),
expandedNav: document.querySelector("#expanded-nav"),
main: document.querySelector("main"),
footer: document.querySelector(".main-footer"),
nav: document.querySelector(".main-nav"),

1
site/blueprints/blocks/links-list.yml
View file

@ -29,4 +29,5 @@ fields:
options:
- url
- page
- file
width: 1/3

12
site/snippets/footer.php
View file

@ -17,13 +17,19 @@
<p><strong>Suivez nous</strong></p>
<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>
<a href="<?= $site->instagram() ?>" class="invert" target="_blank" title="Voir la page Instagram du NTB">
<span class="sr-only">Voir la page Instagram du NTB</span>
<?= 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>
<a href="<?= $site->facebook() ?>" class="invert" target="_blank" title="Voir la page Facebook du NTB">
<span class="sr-only">Voir la page Facebook du NTB</span>
<?= svg('assets/images/icons/facebook.svg') ?>
</a>
</li>
</ul>
<a href="#">Contacts et Mentions légales</a>
<a href="<?= page('informations')->url() ?>">Contacts et Mentions légales</a>
</div>
</footer>
<?php snippet('seo/schemas'); ?>

22
site/snippets/nav.php
View file

@ -1,6 +1,6 @@
<header class="main-header">
<a href="/" title="Aller à l'accueil">
<nav class="main-nav">
<nav class="main-nav" aria-label="main-menu">
<h1 class="logo">
<span>
Nouveau
@ -17,7 +17,9 @@
<ul class="main-nav__featured-pages">
<?php foreach($site->featuredPages()->toPages() as $navItem): ?>
<li>
<a href="<?= $navItem->url() ?>"><?= $navItem->title() ?></a>
<a <?= e($page->url() == $navItem->url(), 'aria-current="page" ') ?>href="<?= $navItem->url() ?>">
<?= $navItem->title() ?>
</a>
</li>
<?php endforeach ?>
</ul>
@ -26,14 +28,16 @@
<?= svg('/assets/images/icons/search.svg') ?>
<span class="sr-only">Rechercher une page</span>
</a>
<button class="burger-btn" aria-expanded="false" title="Ouvrir le menu">
<button class="burger-btn" title="Ouvrir le menu" aria-controls="expanded-nav">
<span class="sr-only">Ouvrir le menu</span>
<span class="burger-btn__line"></span>
</button>
</div>
</nav>
</header>
<nav class="expanded-nav">
<!--========== EXPANDED NAV ==========-->
<nav id="expanded-nav">
<a class="expanded-nav__logo-link" href="/" title="Aller à l'accueil">
<h1 class="logo">
<span>
@ -52,11 +56,17 @@
<li x-data="{
open: false
}">
<h4 class="expanded-nav__category"><a href="<?= $category->url() ?>"><?= $category->title() ?></a><button class="toggle" :class="open ? 'open': ''" @click="open = !open">→</button></h4>
<h4 class="expanded-nav__category">
<a <?= e($page->url() == $navItem->url(), 'aria-current="page" ') ?>href="<?= $category->url() ?>"><?= $category->title() ?></a>
<button class="toggle" :class="open ? 'open': ''" @click="open = !open">→</button>
</h4>
<ul class="expanded-nav__subcategories" :class="open ? 'open': ''">
<?php foreach($category->children() as $subcategory): ?>
<?php if ($subcategory->isIndexed() == 'true'): ?>
<li><a class="expanded-nav__subcategory" href="<?= $category->url() . '/#' . $subcategory->slug() ?>"><?= $subcategory->title() ?></a></li>
<li>
<a class="expanded-nav__subcategory" href="<?= $category->url() . '/#' . $subcategory->slug() ?>"><?= $subcategory->title() ?></a>
</li>
<?php endif ?>
<?php endforeach ?>
<?php if ($category->template() == 'program'): ?>