jfork/octane-website
1
0
Fork 0
mirror of https://github.com/nfonteyne/octane-website.git synced 2026-09-03 23:24:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

update: visual update, phone responsive, db migration

Browse source
This commit is contained in:
Nathan FONTEYNE 2026-07-08 11:50:12 +02:00
parent 73ebd6ad49
commit e97aa2c6c3
16 changed files with 894 additions and 244 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/js/nav.js
View file

@ -2,7 +2,9 @@ async function initNav(activePage) {
const me = await api.get('/api/users/me');
const nav = document.getElementById('main-nav');
nav.innerHTML = `
<div class="nav-links">
<span class="brand"><span class="brand-dot">&#9835;</span> Octane</span>
<button type="button" class="nav-toggle" id="nav-toggle" aria-label="Menu">&#9776;</button>
<div class="nav-links" id="nav-links">
<a href="/index.html" class="${activePage === 'repertoire' ? 'active' : ''}">Répertoire</a>
<a href="/suggestions.html" class="${activePage === 'suggestions' ? 'active' : ''}">Suggestions</a>
<a href="/setlist.html" class="${activePage === 'setlist' ? 'active' : ''}">Prochain concert</a>
@ -13,5 +15,11 @@ async function initNav(activePage) {
<a href="/auth/logout">Se déconnecter</a>
</div>
`;
const toggle = document.getElementById('nav-toggle');
const links = document.getElementById('nav-links');
toggle.addEventListener('click', () => links.classList.toggle('open'));
links.querySelectorAll('a').forEach((a) => a.addEventListener('click', () => links.classList.remove('open')));
return me;
}