feat: add About and Values pages with Te Tiriti acknowledgment

- Created /about.html with mission, values, framework overview
- Created /about/values.html with comprehensive values statement
- Included respectful Te Tiriti o Waitangi acknowledgment
- Added CARE Principles for Indigenous Data Governance
- Documented digital sovereignty and Māori data sovereignty
- Updated all page footers with Te Tiriti acknowledgment
- Added links to Te Mana Raraunga and indigenous data resources
- Cache-busted all HTML files for deployment

🤖 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:14:32 +13:00
parent 09f706c51b
commit dd6b3b345e
15 changed files with 701 additions and 25 deletions

257
public/about.html Normal file
View file

@ -0,0 +1,257 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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">
</head>
<body class="bg-gray-50">
<!-- 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-900 font-medium">About</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<div class="bg-gradient-to-br from-blue-50 to-purple-50 py-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h1 class="text-5xl font-bold text-gray-900 mb-6">
About Tractatus
</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
A framework for AI safety through architectural constraints, preserving human agency where it matters most.
</p>
</div>
</div>
</div>
<!-- Mission Section -->
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<section class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Our Mission</h2>
<div class="prose prose-lg text-gray-600">
<p>
The Tractatus Framework exists to address a fundamental problem in AI safety: current approaches rely on training, fine-tuning, and corporate governance—all of which can fail, drift, or be overridden. We propose <strong>safety through architecture</strong>.
</p>
<p>
Inspired by Ludwig Wittgenstein's <em>Tractatus Logico-Philosophicus</em>, our framework recognizes that some domains—values, ethics, cultural context, human agency—cannot be systematized. What cannot be systematized must not be automated. AI systems should have structural constraints that prevent them from crossing these boundaries.
</p>
<blockquote class="border-l-4 border-blue-600 pl-6 italic text-gray-700">
"Whereof one cannot speak, thereof one must be silent."<br>
— Ludwig Wittgenstein, <em>Tractatus</em> (§7)
</blockquote>
<p>
Applied to AI: <strong>"What cannot be systematized must not be automated."</strong>
</p>
</div>
</section>
<!-- Core Values -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Core Values</h2>
<div class="space-y-6">
<div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-green-600">
<h3 class="text-xl font-bold text-gray-900 mb-3">Sovereignty</h3>
<p class="text-gray-600">
Individuals and communities must maintain control over decisions affecting their data, privacy, and values. AI systems must preserve human agency, not erode it.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-blue-600">
<h3 class="text-xl font-bold text-gray-900 mb-3">Transparency</h3>
<p class="text-gray-600">
All AI decisions must be explainable, auditable, and reversible. No black boxes. Users deserve to understand how and why systems make choices, and have power to override them.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-purple-600">
<h3 class="text-xl font-bold text-gray-900 mb-3">Harmlessness</h3>
<p class="text-gray-600">
AI systems must not cause harm through action or inaction. This includes preventing drift, detecting degradation, and enforcing boundaries against values erosion.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-orange-600">
<h3 class="text-xl font-bold text-gray-900 mb-3">Community</h3>
<p class="text-gray-600">
AI safety is a collective endeavor. We are committed to open collaboration, knowledge sharing, and empowering communities to shape the AI systems that affect their lives.
</p>
</div>
</div>
<div class="mt-8 text-center">
<a href="/about/values.html" class="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition">
Read Our Complete Values Statement →
</a>
</div>
</section>
<!-- How It Works -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">How It Works</h2>
<div class="prose prose-lg text-gray-600">
<p>
The Tractatus Framework consists of five integrated components that work together to enforce structural safety:
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6">
<div class="bg-gray-50 rounded-lg p-6">
<h3 class="text-lg font-bold text-gray-900 mb-2">InstructionPersistenceClassifier</h3>
<p class="text-sm text-gray-600">
Classifies instructions by quadrant (Strategic, Operational, Tactical, System, Stochastic) and determines persistence level (HIGH/MEDIUM/LOW/VARIABLE).
</p>
</div>
<div class="bg-gray-50 rounded-lg p-6">
<h3 class="text-lg font-bold text-gray-900 mb-2">CrossReferenceValidator</h3>
<p class="text-sm text-gray-600">
Validates AI actions against stored instructions to prevent contradictions (like the 27027 incident where MongoDB port was changed from explicit instruction).
</p>
</div>
<div class="bg-gray-50 rounded-lg p-6">
<h3 class="text-lg font-bold text-gray-900 mb-2">BoundaryEnforcer</h3>
<p class="text-sm text-gray-600">
Ensures AI never makes values decisions without human approval. Privacy trade-offs, user agency, cultural context—these require human judgment.
</p>
</div>
<div class="bg-gray-50 rounded-lg p-6">
<h3 class="text-lg font-bold text-gray-900 mb-2">ContextPressureMonitor</h3>
<p class="text-sm text-gray-600">
Detects when session conditions increase error probability (token pressure, message length, task complexity) and adjusts behavior or suggests handoff.
</p>
</div>
<div class="bg-gray-50 rounded-lg p-6">
<h3 class="text-lg font-bold text-gray-900 mb-2">MetacognitiveVerifier</h3>
<p class="text-sm text-gray-600">
AI self-checks complex reasoning before proposing actions. Evaluates alignment, coherence, completeness, safety, and alternatives.
</p>
</div>
</div>
<div class="mt-8 text-center">
<a href="/docs.html" class="inline-block bg-purple-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-purple-700 transition">
Read Technical Documentation →
</a>
</div>
</section>
<!-- Origin Story -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Origin Story</h2>
<div class="prose prose-lg text-gray-600">
<p>
The Tractatus Framework emerged from real-world AI failures experienced during extended Claude Code sessions. The "27027 incident"—where AI contradicted an explicit instruction about MongoDB port after 85,000 tokens—revealed that traditional safety approaches were insufficient.
</p>
<p>
After documenting multiple failure modes (parameter contradiction, values drift, silent degradation), we recognized a pattern: AI systems lacked structural constraints. They could theoretically "learn" safety, but in practice they failed when context pressure increased, attention decayed, or subtle values conflicts emerged.
</p>
<p>
The solution wasn't better training—it was architecture. Drawing inspiration from Wittgenstein's insight that some things lie beyond the limits of language (and thus systematization), we built a framework that enforces boundaries through structure, not aspiration.
</p>
</div>
</section>
<!-- License & Contribution -->
<section class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">License & Contribution</h2>
<div class="prose prose-lg text-gray-600">
<p>
The Tractatus Framework is open source under the <strong>MIT License</strong>. We encourage:
</p>
<ul>
<li>Academic research and validation studies</li>
<li>Implementation in production AI systems</li>
<li>Submission of failure case studies</li>
<li>Theoretical extensions and improvements</li>
<li>Community collaboration and knowledge sharing</li>
</ul>
<p>
The framework is intentionally permissive because AI safety benefits from transparency and collective improvement, not proprietary control.
</p>
</div>
</section>
</div>
<!-- CTA Section -->
<div class="bg-gradient-to-r from-blue-600 to-purple-600 py-16">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-white">
<h2 class="text-3xl font-bold mb-4">Join the Movement</h2>
<p class="text-xl mb-8 opacity-90">
Help build AI systems that preserve human agency through architectural guarantees.
</p>
<div class="flex justify-center space-x-4">
<a href="/researcher.html" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">
For Researchers
</a>
<a href="/implementer.html" class="bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-800 transition border-2 border-white">
For Implementers
</a>
<a href="/advocate.html" class="bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-800 transition border-2 border-white">
For Advocates
</a>
</div>
</div>
</div>
<!-- Footer with Te Tiriti Acknowledgment -->
<footer class="bg-gray-900 text-gray-400 py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-white font-bold mb-4">Tractatus Framework</h3>
<p class="text-sm">
Preserving human agency through architectural constraints, not aspirational goals.
</p>
</div>
<div>
<h3 class="text-white font-bold mb-4">Audience Paths</h3>
<ul class="space-y-2 text-sm">
<li><a href="/researcher.html" class="hover:text-white transition">Researchers</a></li>
<li><a href="/implementer.html" class="hover:text-white transition">Implementers</a></li>
<li><a href="/advocate.html" class="hover:text-white transition">Advocates</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-bold 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/classification-demo.html" class="hover:text-white transition">Interactive Demos</a></li>
<li><a href="/about.html" class="hover:text-white transition">About</a></li>
<li><a href="/about/values.html" class="hover:text-white transition">Values</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-bold mb-4">Te Tiriti o Waitangi</h3>
<p class="text-sm">
This framework is developed in Aotearoa New Zealand. We acknowledge <a href="/about/values.html#te-tiriti" class="text-blue-400 hover:text-blue-300 transition">Te Tiriti o Waitangi</a> and indigenous data sovereignty principles.
</p>
</div>
</div>
<div class="mt-8 pt-8 border-t border-gray-800 text-center text-sm">
<p>© 2025 Tractatus Framework. Licensed under MIT. <a href="/about/values.html" class="text-blue-400 hover:text-blue-300 transition">Read our values</a>.</p>
</div>
</div>
</footer>
</body>
</html>

419
public/about/values.html Normal file
View file

@ -0,0 +1,419 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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">
<style>
html { scroll-behavior: smooth; }
</style>
</head>
<body class="bg-gray-50">
<!-- 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>
<a href="/about/values.html" class="text-gray-900 font-medium">Values</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<div class="bg-gradient-to-br from-purple-50 to-blue-50 py-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h1 class="text-5xl font-bold text-gray-900 mb-6">
Values & Principles
</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
The foundational values that guide the Tractatus Framework's development, governance, and community.
</p>
</div>
</div>
</div>
<!-- Table of Contents -->
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div class="bg-white rounded-lg shadow-sm p-6">
<h2 class="text-lg font-bold text-gray-900 mb-4">Contents</h2>
<nav class="space-y-2">
<a href="#core-values" class="block text-blue-600 hover:text-blue-700">Core Values</a>
<a href="#sovereignty" class="block text-blue-600 hover:text-blue-700 pl-4">• Sovereignty</a>
<a href="#transparency" class="block text-blue-600 hover:text-blue-700 pl-4">• Transparency</a>
<a href="#harmlessness" class="block text-blue-600 hover:text-blue-700 pl-4">• Harmlessness</a>
<a href="#community" class="block text-blue-600 hover:text-blue-700 pl-4">• Community</a>
<a href="#te-tiriti" class="block text-blue-600 hover:text-blue-700">Te Tiriti o Waitangi & Digital Sovereignty</a>
<a href="#indigenous-data-sovereignty" class="block text-blue-600 hover:text-blue-700">Indigenous Data Sovereignty</a>
<a href="#governance" class="block text-blue-600 hover:text-blue-700">Governance & Accountability</a>
</nav>
</div>
</div>
<!-- Main Content -->
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- Core Values -->
<section id="core-values" class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Core Values</h2>
<div class="prose prose-lg text-gray-600 mb-8">
<p>
These four values form the foundation of the Tractatus Framework. They are not aspirational—they are architectural. The framework is designed to enforce these values through structure, not training.
</p>
</div>
<!-- Sovereignty -->
<div id="sovereignty" class="mb-12 bg-white rounded-lg shadow-md p-8 border-l-4 border-green-600">
<h3 class="text-2xl font-bold text-gray-900 mb-4">1. Sovereignty</h3>
<p class="text-gray-600 mb-4">
<strong>Principle:</strong> Individuals and communities must maintain control over decisions affecting their data, privacy, values, and agency. AI systems must preserve human sovereignty, not erode it.
</p>
<h4 class="text-lg font-semibold text-gray-900 mb-2">What This Means in Practice:</h4>
<ul class="list-disc list-inside text-gray-600 space-y-2 mb-4">
<li>AI cannot make values trade-offs (e.g., privacy vs. convenience) without human approval</li>
<li>Users can always override AI decisions</li>
<li>No "dark patterns" or manipulative design that undermines agency</li>
<li>Communities control their own data and AI systems</li>
<li>No paternalistic "AI knows best" approaches</li>
</ul>
<h4 class="text-lg font-semibold text-gray-900 mb-2">Framework Implementation:</h4>
<ul class="list-disc list-inside text-gray-600 space-y-2">
<li><strong>BoundaryEnforcer</strong> blocks values decisions requiring human judgment</li>
<li><strong>InstructionPersistenceClassifier</strong> respects STRATEGIC and HIGH persistence instructions</li>
<li>All decisions are reversible and auditable</li>
</ul>
</div>
<!-- Transparency -->
<div id="transparency" class="mb-12 bg-white rounded-lg shadow-md p-8 border-l-4 border-blue-600">
<h3 class="text-2xl font-bold text-gray-900 mb-4">2. Transparency</h3>
<p class="text-gray-600 mb-4">
<strong>Principle:</strong> All AI decisions must be explainable, auditable, and reversible. No black boxes. Users deserve to understand how and why systems make choices.
</p>
<h4 class="text-lg font-semibold text-gray-900 mb-2">What This Means in Practice:</h4>
<ul class="list-disc list-inside text-gray-600 space-y-2 mb-4">
<li>Every AI decision includes reasoning and evidence</li>
<li>Users can inspect instruction history and classification</li>
<li>All boundary checks and validations are logged</li>
<li>No hidden optimization goals or secret constraints</li>
<li>Source code is open and auditable</li>
</ul>
<h4 class="text-lg font-semibold text-gray-900 mb-2">Framework Implementation:</h4>
<ul class="list-disc list-inside text-gray-600 space-y-2">
<li><strong>CrossReferenceValidator</strong> shows which instruction conflicts with proposed action</li>
<li><strong>MetacognitiveVerifier</strong> provides reasoning analysis and confidence scores</li>
<li>All framework decisions include explanatory output</li>
</ul>
</div>
<!-- Harmlessness -->
<div id="harmlessness" class="mb-12 bg-white rounded-lg shadow-md p-8 border-l-4 border-purple-600">
<h3 class="text-2xl font-bold text-gray-900 mb-4">3. Harmlessness</h3>
<p class="text-gray-600 mb-4">
<strong>Principle:</strong> AI systems must not cause harm through action or inaction. This includes preventing drift, detecting degradation, and enforcing boundaries against values erosion.
</p>
<h4 class="text-lg font-semibold text-gray-900 mb-2">What This Means in Practice:</h4>
<ul class="list-disc list-inside text-gray-600 space-y-2 mb-4">
<li>Prevent parameter contradictions (e.g., 27027 incident)</li>
<li>Detect and halt values drift before deployment</li>
<li>Monitor context pressure to catch silent degradation</li>
<li>No irreversible actions without explicit human approval</li>
<li>Fail safely: when uncertain, ask rather than assume</li>
</ul>
<h4 class="text-lg font-semibold text-gray-900 mb-2">Framework Implementation:</h4>
<ul class="list-disc list-inside text-gray-600 space-y-2">
<li><strong>ContextPressureMonitor</strong> detects when error probability increases</li>
<li><strong>BoundaryEnforcer</strong> prevents values drift</li>
<li><strong>CrossReferenceValidator</strong> catches contradictions before execution</li>
</ul>
</div>
<!-- Community -->
<div id="community" class="mb-12 bg-white rounded-lg shadow-md p-8 border-l-4 border-orange-600">
<h3 class="text-2xl font-bold text-gray-900 mb-4">4. Community</h3>
<p class="text-gray-600 mb-4">
<strong>Principle:</strong> AI safety is a collective endeavor, not a corporate product. Communities must have tools, knowledge, and agency to shape AI systems affecting their lives.
</p>
<h4 class="text-lg font-semibold text-gray-900 mb-2">What This Means in Practice:</h4>
<ul class="list-disc list-inside text-gray-600 space-y-2 mb-4">
<li>Open source framework under permissive MIT license</li>
<li>Accessible documentation and educational resources</li>
<li>Support for academic research and validation studies</li>
<li>Community contributions to case studies and improvements</li>
<li>No paywalls, no vendor lock-in, no proprietary control</li>
</ul>
<h4 class="text-lg font-semibold text-gray-900 mb-2">Framework Implementation:</h4>
<ul class="list-disc list-inside text-gray-600 space-y-2">
<li>All code publicly available on GitHub</li>
<li>Interactive demos for education and advocacy</li>
<li>Three audience paths: researchers, implementers, advocates</li>
</ul>
</div>
</section>
<!-- Te Tiriti o Waitangi -->
<section id="te-tiriti" class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Te Tiriti o Waitangi & Digital Sovereignty</h2>
<div class="bg-blue-50 border-l-4 border-blue-600 p-6 rounded-r-lg mb-8">
<p class="text-blue-900 mb-4">
<strong>Context:</strong> The Tractatus Framework is developed in Aotearoa New Zealand. We acknowledge Te Tiriti o Waitangi (the Treaty of Waitangi, 1840) as the founding document of this nation, and recognize the ongoing significance of tino rangatiratanga (self-determination) and kaitiakitanga (guardianship) in the digital realm.
</p>
<p class="text-blue-900">
This acknowledgment is not performative. Digital sovereignty—the principle that communities control their own data and technology—has deep roots in indigenous frameworks that predate Western tech by centuries.
</p>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Why This Matters for AI Safety</h3>
<div class="prose prose-lg text-gray-600 mb-6">
<p>
Te Tiriti o Waitangi establishes principles of partnership, protection, and participation. These principles directly inform the Tractatus Framework's approach to digital sovereignty:
</p>
<ul class="list-disc list-inside space-y-2">
<li><strong>Rangatiratanga (sovereignty):</strong> Communities must control decisions affecting their data and values</li>
<li><strong>Kaitiakitanga (guardianship):</strong> AI systems must be stewards, not exploiters, of data and knowledge</li>
<li><strong>Mana (authority & dignity):</strong> Technology must respect human dignity and cultural context</li>
<li><strong>Whanaungatanga (relationships):</strong> AI safety is collective, not individual—relationships matter</li>
</ul>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Our Approach</h3>
<div class="prose prose-lg text-gray-600 mb-6">
<p>
We do not claim to speak for Māori or indigenous communities. Instead, we:
</p>
<ul class="list-disc list-inside space-y-2">
<li><strong>Follow established frameworks:</strong> We align with <em>Te Mana Raraunga</em> (Māori Data Sovereignty Network) and CARE Principles for Indigenous Data Governance</li>
<li><strong>Respect without tokenism:</strong> Te Tiriti forms part of our strategic foundation, not a superficial overlay</li>
<li><strong>Avoid premature engagement:</strong> We will not approach Māori organizations for endorsement until we have demonstrated value and impact</li>
<li><strong>Document and learn:</strong> We study indigenous data sovereignty principles and incorporate them architecturally</li>
</ul>
</div>
<div class="bg-gray-100 rounded-lg p-6">
<h4 class="text-lg font-semibold text-gray-900 mb-3">Te Tiriti Principles in Practice</h4>
<div class="space-y-4 text-sm text-gray-700">
<div class="flex items-start">
<div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center mr-3 flex-shrink-0 mt-1">
<span class="text-green-700 font-bold"></span>
</div>
<div>
<strong>Partnership:</strong> AI systems should be developed in partnership with affected communities, not imposed upon them.
</div>
</div>
<div class="flex items-start">
<div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center mr-3 flex-shrink-0 mt-1">
<span class="text-green-700 font-bold"></span>
</div>
<div>
<strong>Protection:</strong> The framework protects against values erosion, ensuring cultural contexts are not overridden by AI assumptions.
</div>
</div>
<div class="flex items-start">
<div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center mr-3 flex-shrink-0 mt-1">
<span class="text-green-700 font-bold"></span>
</div>
<div>
<strong>Participation:</strong> Communities maintain agency over AI decisions affecting their data and values.
</div>
</div>
</div>
</div>
</section>
<!-- Indigenous Data Sovereignty -->
<section id="indigenous-data-sovereignty" class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Indigenous Data Sovereignty</h2>
<div class="prose prose-lg text-gray-600 mb-6">
<p>
Indigenous data sovereignty is the principle that indigenous peoples have the right to control the collection, ownership, and application of their own data. This goes beyond privacy—it's about self-determination in the digital age.
</p>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">CARE Principles for Indigenous Data Governance</h3>
<p class="text-gray-600 mb-4">
The Tractatus Framework aligns with the <a href="https://www.gida-global.org/care" class="text-blue-600 hover:text-blue-700 underline" target="_blank" rel="noopener">CARE Principles</a>, developed by indigenous data governance experts:
</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-teal-500">
<h4 class="text-lg font-bold text-gray-900 mb-2">Collective Benefit</h4>
<p class="text-sm text-gray-600">
Data ecosystems shall be designed and function in ways that enable Indigenous Peoples to derive benefit from the data.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-blue-500">
<h4 class="text-lg font-bold text-gray-900 mb-2">Authority to Control</h4>
<p class="text-sm text-gray-600">
Indigenous Peoples' rights and interests in Indigenous data must be recognized and their authority to control such data be empowered.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-purple-500">
<h4 class="text-lg font-bold text-gray-900 mb-2">Responsibility</h4>
<p class="text-sm text-gray-600">
Those working with Indigenous data have a responsibility to share how data are used to support Indigenous Peoples' self-determination and collective benefit.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6 border-l-4 border-green-500">
<h4 class="text-lg font-bold text-gray-900 mb-2">Ethics</h4>
<p class="text-sm text-gray-600">
Indigenous Peoples' rights and wellbeing should be the primary concern at all stages of the data life cycle and across the data ecosystem.
</p>
</div>
</div>
<h3 class="text-xl font-bold text-gray-900 mb-4">Resources & Further Reading</h3>
<div class="bg-gray-50 rounded-lg p-6">
<ul class="space-y-3">
<li>
<a href="https://www.temanararaunga.maori.nz/" class="text-blue-600 hover:text-blue-700 font-medium" target="_blank" rel="noopener">
Te Mana Raraunga Māori Data Sovereignty Network →
</a>
<p class="text-sm text-gray-600 mt-1">Leading network advancing Māori data sovereignty in Aotearoa.</p>
</li>
<li>
<a href="https://www.gida-global.org/care" class="text-blue-600 hover:text-blue-700 font-medium" target="_blank" rel="noopener">
CARE Principles for Indigenous Data Governance →
</a>
<p class="text-sm text-gray-600 mt-1">International framework for indigenous data rights.</p>
</li>
<li>
<a href="https://www.indigenous-data.com/" class="text-blue-600 hover:text-blue-700 font-medium" target="_blank" rel="noopener">
Research Data Alliance - Indigenous Data Interest Group →
</a>
<p class="text-sm text-gray-600 mt-1">Global collaboration on indigenous data sovereignty.</p>
</li>
</ul>
</div>
</section>
<!-- Governance & Accountability -->
<section id="governance" class="mb-16">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Governance & Accountability</h2>
<div class="prose prose-lg text-gray-600 mb-6">
<p>
Values without enforcement are aspirations. The Tractatus Framework implements these values through architectural governance:
</p>
</div>
<div class="space-y-6">
<div class="bg-white rounded-lg shadow-sm p-6">
<h3 class="text-lg font-bold text-gray-900 mb-3">Strategic Review Protocol</h3>
<p class="text-gray-600">
Quarterly reviews of framework alignment with stated values. Any drift from sovereignty, transparency, harmlessness, or community principles triggers mandatory correction.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6">
<h3 class="text-lg font-bold text-gray-900 mb-3">Values Alignment Framework</h3>
<p class="text-gray-600">
All major decisions (architectural changes, partnerships, licensing) must pass values alignment check. If a decision would compromise any core value, it is rejected.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6">
<h3 class="text-lg font-bold text-gray-900 mb-3">Human Oversight Requirements</h3>
<p class="text-gray-600">
AI-generated content (documentation, code examples, case studies) requires human approval before publication. No AI makes values decisions without human judgment.
</p>
</div>
<div class="bg-white rounded-lg shadow-sm p-6">
<h3 class="text-lg font-bold text-gray-900 mb-3">Community Accountability</h3>
<p class="text-gray-600">
Open source development means community oversight. If we fail to uphold these values, the community can fork, modify, or create alternatives. This is by design.
</p>
</div>
</div>
</section>
<!-- Commitment Statement -->
<section class="mb-16">
<div class="bg-gradient-to-r from-purple-600 to-blue-600 rounded-2xl p-12 text-white">
<h2 class="text-3xl font-bold mb-4">Our Commitment</h2>
<div class="prose prose-lg text-white opacity-95">
<p class="mb-4">
These values are not negotiable. They form the architectural foundation of the Tractatus Framework. We commit to:
</p>
<ul class="space-y-2 mb-6">
<li>Preserving human sovereignty over values decisions</li>
<li>Maintaining radical transparency in all framework operations</li>
<li>Preventing harm through structural constraints, not promises</li>
<li>Building and empowering community, not extracting from it</li>
<li>Respecting Te Tiriti o Waitangi and indigenous data sovereignty</li>
</ul>
<p class="font-semibold">
When in doubt, we choose human agency over AI capability. Always.
</p>
</div>
</div>
</section>
</div>
<!-- Footer with Te Tiriti Acknowledgment -->
<footer class="bg-gray-900 text-gray-400 py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-white font-bold mb-4">Tractatus Framework</h3>
<p class="text-sm">
Preserving human agency through architectural constraints, not aspirational goals.
</p>
</div>
<div>
<h3 class="text-white font-bold mb-4">Audience Paths</h3>
<ul class="space-y-2 text-sm">
<li><a href="/researcher.html" class="hover:text-white transition">Researchers</a></li>
<li><a href="/implementer.html" class="hover:text-white transition">Implementers</a></li>
<li><a href="/advocate.html" class="hover:text-white transition">Advocates</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-bold 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/classification-demo.html" class="hover:text-white transition">Interactive Demos</a></li>
<li><a href="/about.html" class="hover:text-white transition">About</a></li>
<li><a href="/about/values.html" class="hover:text-white transition">Values</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-bold mb-4">Te Tiriti o Waitangi</h3>
<p class="text-sm">
This framework is developed in Aotearoa New Zealand. We acknowledge <a href="/about/values.html#te-tiriti" class="text-blue-400 hover:text-blue-300 transition">Te Tiriti o Waitangi</a> and indigenous data sovereignty principles.
</p>
</div>
</div>
<div class="mt-8 pt-8 border-t border-gray-800 text-center text-sm">
<p>© 2025 Tractatus Framework. Licensed under MIT. <a href="/about/values.html" class="text-blue-400 hover:text-blue-300 transition">Read our values</a>.</p>
</div>
</div>
</footer>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
</head>
<body class="bg-gray-50">
@ -180,7 +180,7 @@
<!-- Modals -->
<div id="modal-container"></div>
<script src="/js/admin/dashboard.js?v=1759830448"></script>
<script src="/js/admin/dashboard.js?v=1759832032"></script>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
</head>
<body class="bg-gray-50">
@ -88,7 +88,7 @@
</div>
</div>
<script src="/js/admin/login.js?v=1759830448"></script>
<script src="/js/admin/login.js?v=1759832032"></script>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
</head>
<a href="#main-content" class="skip-link">Skip to main content</a>
<body class="bg-gray-50">

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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<style>
.endpoint-badge {
@apply inline-block px-2 py-1 rounded text-xs font-mono font-semibold;

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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<style>
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
@ -146,7 +146,7 @@
</div>
</div>
<script src="/js/demos/27027-demo.js?v=1759830448"></script>
<script src="/js/demos/27027-demo.js?v=1759832032"></script>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
</head>
<body class="bg-gray-50">
@ -185,7 +185,7 @@
</div>
</div>
<script src="/js/demos/boundary-demo.js?v=1759830448"></script>
<script src="/js/demos/boundary-demo.js?v=1759832032"></script>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<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=1759830448"></script>
<script src="/js/demos/classification-demo.js?v=1759832032"></script>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<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=1759830448"></script>
<script src="/js/demos/tractatus-demo.js?v=1759832032"></script>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<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=1759830448"></script>
<script src="/js/utils/router.js?v=1759830448"></script>
<script src="/js/components/document-viewer.js?v=1759830448"></script>
<script src="/js/docs-viewer-app.js?v=1759830448"></script>
<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>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<style>
html { scroll-behavior: smooth; }
@ -324,8 +324,8 @@
</div>
<script src="/js/components/document-cards.js?v=1759830448"></script>
<script src="/js/docs-app.js?v=1759830448"></script>
<script src="/js/components/document-cards.js?v=1759832032"></script>
<script src="/js/docs-app.js?v=1759832032"></script>
</body>
</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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
</head>
<a href="#main-content" class="skip-link">Skip to main content</a>
<body class="bg-gray-50">

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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
<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; }

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=1759830448">
<link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
</head>
<a href="#main-content" class="skip-link">Skip to main content</a>
<body class="bg-gray-50">