Fix schedule
This commit is contained in:
@@ -13,7 +13,7 @@
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
|
||||
rel="stylesheet">
|
||||
<link rel="stylesheet" href="../css/style.css?v=14beeeb2">
|
||||
<link rel="stylesheet" href="../css/style.css?v=0a14c10d">
|
||||
<link rel="stylesheet" href="../css/fireflies.css">
|
||||
<link rel="canonical" href="https://saborflow.ai1.ovh/schedule/">
|
||||
<meta property="og:type" content="website">
|
||||
@@ -97,19 +97,26 @@
|
||||
</div>
|
||||
|
||||
<div class="sfB-toolbar">
|
||||
<div class="sfB-pills">
|
||||
<button class="filter-pill active" data-filter="all">All</button>
|
||||
<button class="filter-pill" data-filter="salsa">Salsa</button>
|
||||
<button class="filter-pill" data-filter="bachata">Bachata</button>
|
||||
<button class="filter-pill" data-filter="kizomba">Kizomba</button>
|
||||
<button class="filter-pill" data-filter="zouk">Zouk</button>
|
||||
<button class="filter-pill" data-filter="danang">Da Nang</button>
|
||||
<button class="filter-pill" data-filter="hoian">Hoi An</button>
|
||||
</div>
|
||||
<div class="sfB-pills" id="sfB-schedule-pills"></div>
|
||||
</div>
|
||||
<p class="sfB-sched-hint">Tap any event to see entry fee, special offers & vibe.</p>
|
||||
|
||||
<div class="sfB-list" id="sfB-schedule-list"></div>
|
||||
|
||||
<div class="sfB-ev-modal" id="sfB-ev-modal" role="dialog" aria-modal="true" aria-labelledby="sfB-ev-modal-name">
|
||||
<div class="sfB-modal-overlay" id="sfB-ev-modal-overlay"></div>
|
||||
<div class="sfB-ev-modal-box">
|
||||
<div class="sfB-ev-head">
|
||||
<div>
|
||||
<div class="sfB-ev-day-time" id="sfB-ev-modal-day"></div>
|
||||
<div class="sfB-ev-name" id="sfB-ev-modal-name"></div>
|
||||
</div>
|
||||
<button class="sfB-modal-close" id="sfB-ev-modal-close" aria-label="Close">✕</button>
|
||||
</div>
|
||||
<div class="sfB-ev-body" id="sfB-ev-modal-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="footnote">Schedule updated monthly — last update: <strong style="color:var(--sf-gold)"
|
||||
id="schedule-last-update"></strong></p>
|
||||
</main>
|
||||
@@ -131,7 +138,7 @@
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="../js/main.js?v=14beeeb2"></script>
|
||||
<script src="../js/main.js?v=0a14c10d"></script>
|
||||
<script>
|
||||
// Dynamic last-update label
|
||||
(function () {
|
||||
@@ -142,23 +149,6 @@
|
||||
}
|
||||
})();
|
||||
|
||||
// Schedule-page filter by city / style
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
document.querySelectorAll('.sfB-pills .filter-pill').forEach(pill => {
|
||||
pill.addEventListener('click', () => {
|
||||
document.querySelectorAll('.sfB-pills .filter-pill').forEach(p => p.classList.remove('active'));
|
||||
pill.classList.add('active');
|
||||
const f = pill.dataset.filter;
|
||||
document.querySelectorAll('.sfB-row').forEach(row => {
|
||||
if (f === 'all') { row.style.display = ''; return; }
|
||||
const music = row.querySelector('.col-music')?.textContent.toLowerCase() || '';
|
||||
const city = row.querySelector('.col-city')?.textContent.toLowerCase() || '';
|
||||
const show = music.includes(f) || city.includes(f === 'danang' ? 'da nang' : f === 'hoian' ? 'hoi an' : f);
|
||||
row.style.display = show ? '' : 'none';
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user