From 25b879bd290528adfb47b0042749305a6a408800 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Sun, 5 Apr 2026 09:52:36 +0200
Subject: fix: resolve matrix rain opacity, menu styling, and featured articles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Issues fixed:
1. Added missing header.css and footer.css imports to main.css (fixes unstyled menu)
2. Increased matrix rain canvas opacity (0.13→0.25, 0.18→0.35) for better visibility
3. Updated home.html to display featured articles first, then latest 3
4. Removed invalid pseudo-element CSS rule on canvas element

The form on /is/here should now be visible, menu properly styled, and matrix rain more prominent.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 ...2aebe32e8c248382e80f93dae0761ebbbd03ca28dc5b.js | 28 ++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 public/js/filters.38212ecd54ff7f1fdebf2aebe32e8c248382e80f93dae0761ebbbd03ca28dc5b.js

(limited to 'public/js/filters.38212ecd54ff7f1fdebf2aebe32e8c248382e80f93dae0761ebbbd03ca28dc5b.js')

diff --git a/public/js/filters.38212ecd54ff7f1fdebf2aebe32e8c248382e80f93dae0761ebbbd03ca28dc5b.js b/public/js/filters.38212ecd54ff7f1fdebf2aebe32e8c248382e80f93dae0761ebbbd03ca28dc5b.js
new file mode 100644
index 0000000..64d9c57
--- /dev/null
+++ b/public/js/filters.38212ecd54ff7f1fdebf2aebe32e8c248382e80f93dae0761ebbbd03ca28dc5b.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