From 880f1ce121434e641c09f63e43ab08a2beaa83d4 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Sun, 5 Apr 2026 08:43:04 +0200 Subject: feat: add filter functionality, archetypes, and sample content - Create filters.js for post filtering by type (tech, life, quote, link, photo) - Add article.md and page.md archetypes with appropriate fields - Update default.md archetype with correct TOML syntax - Create sample content for home, articles, and about pages - Fix section.html template resource permalink syntax Co-Authored-By: Claude Haiku 4.5 --- assets/js/filters.js | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 assets/js/filters.js (limited to 'assets') diff --git a/assets/js/filters.js b/assets/js/filters.js new file mode 100644 index 0000000..64d9c57 --- /dev/null +++ b/assets/js/filters.js @@ -0,0 +1,28 @@ +// filters.js +(function() { + const filterBtns = document.querySelectorAll('.filter-btn'); + const feedList = document.getElementById('articles-feed'); + const cards = feedList ? feedList.querySelectorAll('.post-card') : []; + + if (!filterBtns.length || !cards.length) return; + + filterBtns.forEach(btn => { + btn.addEventListener('click', function() { + const filter = this.dataset.filter; + + // Update active button + filterBtns.forEach(b => b.classList.remove('active')); + this.classList.add('active'); + + // Filter cards + cards.forEach(card => { + const cardType = card.querySelector('.post-type-badge')?.classList[1]; + const matches = filter === 'all' || cardType === filter; + card.style.display = matches ? '' : 'none'; + }); + + // Scroll to top + window.scrollTo({ top: 0, behavior: 'smooth' }); + }); + }); +})(); -- cgit v1.2.3