From 328a7e1f33bef5e3df5d0ecf032039510364cf68 Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Thu, 30 Oct 2025 23:38:50 +1300
Subject: [PATCH] fix(navigation): use modal for research collaboration and fix
 values.html paths
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixed two navigation issues across all Alexander sections:

1. Researcher collaboration contact:
   - Replaced email link with language-responsive modal button
   - Added event listener for #alexander-research-inquiry-button
   - Modal provides structured research inquiry form with i18n support

2. Values page links (404 errors):
   - Fixed /values.html → /about/values.html on 3 pages:
     * index.html (homepage)
     * researcher.html
     * leader.html

Both issues now resolved - modal works with language switching,
values links navigate correctly.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/index.html            |  2 +-
 public/js/researcher-page.js | 19 ++++++++++++++-----
 public/leader.html           |  2 +-
 public/researcher.html       |  6 +++---
 4 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/public/index.html b/public/index.html
index 1462cc2e..7a54bc07 100644
--- a/public/index.html
+++ b/public/index.html
@@ -183,7 +183,7 @@
             <a href="/architecture.html" class="block text-center bg-white text-gray-900 px-4 py-2 rounded-lg font-semibold hover:bg-gray-100 transition-colors text-sm">
               <span data-i18n="alexander_principles.cta_card.architecture_link">See Technical Architecture →</span>
             </a>
-            <a href="/values.html" class="block text-center bg-gray-700 text-white px-4 py-2 rounded-lg font-semibold hover:bg-gray-600 transition-colors text-sm">
+            <a href="/about/values.html" class="block text-center bg-gray-700 text-white px-4 py-2 rounded-lg font-semibold hover:bg-gray-600 transition-colors text-sm">
               <span data-i18n="alexander_principles.cta_card.values_link">Values & Principles →</span>
             </a>
           </div>
diff --git a/public/js/researcher-page.js b/public/js/researcher-page.js
index 675f79f5..2cc08f6e 100644
--- a/public/js/researcher-page.js
+++ b/public/js/researcher-page.js
@@ -56,18 +56,27 @@ document.addEventListener('DOMContentLoaded', function() {
 
   const modal = document.getElementById('research-inquiry-modal');
   const openButton = document.getElementById('research-inquiry-button');
+  const alexanderOpenButton = document.getElementById('alexander-research-inquiry-button');
   const closeButton = document.getElementById('close-modal');
   const cancelButton = document.getElementById('cancel-modal');
   const form = document.getElementById('research-inquiry-form');
   const successMessage = document.getElementById('success-message');
   const closeSuccessButton = document.getElementById('close-success');
 
-  // Open modal
+  // Function to open modal
+  function openModal() {
+    modal.classList.remove('hidden');
+    document.body.style.overflow = 'hidden'; // Prevent background scrolling
+  }
+
+  // Open modal from main button
   if (openButton) {
-    openButton.addEventListener('click', function() {
-      modal.classList.remove('hidden');
-      document.body.style.overflow = 'hidden'; // Prevent background scrolling
-    });
+    openButton.addEventListener('click', openModal);
+  }
+
+  // Open modal from Alexander section button
+  if (alexanderOpenButton) {
+    alexanderOpenButton.addEventListener('click', openModal);
   }
 
   // Close modal function
diff --git a/public/leader.html b/public/leader.html
index 63dd570a..5fd83d98 100644
--- a/public/leader.html
+++ b/public/leader.html
@@ -222,7 +222,7 @@
           <a href="/architecture.html" class="inline-block bg-purple-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-purple-700 transition shadow-md">
             <span data-i18n="alexander_leadership.architecture_link">See Technical Architecture →</span>
           </a>
-          <a href="/values.html" class="inline-block bg-gray-200 text-gray-900 px-6 py-3 rounded-lg font-semibold hover:bg-gray-300 transition">
+          <a href="/about/values.html" class="inline-block bg-gray-200 text-gray-900 px-6 py-3 rounded-lg font-semibold hover:bg-gray-300 transition">
             <span data-i18n="alexander_leadership.values_link">Values & Principles →</span>
           </a>
         </div>
diff --git a/public/researcher.html b/public/researcher.html
index 393b8999..dfe9b8a6 100644
--- a/public/researcher.html
+++ b/public/researcher.html
@@ -191,10 +191,10 @@
             <strong>Collaborate with us:</strong> We welcome researchers interested in studying this application of architectural principles to AI governance. We can provide audit log access, framework code, and integration documentation for empirical study.
           </p>
           <div class="flex flex-wrap gap-3">
-            <a href="mailto:research@agenticgovernance.digital" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-lg font-semibold hover:bg-blue-700 transition text-sm">
+            <button id="alexander-research-inquiry-button" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-lg font-semibold hover:bg-blue-700 transition text-sm">
               <span data-i18n="alexander_research.contact_link">Contact for Collaboration →</span>
-            </a>
-            <a href="/values.html" class="inline-block bg-gray-200 text-gray-900 px-4 py-2 rounded-lg font-semibold hover:bg-gray-300 transition text-sm">
+            </button>
+            <a href="/about/values.html" class="inline-block bg-gray-200 text-gray-900 px-4 py-2 rounded-lg font-semibold hover:bg-gray-300 transition text-sm">
               <span data-i18n="alexander_research.values_link">Values & Principles →</span>
             </a>
           </div>