john/tractatus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(navigation): use modal for research collaboration and fix values.html paths

Browse source 
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>
This commit is contained in:
TheFlow 2025-10-30 23:38:50 +13:00
parent 759467e224
commit 328a7e1f33
4 changed files with 19 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -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>

17
public/js/researcher-page.js
View file

@ -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
if (openButton) {
openButton.addEventListener('click', function() {
// 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', openModal);
}
// Open modal from Alexander section button
if (alexanderOpenButton) {
alexanderOpenButton.addEventListener('click', openModal);
}
// Close modal function

2
public/leader.html
View file

@ -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>

6
public/researcher.html
View file

@ -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>