Update homepage

scriptFilters.js

@@ -0,0 +1,52 @@
+        let activeFilters = new Set();
+
+        function toggleTag(tagElement, tag) {
+            tagElement.classList.toggle('active');
+            if (activeFilters.has(tag)) {
+                activeFilters.delete(tag);
+            } else {
+                activeFilters.add(tag);
+            }
+            filterItems();
+        }
+
+        function filterItems() {
+            const items = document.querySelectorAll('.item');
+            items.forEach(item => {
+                const tags = item.querySelectorAll('.tag');
+                const itemTags = Array.from(tags).map(tag => tag.textContent.toLowerCase());
+                const shouldShow = activeFilters.size === 0 || itemTags.some(tag => activeFilters.has(tag));
+                item.style.display = shouldShow ? 'block' : 'none';
+            });
+        }
+
+        // Back to Top button functionality
+        const backToTopButton = document.getElementById("back-to-top");
+
+        window.onscroll = function() {
+            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+                backToTopButton.style.display = "block";
+            } else {
+                backToTopButton.style.display = "none";
+            }
+        };
+
+        backToTopButton.onclick = function() {
+            document.body.scrollTop = 0; // For Safari
+            document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+        };
+
+        // Mobile menu toggle
+        const menuToggle = document.getElementById('menu-toggle');
+        const nav = document.querySelector('nav');
+
+        menuToggle.addEventListener('click', () => {
+            nav.classList.toggle('show');
+        });
+
+        // Close menu when clicking outside
+        document.addEventListener('click', (event) => {
+            if (!nav.contains(event.target) && !menuToggle.contains(event.target)) {
+                nav.classList.remove('show');
+            }
+        });

scriptOverflow.js

@@ -0,0 +1,18 @@
+function checkOverflow() {
+    const grid = document.querySelector('.grid');
+    const gridWidth = grid.offsetWidth;
+    const contentWidth = Array.from(grid.children).reduce((total, child) => total + child.offsetWidth, 0);
+    const gapWidth = (grid.children.length - 1) * 30; // 30px gap between items
+
+    if (contentWidth + gapWidth > gridWidth) {
+        grid.classList.add('overflow');
+    } else {
+        grid.classList.remove('overflow');
+    }
+}
+
+// Run on page load
+window.addEventListener('load', checkOverflow);
+
+// Run on window resize
+window.addEventListener('resize', checkOverflow);