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

refactor: Clean up Research dropdown — navigational items only

Browse source 
Remove individual paper titles from the Research dropdown. Replace with
three navigational items: Publications (opens research papers modal),
For Researchers, Research Timeline. Papers belong on pages, not in
navigation menus.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
TheFlow 2026-02-09 18:11:22 +13:00
parent c97b21b69c
commit 27120af6ca
1 changed files with 19 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
public/js/components/navbar.js
View file

@ -47,57 +47,20 @@ class TractatusNavbar {
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</button>
<div class="nav-dropdown-panel hidden absolute left-0 top-full mt-1 bg-white rounded-xl shadow-xl border border-gray-200 p-4 z-50" style="width:520px">
<!-- Recent Research -->
<p class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2 px-1">Recent Research</p>
<div class="grid grid-cols-2 gap-2 mb-3">
<a href="/docs-viewer.html?slug=taonga-centred-steering-governance-polycentric-authority-for-sovereign-small-language-models"
class="border border-gray-200 rounded-lg p-3 hover:border-blue-300 hover:bg-blue-50/50 transition group">
<h4 class="text-sm font-semibold text-gray-900 group-hover:text-blue-700 transition-colors mb-1">Taonga-Centred Steering Governance</h4>
<p class="text-xs text-gray-500 mb-1.5">Polycentric authority for sovereign small language models</p>
<div class="flex items-center gap-2 text-xs text-gray-400">
<span>Feb 2026</span>
<span class="bg-gray-100 px-1.5 py-0.5 rounded text-gray-500">Draft</span>
</div>
</a>
<a href="/docs-viewer.html?slug=steering-vectors-mechanical-bias-sovereign-ai"
class="border border-gray-200 rounded-lg p-3 hover:border-blue-300 hover:bg-blue-50/50 transition group">
<h4 class="text-sm font-semibold text-gray-900 group-hover:text-blue-700 transition-colors mb-1">Steering Vectors &amp; Mechanical Bias</h4>
<p class="text-xs text-gray-500 mb-1.5">Inference-time debiasing for sovereign small language models</p>
<div class="flex items-center gap-2 text-xs text-gray-400">
<span>Feb 2026</span>
<span class="bg-gray-100 px-1.5 py-0.5 rounded text-gray-500">v1.1</span>
</div>
</a>
</div>
<!-- Foundational -->
<p class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2 px-1">Foundational</p>
<div class="border border-gray-200 rounded-lg p-3 mb-3 hover:border-blue-300 hover:bg-blue-50/50 transition group">
<h4 class="text-sm font-semibold text-gray-900 group-hover:text-blue-700 transition-colors mb-1.5">Architectural Alignment</h4>
<p class="text-xs text-gray-500 mb-2">Interrupting neural reasoning through constitutional inference gating</p>
<div class="flex items-center gap-2">
<a href="/architectural-alignment.html" class="text-xs font-medium text-blue-600 hover:text-blue-800 bg-blue-50 px-2 py-1 rounded hover:bg-blue-100 transition">Academic</a>
<a href="/architectural-alignment-community.html" class="text-xs font-medium text-blue-600 hover:text-blue-800 bg-blue-50 px-2 py-1 rounded hover:bg-blue-100 transition">Community</a>
<a href="/architectural-alignment-policymakers.html" class="text-xs font-medium text-blue-600 hover:text-blue-800 bg-blue-50 px-2 py-1 rounded hover:bg-blue-100 transition">Policymakers</a>
<span class="text-xs text-gray-400 ml-auto">v2.1</span>
</div>
</div>
<!-- Quick links -->
<div class="border-t border-gray-100 pt-3 flex items-center justify-between">
<div class="flex gap-3">
<a href="/researcher.html" class="text-sm text-gray-600 hover:text-blue-700 transition">For Researchers</a>
<a href="/timeline.html" class="text-sm text-gray-600 hover:text-blue-700 transition">Research Timeline</a>
</div>
<a href="/docs.html" class="text-sm font-medium text-blue-600 hover:text-blue-800 transition flex items-center gap-1">
Browse All
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
</a>
</div>
<div class="nav-dropdown-panel hidden absolute left-0 top-full mt-1 w-56 bg-white rounded-lg shadow-lg border border-gray-200 py-2 z-50">
<button data-research-papers-trigger class="w-full text-left block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition">
<span class="font-medium">Publications</span>
<span class="block text-xs text-gray-500 mt-0.5">Browse research papers</span>
</button>
<div class="border-t border-gray-100 my-1"></div>
<a href="/researcher.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition">
<span class="font-medium">For Researchers</span>
<span class="block text-xs text-gray-500 mt-0.5">Open questions and collaboration</span>
</a>
<a href="/timeline.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 transition">
<span class="font-medium">Research Timeline</span>
<span class="block text-xs text-gray-500 mt-0.5">Evolution of the research</span>
</a>
</div>
</div>
@ -217,9 +180,7 @@ class TractatusNavbar {
</svg>
</button>
<div class="mobile-nav-section-content overflow-hidden transition-all duration-200" style="max-height:0">
<a href="/architectural-alignment.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Academic Paper</a>
<a href="/architectural-alignment-community.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Community Paper</a>
<a href="/architectural-alignment-policymakers.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Policymakers Paper</a>
<button data-research-papers-trigger class="w-full text-left block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Publications</button>
<a href="/researcher.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">For Researchers</a>
<a href="/timeline.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Research Timeline</a>
</div>
@ -430,10 +391,10 @@ class TractatusNavbar {
mobileMenuBackdrop.addEventListener('click', toggleMobileMenu);
}
// Close mobile menu on navigation
const mobileLinks = document.querySelectorAll('#mobile-menu a');
mobileLinks.forEach(link => {
link.addEventListener('click', () => {
// Close mobile menu on navigation (links and modal triggers)
const mobileClickables = document.querySelectorAll('#mobile-menu a, #mobile-menu [data-research-papers-trigger]');
mobileClickables.forEach(el => {
el.addEventListener('click', () => {
if (this.mobileMenuOpen) {
toggleMobileMenu();
}