Merge pull request #459 from neural-loop/updates

Various cleanup and updates

Author: neural-loop

.github/workflows/main.yml

@@ -4,13 +4,11 @@ on:
   push:
     branches: ["main", "staging"]
 
-# Standard permissions required for GitHub Pages deployment.
 permissions:
   contents: read
   pages: write
   id-token: write
 
-# Environment variables accessible to all jobs and steps.
 env:
   HUGO_ENV: production
   HUGO_VERSION: "0.147.7"
@@ -21,12 +19,11 @@ jobs:
   build:
     runs-on: ubuntu-24.04
     steps:
-      # 1. Prepare the environment by checking out code and setting up tools.
       - name: Checkout repository
         uses: actions/checkout@v4
         with:
           submodules: recursive
-          fetch-depth: 0 # Needed for Hugo's .Lastmod feature
+          fetch-depth: 0
 
       - name: Setup Hugo
         uses: peaceiris/actions-hugo@v3
@@ -38,23 +35,21 @@ jobs:
         uses: actions/setup-go@v5
         with:
           go-version: ${{ env.GO_VERSION }}
-          cache: true # Enable Go module caching
+          cache: false
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: ${{ env.NODE_VERSION }}
-          cache: 'npm' # Enable caching for npm dependencies
+          cache: 'npm'
 
       - name: Install npm dependencies
         run: npm ci
 
-      # 2. Configure GitHub Pages deployment target.
       - name: Setup Pages
         id: pages
         uses: actions/configure-pages@v5
 
-      # 3. Cache and run pre-build scripts to generate dynamic content.
       - name: Cache and Restore OG Images
         uses: actions/cache@v4
         with:
@@ -78,9 +73,7 @@ jobs:
         env:
           PAT_FOR_ISSUES: ${{ secrets.PAT_FOR_ISSUES }}
         run: npm run update-mission-board
-        continue-on-error: true
 
-      # 4. Dynamically configure the site's baseURL based on the deployment branch.
       - name: Determine Base URL
         id: base_url
         run: |
@@ -89,27 +82,15 @@ jobs:
           elif [[ "${{ github.repository }}" == "open-neuromorphic/open-neuromorphic.github.io" && "${{ github.ref_name }}" == "staging" ]]; then
             BASE_URL="https://open-neuromorphic.github.io/staging-preview/"
           else
-            # Fallback for forks or other branches to prevent broken links.
             REPO_NAME=$(echo "${{ github.repository }}" | cut -d '/' -f 2)
             BASE_URL="https://${{ github.repository_owner }}.github.io/${REPO_NAME}/"
           fi
           echo "BASE_URL=${BASE_URL}" >> $GITHUB_ENV
           echo "Determined baseURL: ${BASE_URL}"
 
-      - name: Modify hugo.toml for deployment
-        run: |
-          echo "Setting baseURL to ${{ env.BASE_URL }} in hugo.toml"
-          # Use '|' as a sed delimiter to avoid conflicts with slashes in the URL.
-          sed -i "s|^baseURL = .*|baseURL = \"${{ env.BASE_URL }}\"|" hugo.toml
-          echo "--- hugo.toml after modification ---"
-          cat hugo.toml
-          echo "------------------------------------"
-
-      # 5. Build the static site.
       - name: Build Hugo Site
-        run: npm run hugo-build
+        run: npm run hugo-build -- --baseURL="${{ env.BASE_URL }}"
 
-      # 6. Prepare deployment artifacts, including SEO configurations for non-production sites.
       - name: Create .htaccess from template
         run: |
           cat .github/config/htaccess.template > public/.htaccess
@@ -119,26 +100,21 @@ jobs:
         if: env.BASE_URL != 'https://open-neuromorphic.org/'
         run: |
           echo "Applying noindex rules for baseURL: ${{ env.BASE_URL }}"
-          # Modify .htaccess to add a noindex header
           echo "" >> public/.htaccess
           echo "# Rules to prevent indexing on non-production deployments" >> public/.htaccess
           echo "Header set X-Robots-Tag \"noindex, nofollow\"" >> public/.htaccess
-          # Create robots.txt to disallow all crawlers
           echo "User-agent: *" > public/robots.txt
           echo "Disallow: /" >> public/robots.txt
           echo "--- .htaccess final content ---"
           cat public/.htaccess
           echo "--- robots.txt content ---"
           cat public/robots.txt
 
-      # 7. Upload the prepared static site as an artifact for the deploy job.
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
           path: ./public
 
-  # --- DEPLOYMENT JOB ---
-  # This job runs after the build job is successful.
   deploy:
     environment:
       name: github-pages

.gitignore

@@ -12,7 +12,6 @@ resources
 .hugo_build.lock
 jsconfig.json
 hugo_stats.json
-go.sum
 yarn.lock
 /content/english/.idea/
 .idea

assets/js/main.js

@@ -1,9 +1,6 @@
-// assets/js/main.js
-// main script
 (function () {
   "use strict";
 
-  // --- Mobile Nav Toggle ---
   const body = document.body;
   const navToggler = document.getElementById("nav-toggler");
   const navOverlay = document.getElementById("mobile-nav-overlay");
@@ -23,14 +20,12 @@
     navCloseBtn.addEventListener("click", toggleNav);
   }
 
-  // Close on Escape key
   document.addEventListener('keydown', (e) => {
     if (e.key === 'Escape' && body.classList.contains('is-mobile-nav-open')) {
       toggleNav();
     }
   });
 
-  // --- Contribution Bubbles for Community Partners ---
   const initContributionBubbles = () => {
     const section = document.querySelector('.community-partners-section');
     const bubbleContainer = document.querySelector('.bubbles-container');
@@ -39,7 +34,6 @@
     const partnersWithContributions = Array.from(section.querySelectorAll('.partner-logo-link[data-contributions]'));
     if (partnersWithContributions.length === 0) return;
 
-    // --- Logic for randomly appearing bubbles ---
     const MAX_BUBBLES = 3;
     const BUBBLE_LIFETIME = 4000;
     const BUBBLE_INTERVAL = 2000;
@@ -102,7 +96,6 @@
       setTimeout(() => { recentlyHidden.delete(partner); }, COOLDOWN_PERIOD);
     };
 
-    // --- NEW: Hover-triggered bubble logic ---
     let hoverBubble = document.createElement('div');
     hoverBubble.className = 'contribution-bubble';
     bubbleContainer.appendChild(hoverBubble);
@@ -111,12 +104,10 @@
     partnersWithContributions.forEach(partner => {
       partner.addEventListener('mouseenter', () => {
         isHovering = true;
-        // Hide any random bubbles that might be showing
         activeBubbles.forEach((bubble, p) => hideBubble(p, bubble));
 
         hoverBubble.innerHTML = setBubbleContent(partner);
 
-        // Position calculation must happen *after* content is set
         const partnerRect = partner.getBoundingClientRect();
         const containerRect = bubbleContainer.getBoundingClientRect();
         const left = partnerRect.left - containerRect.left + (partnerRect.width / 2) - (hoverBubble.offsetWidth / 2);
@@ -132,9 +123,7 @@
       });
     });
 
-    // --- Modified interval for random bubbles ---
     setInterval(() => {
-      // Pause random bubbles if user is hovering or max bubbles are already shown
       if (isHovering || activeBubbles.size >= MAX_BUBBLES) return;
 
       const rect = section.getBoundingClientRect();
@@ -155,8 +144,6 @@
     }, BUBBLE_INTERVAL);
   };
 
-
-  // --- Copy Code Block ---
   const initCopyCodeButtons = () => {
     const codeBlocks = document.querySelectorAll('.code-block-wrapper');
     codeBlocks.forEach(wrapper => {
@@ -174,7 +161,7 @@
             setTimeout(() => {
               button.classList.remove('copied');
               button.querySelector('.copy-text').classList.remove('hidden');
-              button.querySelector('.copied-text').add('hidden');
+              button.querySelector('.copied-text').classList.add('hidden');
             }, 2000);
           }).catch(err => {
             console.error('Failed to copy text: ', err);
@@ -185,7 +172,6 @@
     });
   };
 
-  // --- OG Image Assets Modal ---
   const initOgImageModal = () => {
     const modal = document.getElementById('og-image-modal');
     const modalContent = document.getElementById('og-modal-content');
@@ -215,8 +201,7 @@
     });
 
     window.openOgModal = (imageUrls) => {
-      modalContent.innerHTML = ''; // Clear previous content
-
+      modalContent.innerHTML = '';
       if (!imageUrls || imageUrls.length === 0) {
         modalContent.innerHTML = '<p class="text-center col-span-full">No social media assets found for this page.</p>';
       } else {
@@ -255,21 +240,146 @@
     });
   };
 
-  // Wait for the DOM to be fully loaded to initialize
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', () => {
-      initCopyCodeButtons();
-      initOgImageModal();
-      if (window.innerWidth > 768) { // Only run on larger screens
-        initContributionBubbles();
+  const initMissionBoardFilters = () => {
+    const filterTags = document.querySelectorAll('.filter-tag');
+    const clearButton = document.getElementById('clear-filter-btn');
+    const projectContainers = document.querySelectorAll('.project-container');
+    const pastContributionsSection = document.getElementById('past-contributions-section');
+    const projectLinks = document.querySelectorAll('.project-filter-link');
+    const stickyFilterPanel = document.querySelector('.filter-panel-glow');
+    const toc = document.getElementById('TableOfContents');
+
+    if (filterTags.length === 0 || projectContainers.length === 0) return;
+    let activeTag = null;
+
+    function scrollToElementWithOffset(element) {
+      if (!element || !stickyFilterPanel) return;
+      const stickyHeaderBottom = stickyFilterPanel.getBoundingClientRect().bottom;
+      const elementPosition = element.getBoundingClientRect().top;
+      const offsetPosition = elementPosition + window.scrollY - stickyHeaderBottom - 20;
+
+      window.scrollTo({
+        top: offsetPosition,
+        behavior: 'smooth'
+      });
+    }
+
+    function handleAnchorClick(e) {
+      const link = e.currentTarget;
+      const targetId = link.getAttribute('href');
+      if (targetId && targetId.startsWith('#')) {
+        e.preventDefault();
+        const targetElement = document.querySelector(targetId);
+        if (targetElement) {
+          scrollToElementWithOffset(targetElement);
+          history.pushState(null, null, targetId);
+        }
       }
+    }
+
+    projectLinks.forEach(link => {
+      link.addEventListener('click', (e) => {
+        if (activeTag) clearFilter();
+        handleAnchorClick(e);
+      });
     });
-  } else {
+
+    if (toc) {
+      toc.addEventListener('click', (e) => {
+        const link = e.target.closest('a');
+        if (link) handleAnchorClick({ currentTarget: link, preventDefault: () => e.preventDefault() });
+      });
+    }
+
+    function applyFilter(selectedTag) {
+      let firstVisibleProject = null;
+      if (pastContributionsSection) pastContributionsSection.style.display = 'none';
+
+      projectContainers.forEach(project => {
+        const issues = project.querySelectorAll('.issue-item');
+        let projectHasVisibleIssue = false;
+        issues.forEach(issue => {
+          const hasTag = issue.querySelector(`[data-issue-tag="${selectedTag}"]`);
+          issue.style.display = hasTag ? 'flex' : 'none';
+          if (hasTag) {
+            projectHasVisibleIssue = true;
+          }
+        });
+
+        project.style.display = projectHasVisibleIssue ? 'block' : 'none';
+
+        if (projectHasVisibleIssue && !firstVisibleProject) {
+          firstVisibleProject = project;
+        }
+      });
+
+      return firstVisibleProject;
+    }
+
+    function clearFilter() {
+      activeTag = null;
+      updateTagStyles(null);
+      if(clearButton) clearButton.classList.add('hidden');
+      if (pastContributionsSection) pastContributionsSection.style.display = 'block';
+      projectContainers.forEach(project => {
+        project.style.display = 'block';
+        project.querySelectorAll('.issue-item').forEach(issue => {
+          issue.style.display = 'flex';
+        });
+      });
+    }
+
+    function updateTagStyles(selectedTag) {
+      filterTags.forEach(tag => {
+        tag.classList.toggle('is-active', tag.dataset.tag === selectedTag);
+      });
+    }
+
+    filterTags.forEach(tag => {
+      tag.addEventListener('click', () => {
+        const selectedTag = tag.dataset.tag;
+        if (activeTag === selectedTag) {
+          clearFilter();
+          return;
+        }
+        activeTag = selectedTag;
+        updateTagStyles(selectedTag);
+        if(clearButton) clearButton.classList.remove('hidden');
+        const firstVisibleElement = applyFilter(selectedTag);
+        if (firstVisibleElement) {
+          scrollToElementWithOffset(firstVisibleElement);
+        }
+      });
+    });
+
+    if(clearButton) {
+      clearButton.addEventListener('click', clearFilter);
+    }
+
+    const initialHash = window.location.hash;
+    if (initialHash) {
+      setTimeout(() => {
+        const targetElement = document.querySelector(initialHash);
+        if (targetElement) {
+          scrollToElementWithOffset(targetElement);
+        }
+      }, 100);
+    }
+  };
+
+  const initAll = () => {
     initCopyCodeButtons();
     initOgImageModal();
-    if (window.innerWidth > 768) { // Only run on larger screens
+    initMissionBoardFilters();
+    if (window.innerWidth > 768) {
       initContributionBubbles();
     }
+  };
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initAll);
+  } else {
+    initAll();
   }
 
 })();