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

feat: add navigation menus and fix broken links

Browse source 
- Added navigation bar to index.html with links to all main sections
- Added "About" link to all page navigation menus
- Fixed "View Live API Status" button - changed from /api/governance (Phase 2) to 27027 demo
- Removed "Framework Status" footer link (Phase 2 backend work)
- Updated footer resources section with complete site navigation
- Cache-busted all pages for deployment

Navigation now consistent across all pages: Researcher, Implementer, Advocate, Documentation, About, Home

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
TheFlow 2025-10-07 23:22:59 +13:00
parent dd6b3b345e
commit 3eab4c3cec
15 changed files with 62 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/about.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | Tractatus AI Safety Framework</title>
<meta name="description" content="Learn about the Tractatus Framework: our mission, values, team, and commitment to preserving human agency through structural AI safety.">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
</head>
<body class="bg-gray-50">

2
public/about/values.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Values & Principles | Tractatus AI Safety Framework</title>
<meta name="description" content="Our core values: sovereignty, transparency, harmlessness, and community. Including our commitment to Te Tiriti o Waitangi and indigenous data sovereignty.">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
<style>
html { scroll-behavior: smooth; }
</style>

4
public/admin/dashboard.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Dashboard | Tractatus Framework</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
</head>
<body class="bg-gray-50">
@ -180,7 +180,7 @@
<!-- Modals -->
<div id="modal-container"></div>
<script src="/js/admin/dashboard.js?v=1759832032"></script>
<script src="/js/admin/dashboard.js?v=1759832544"></script>
</body>
</html>

4
public/admin/login.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Login | Tractatus Framework</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
</head>
<body class="bg-gray-50">
@ -88,7 +88,7 @@
</div>
</div>
<script src="/js/admin/login.js?v=1759832032"></script>
<script src="/js/admin/login.js?v=1759832544"></script>
</body>
</html>

3
public/advocate.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>For Advocates | Tractatus AI Safety Framework</title>
<meta name="description" content="Join the movement for AI safety through structural guarantees. Preserve human agency, promote digital sovereignty, and advocate for responsible AI development.">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
</head>
<a href="#main-content" class="skip-link">Skip to main content</a>
<body class="bg-gray-50">
@ -22,6 +22,7 @@
<a href="/researcher.html" class="text-gray-600 hover:text-gray-900">Researcher</a>
<a href="/implementer.html" class="text-gray-600 hover:text-gray-900">Implementer</a>
<a href="/docs.html" class="text-gray-600 hover:text-gray-900">Documentation</a>
<a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
<a href="/" class="text-gray-600 hover:text-gray-900">Home</a>
</div>
</div>

2
public/api-reference.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>API Reference | Tractatus Framework</title>
<meta name="description" content="Complete API reference for Tractatus Framework - endpoints, authentication, request/response formats, and examples.">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
<style>
.endpoint-badge {
@apply inline-block px-2 py-1 rounded text-xs font-mono font-semibold;

4
public/demos/27027-demo.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The 27027 Incident - Tractatus Framework</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
<style>
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
@ -146,7 +146,7 @@
</div>
</div>
<script src="/js/demos/27027-demo.js?v=1759832032"></script>
<script src="/js/demos/27027-demo.js?v=1759832544"></script>
</body>
</html>

4
public/demos/boundary-demo.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Boundary Enforcement Simulator - Tractatus Framework</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
</head>
<body class="bg-gray-50">
@ -185,7 +185,7 @@
</div>
</div>
<script src="/js/demos/boundary-demo.js?v=1759832032"></script>
<script src="/js/demos/boundary-demo.js?v=1759832544"></script>
</body>
</html>

4
public/demos/classification-demo.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Instruction Classification Demo - Tractatus Framework</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
<style>
.quadrant-badge {
@apply inline-block px-3 py-1 rounded-full text-sm font-semibold;
@ -210,7 +210,7 @@
</div>
</div>
<script src="/js/demos/classification-demo.js?v=1759832032"></script>
<script src="/js/demos/classification-demo.js?v=1759832544"></script>
</body>
</html>

4
public/demos/tractatus-demo.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tractatus Framework Interactive Demo | AI Safety Architecture</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
<style>
.fade-in { animation: fadeIn 0.5s; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@ -396,7 +396,7 @@
</main>
<script src="/js/demos/tractatus-demo.js?v=1759832032"></script>
<script src="/js/demos/tractatus-demo.js?v=1759832544"></script>
</body>
</html>

10
public/docs-viewer.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documentation - Tractatus Framework</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
<style>
/* Prose styling for document content */
.prose h1 { @apply text-3xl font-bold mt-8 mb-4 text-gray-900; }
@ -56,10 +56,10 @@
</div>
<!-- Scripts -->
<script src="/js/utils/api.js?v=1759832032"></script>
<script src="/js/utils/router.js?v=1759832032"></script>
<script src="/js/components/document-viewer.js?v=1759832032"></script>
<script src="/js/docs-viewer-app.js?v=1759832032"></script>
<script src="/js/utils/api.js?v=1759832544"></script>
<script src="/js/utils/router.js?v=1759832544"></script>
<script src="/js/components/document-viewer.js?v=1759832544"></script>
<script src="/js/docs-viewer-app.js?v=1759832544"></script>
</body>
</html>

14
public/docs.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Framework Documentation | Tractatus AI Safety</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
<style>
html { scroll-behavior: smooth; }
@ -281,7 +281,13 @@
<div>
<h1 class="text-2xl font-bold text-gray-900">Framework Documentation</h1>
</div>
<a href="/" class="text-blue-600 hover:text-blue-700 font-medium">← Home</a>
<div class="flex items-center space-x-6">
<a href="/researcher.html" class="text-gray-600 hover:text-gray-900">Researcher</a>
<a href="/implementer.html" class="text-gray-600 hover:text-gray-900">Implementer</a>
<a href="/advocate.html" class="text-gray-600 hover:text-gray-900">Advocate</a>
<a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
<a href="/" class="text-blue-600 hover:text-blue-700 font-medium">Home</a>
</div>
</div>
</div>
</header>
@ -324,8 +330,8 @@
</div>
<script src="/js/components/document-cards.js?v=1759832032"></script>
<script src="/js/docs-app.js?v=1759832032"></script>
<script src="/js/components/document-cards.js?v=1759832544"></script>
<script src="/js/docs-app.js?v=1759832544"></script>
</body>
</html>

3
public/implementer.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>For Implementers | Tractatus AI Safety Framework</title>
<meta name="description" content="Integrate Tractatus framework into your AI systems: practical guides, code examples, and step-by-step implementation for production safety.">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
</head>
<a href="#main-content" class="skip-link">Skip to main content</a>
<body class="bg-gray-50">
@ -22,6 +22,7 @@
<a href="/researcher.html" class="text-gray-600 hover:text-gray-900">Researcher</a>
<a href="/advocate.html" class="text-gray-600 hover:text-gray-900">Advocate</a>
<a href="/docs.html" class="text-gray-600 hover:text-gray-900">Documentation</a>
<a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
<a href="/" class="text-gray-600 hover:text-gray-900">Home</a>
</div>
</div>

32
public/index.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tractatus AI Safety Framework | Architectural Constraints for Human Agency</title>
<meta name="description" content="World's first production implementation of architectural AI safety constraints. Preserving human agency through structural, not aspirational, guarantees.">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
<style>
.gradient-text { background: linear-gradient(120deg, #3b82f6 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hover-lift { transition: transform 0.2s; }
@ -19,6 +19,24 @@
<!-- Skip Link for Keyboard Navigation -->
<a href="#main-content" class="skip-link">Skip to main content</a>
<!-- Navigation -->
<nav class="bg-white border-b border-gray-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<a href="/" class="text-xl font-bold text-gray-900">Tractatus Framework</a>
</div>
<div class="flex items-center space-x-6">
<a href="/researcher.html" class="text-gray-600 hover:text-gray-900">Researcher</a>
<a href="/implementer.html" class="text-gray-600 hover:text-gray-900">Implementer</a>
<a href="/advocate.html" class="text-gray-600 hover:text-gray-900">Advocate</a>
<a href="/docs.html" class="text-gray-600 hover:text-gray-900">Documentation</a>
<a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<header role="banner">
<section class="bg-gradient-to-br from-blue-600 via-blue-700 to-purple-700 text-white">
@ -273,8 +291,8 @@
<a href="/demos/tractatus-demo.html" class="inline-block bg-white text-blue-700 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition">
Interactive Demonstration
</a>
<a href="/api/governance" class="inline-block bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-800 transition">
View Live API Status
<a href="/demos/27027-demo.html" class="inline-block bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-800 transition">
View 27027 Incident
</a>
</div>
</div>
@ -296,9 +314,11 @@
<h3 class="text-white font-semibold mb-4">Resources</h3>
<ul class="space-y-2 text-sm">
<li><a href="/docs.html" class="hover:text-white transition">Documentation</a></li>
<li><a href="/demos/tractatus-demo.html" class="hover:text-white transition">Interactive Demo</a></li>
<li><a href="/api" class="hover:text-white transition">API Reference</a></li>
<li><a href="/api/governance" class="hover:text-white transition">Framework Status</a></li>
<li><a href="/demos/tractatus-demo.html" class="hover:text-white transition">Interactive Demos</a></li>
<li><a href="/researcher.html" class="hover:text-white transition">For Researchers</a></li>
<li><a href="/implementer.html" class="hover:text-white transition">For Implementers</a></li>
<li><a href="/advocate.html" class="hover:text-white transition">For Advocates</a></li>
<li><a href="/about.html" class="hover:text-white transition">About & Values</a></li>
</ul>
</div>
<div>

3
public/researcher.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>For Researchers | Tractatus AI Safety Framework</title>
<meta name="description" content="Tractatus framework research: architectural constraints, theoretical foundations, and empirical validation of AI safety through structural guarantees.">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
</head>
<a href="#main-content" class="skip-link">Skip to main content</a>
<body class="bg-gray-50">
@ -22,6 +22,7 @@
<a href="/implementer.html" class="text-gray-600 hover:text-gray-900">Implementer</a>
<a href="/advocate.html" class="text-gray-600 hover:text-gray-900">Advocate</a>
<a href="/docs.html" class="text-gray-600 hover:text-gray-900">Documentation</a>
<a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
<a href="/" class="text-gray-600 hover:text-gray-900">Home</a>
</div>
</div>