feat(website): integrate Alexander principles across 3 pages
- Homepage: Add 'Built on Living Systems Principles' section - 5 principles with icons and descriptions - Architectural enforcement vs compliance theatre callout - Researcher page: Add current research focus section - October 2025 integration highlighted - Research collaboration opportunities - Leader page: Add strategic governance section - Business value for each principle - Regulatory positioning advantage - Total: +309 lines across 3 pages - All changes follow Cultural DNA (inst_085-089) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
TheFlow
parent
1c22371da2
commit
c9983f6fbc
3 changed files with 315 additions and 0 deletions
|
|
@ -89,6 +89,133 @@
|
||||||
<!-- Main Content -->
|
<!-- Main Content -->
|
||||||
<main id="main-content" role="main">
|
<main id="main-content" role="main">
|
||||||
|
|
||||||
|
<!-- Built on Living Systems Principles -->
|
||||||
|
<section class="bg-gradient-to-br from-purple-50 via-blue-50 to-teal-50 py-16 border-y border-gray-200">
|
||||||
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
|
||||||
|
<!-- Section Header -->
|
||||||
|
<div class="text-center mb-12 animate-on-scroll" data-animation="fade-in">
|
||||||
|
<h2 class="text-4xl font-bold text-gray-900 mb-4">
|
||||||
|
Built on Living Systems Principles
|
||||||
|
</h2>
|
||||||
|
<p class="text-xl text-gray-700 max-w-3xl mx-auto">
|
||||||
|
Governance that evolves with your organization—not compliance theatre, but <strong>architectural enforcement</strong> woven into deployment.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- The 5 Principles Grid -->
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
||||||
|
|
||||||
|
<!-- Principle 1: Deep Interlock -->
|
||||||
|
<div class="bg-white rounded-xl p-6 shadow-md border-l-4 border-purple-500 hover:shadow-lg transition-all animate-on-scroll" data-animation="slide-up" data-stagger="100">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 rounded-lg bg-gradient-to-br from-purple-500 to-purple-600 flex items-center justify-center text-2xl mr-3">
|
||||||
|
🔗
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-bold text-gray-900">Deep Interlock</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-700 text-sm leading-relaxed">
|
||||||
|
Six governance services <strong>coordinate</strong>, not operate in silos. When one detects an issue, others reinforce—creating resilient enforcement through mutual validation.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Principle 2: Structure-Preserving -->
|
||||||
|
<div class="bg-white rounded-xl p-6 shadow-md border-l-4 border-blue-500 hover:shadow-lg transition-all animate-on-scroll" data-animation="slide-up" data-stagger="200">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center text-2xl mr-3">
|
||||||
|
🏛️
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-bold text-gray-900">Structure-Preserving</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-700 text-sm leading-relaxed">
|
||||||
|
Framework changes <strong>enhance without breaking</strong>. Audit logs remain interpretable, governance decisions stay valid—institutional memory preserved across evolution.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Principle 3: Gradients Not Binary -->
|
||||||
|
<div class="bg-white rounded-xl p-6 shadow-md border-l-4 border-indigo-500 hover:shadow-lg transition-all animate-on-scroll" data-animation="slide-up" data-stagger="300">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 rounded-lg bg-gradient-to-br from-indigo-500 to-indigo-600 flex items-center justify-center text-2xl mr-3">
|
||||||
|
📊
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-bold text-gray-900">Gradients Not Binary</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-700 text-sm leading-relaxed">
|
||||||
|
Governance operates on <strong>intensity levels</strong> (NORMAL/ELEVATED/HIGH/CRITICAL), not yes/no switches. Nuanced response to risk—avoiding alert fatigue and mechanical enforcement.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Principle 4: Living Process -->
|
||||||
|
<div class="bg-white rounded-xl p-6 shadow-md border-l-4 border-teal-500 hover:shadow-lg transition-all animate-on-scroll" data-animation="slide-up" data-stagger="400">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 rounded-lg bg-gradient-to-br from-teal-500 to-teal-600 flex items-center justify-center text-2xl mr-3">
|
||||||
|
🌱
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-bold text-gray-900">Living Process</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-700 text-sm leading-relaxed">
|
||||||
|
Framework <strong>evolves from real failures</strong>, not predetermined plans. Grows smarter through operational experience—adaptive resilience, not static rulebook.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Principle 5: Not-Separateness -->
|
||||||
|
<div class="bg-white rounded-xl p-6 shadow-md border-l-4 border-pink-500 hover:shadow-lg transition-all animate-on-scroll" data-animation="slide-up" data-stagger="500">
|
||||||
|
<div class="flex items-center mb-4">
|
||||||
|
<div class="w-12 h-12 rounded-lg bg-gradient-to-br from-pink-500 to-pink-600 flex items-center justify-center text-2xl mr-3">
|
||||||
|
⚙️
|
||||||
|
</div>
|
||||||
|
<h3 class="text-lg font-bold text-gray-900">Not-Separateness</h3>
|
||||||
|
</div>
|
||||||
|
<p class="text-gray-700 text-sm leading-relaxed">
|
||||||
|
Governance <strong>woven into deployment architecture</strong>, not bolted on. Cannot be bypassed—enforcement is structural, happening in critical execution path before actions execute.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Learn More CTA Card -->
|
||||||
|
<div class="bg-gradient-to-br from-gray-900 to-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition-all animate-on-scroll flex flex-col justify-between" data-animation="slide-up" data-stagger="600">
|
||||||
|
<div>
|
||||||
|
<h3 class="text-lg font-bold text-white mb-3">Architectural Principles</h3>
|
||||||
|
<p class="text-gray-300 text-sm leading-relaxed mb-4">
|
||||||
|
These principles guide every framework change—ensuring coherence, adaptability, and structural enforcement rather than compliance theatre.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="space-y-2">
|
||||||
|
<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">
|
||||||
|
See Technical Architecture →
|
||||||
|
</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">
|
||||||
|
Values & Principles →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Key Distinction Callout -->
|
||||||
|
<div class="bg-white rounded-xl p-8 shadow-md border-t-4 border-blue-500 animate-on-scroll" data-animation="fade-in">
|
||||||
|
<div class="flex flex-col md:flex-row items-start gap-6">
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<div class="w-16 h-16 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center text-3xl">
|
||||||
|
⚡
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1">
|
||||||
|
<h3 class="text-2xl font-bold text-gray-900 mb-3">
|
||||||
|
Architectural Enforcement vs Compliance Theatre
|
||||||
|
</h3>
|
||||||
|
<p class="text-gray-700 leading-relaxed mb-4">
|
||||||
|
<strong>Compliance theatre</strong>: Documented policies AI can bypass, post-execution monitoring, voluntary adherence.
|
||||||
|
</p>
|
||||||
|
<p class="text-gray-700 leading-relaxed">
|
||||||
|
<strong>Architectural enforcement</strong> (Tractatus): Governance services intercept actions <em>before execution</em>—technically impossible to bypass. Services coordinate in real-time, blocking non-compliant operations at the architectural level.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Value Proposition -->
|
<!-- Value Proposition -->
|
||||||
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16" aria-labelledby="core-insight">
|
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16" aria-labelledby="core-insight">
|
||||||
<div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg animate-on-scroll" data-animation="slide-up">
|
<div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg animate-on-scroll" data-animation="slide-up">
|
||||||
|
|
|
||||||
|
|
@ -112,6 +112,124 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- Why Architectural Governance Matters: Alexander Principles -->
|
||||||
|
<section class="mb-16 bg-gradient-to-br from-purple-50 to-blue-50 border-2 border-purple-200 rounded-xl p-8">
|
||||||
|
<div class="flex items-start gap-4 mb-4">
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<div class="w-14 h-14 rounded-full bg-gradient-to-br from-purple-600 to-blue-600 text-white flex items-center justify-center text-2xl">
|
||||||
|
🏛️
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1">
|
||||||
|
<h2 class="text-3xl font-bold text-gray-900 mb-3">
|
||||||
|
Why Architectural Governance Matters
|
||||||
|
</h2>
|
||||||
|
<p class="text-lg text-gray-700 mb-4">
|
||||||
|
Built on <strong>living systems principles</strong> from Christopher Alexander—governance that evolves with your organization
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="prose max-w-none text-gray-700 space-y-4">
|
||||||
|
|
||||||
|
<div class="bg-white rounded-lg p-6 border border-purple-200 mb-4">
|
||||||
|
<h3 class="text-xl font-bold text-gray-900 mb-3">Strategic Differentiator: Not Compliance Theatre</h3>
|
||||||
|
<p class="mb-3">
|
||||||
|
<strong>Compliance theatre</strong> relies on documented policies, training programs, and post-execution reviews. AI can bypass controls, enforcement is voluntary, and audit trails show what <em>should</em> happen, not what <em>did</em> happen.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<strong>Architectural enforcement</strong> (Tractatus) weaves governance into deployment architecture. Services intercept actions <em>before execution</em>—technically impossible to bypass. Audit trails prove real-time enforcement, not aspirational policy.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 class="text-lg font-bold text-gray-900 mt-6 mb-3">Five Principles for Competitive Advantage</h3>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 my-4">
|
||||||
|
|
||||||
|
<!-- Deep Interlock -->
|
||||||
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
||||||
|
<div class="flex items-center gap-3 mb-2">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-purple-100 text-purple-700 flex items-center justify-center font-bold">1</div>
|
||||||
|
<h4 class="font-bold text-gray-900">Deep Interlock</h4>
|
||||||
|
</div>
|
||||||
|
<p class="text-sm text-gray-700">
|
||||||
|
Six governance services <strong>coordinate in real-time</strong>. When one detects risk, others reinforce—resilient enforcement through mutual validation, not isolated checks.
|
||||||
|
</p>
|
||||||
|
<p class="text-xs text-gray-600 mt-2"><strong>Business Value:</strong> Single service failure doesn't compromise governance. Redundant enforcement layer.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Structure-Preserving -->
|
||||||
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
||||||
|
<div class="flex items-center gap-3 mb-2">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-blue-100 text-blue-700 flex items-center justify-center font-bold">2</div>
|
||||||
|
<h4 class="font-bold text-gray-900">Structure-Preserving</h4>
|
||||||
|
</div>
|
||||||
|
<p class="text-sm text-gray-700">
|
||||||
|
Framework changes <strong>maintain audit continuity</strong>. Historical governance decisions remain interpretable—institutional memory preserved across evolution.
|
||||||
|
</p>
|
||||||
|
<p class="text-xs text-gray-600 mt-2"><strong>Business Value:</strong> Regulatory audit trail remains valid. No "governance migration" breaking compliance records.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Gradients Not Binary -->
|
||||||
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
||||||
|
<div class="flex items-center gap-3 mb-2">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-indigo-100 text-indigo-700 flex items-center justify-center font-bold">3</div>
|
||||||
|
<h4 class="font-bold text-gray-900">Gradients Not Binary</h4>
|
||||||
|
</div>
|
||||||
|
<p class="text-sm text-gray-700">
|
||||||
|
Governance operates on <strong>intensity levels</strong> (NORMAL/ELEVATED/HIGH/CRITICAL)—nuanced response to risk, not mechanical yes/no.
|
||||||
|
</p>
|
||||||
|
<p class="text-xs text-gray-600 mt-2"><strong>Business Value:</strong> Avoids alert fatigue and over-enforcement. Matches governance intensity to actual risk level.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Living Process -->
|
||||||
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
||||||
|
<div class="flex items-center gap-3 mb-2">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-teal-100 text-teal-700 flex items-center justify-center font-bold">4</div>
|
||||||
|
<h4 class="font-bold text-gray-900">Living Process</h4>
|
||||||
|
</div>
|
||||||
|
<p class="text-sm text-gray-700">
|
||||||
|
Framework <strong>evolves from operational failures</strong>, not predetermined plans. Adaptive resilience—learns from real incidents.
|
||||||
|
</p>
|
||||||
|
<p class="text-xs text-gray-600 mt-2"><strong>Business Value:</strong> Continuous improvement without governance migration. System gets smarter through use.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Not-Separateness -->
|
||||||
|
<div class="bg-white rounded-lg p-4 border border-gray-200">
|
||||||
|
<div class="flex items-center gap-3 mb-2">
|
||||||
|
<div class="w-10 h-10 rounded-lg bg-pink-100 text-pink-700 flex items-center justify-center font-bold">5</div>
|
||||||
|
<h4 class="font-bold text-gray-900">Not-Separateness</h4>
|
||||||
|
</div>
|
||||||
|
<p class="text-sm text-gray-700">
|
||||||
|
Governance <strong>woven into deployment</strong>—cannot be disabled without breaking AI operation. Not bolt-on compliance layer.
|
||||||
|
</p>
|
||||||
|
<p class="text-xs text-gray-600 mt-2"><strong>Business Value:</strong> Cannot be circumvented, ignored, or "optimized away." Enforcement is architectural.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg mt-6">
|
||||||
|
<h3 class="text-lg font-bold text-amber-900 mb-3">Regulatory Positioning</h3>
|
||||||
|
<p class="text-sm text-amber-800 mb-3">
|
||||||
|
Regulators increasingly distinguish between <strong>documented governance</strong> (policies, training, aspirational frameworks) and <strong>demonstrated enforcement</strong> (architectural constraints with audit trails proving real-time operation).
|
||||||
|
</p>
|
||||||
|
<p class="text-sm text-amber-800">
|
||||||
|
Tractatus provides audit evidence of: (1) Governance services operating in critical path, (2) Actions blocked before execution, (3) Historical continuity of enforcement. This positions your organization ahead of "we have policies" baseline.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex gap-4 mt-6">
|
||||||
|
<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">
|
||||||
|
See Technical Architecture →
|
||||||
|
</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">
|
||||||
|
Values & Principles →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Governance Assessment Framework -->
|
<!-- Governance Assessment Framework -->
|
||||||
<section class="mb-16">
|
<section class="mb-16">
|
||||||
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.governance_assessment.heading">Governance Theatre vs. Enforcement</h2>
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.governance_assessment.heading">Governance Theatre vs. Enforcement</h2>
|
||||||
|
|
|
||||||
|
|
@ -132,6 +132,76 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- Current Research Focus: Alexander Integration -->
|
||||||
|
<section class="mb-16 bg-blue-50 border-2 border-blue-200 rounded-xl p-8 animate-on-scroll" data-animation="fade-in">
|
||||||
|
<div class="flex items-start gap-4 mb-4">
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<div class="w-12 h-12 rounded-full bg-blue-600 text-white flex items-center justify-center text-2xl">
|
||||||
|
🔬
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1">
|
||||||
|
<h2 class="text-2xl font-bold text-gray-900 mb-3">
|
||||||
|
Current Research Focus: Christopher Alexander Integration
|
||||||
|
</h2>
|
||||||
|
<p class="text-gray-700 leading-relaxed mb-4">
|
||||||
|
<strong>Integrated: October 2025 | Status: Monitoring for Effectiveness</strong>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="prose prose-sm max-w-none text-gray-700 space-y-4">
|
||||||
|
<p>
|
||||||
|
The framework has integrated five architectural principles from Christopher Alexander's work on living systems, pattern languages, and wholeness (<em>The Timeless Way of Building</em>, <em>A Pattern Language</em>, <em>The Nature of Order</em>). These principles now guide all framework evolution:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-3 my-4 text-sm">
|
||||||
|
<div class="bg-white rounded-lg p-3 border border-blue-200">
|
||||||
|
<strong class="text-blue-900">Deep Interlock:</strong> Services coordinate through mutual validation, not isolated enforcement
|
||||||
|
</div>
|
||||||
|
<div class="bg-white rounded-lg p-3 border border-blue-200">
|
||||||
|
<strong class="text-blue-900">Structure-Preserving:</strong> Changes enhance without breaking—audit logs remain interpretable
|
||||||
|
</div>
|
||||||
|
<div class="bg-white rounded-lg p-3 border border-blue-200">
|
||||||
|
<strong class="text-blue-900">Gradients Not Binary:</strong> Governance operates on intensity levels (NORMAL/ELEVATED/HIGH/CRITICAL)
|
||||||
|
</div>
|
||||||
|
<div class="bg-white rounded-lg p-3 border border-blue-200">
|
||||||
|
<strong class="text-blue-900">Living Process:</strong> Framework evolves from real operational failures, not predetermined plans
|
||||||
|
</div>
|
||||||
|
<div class="bg-white rounded-lg p-3 border border-blue-200">
|
||||||
|
<strong class="text-blue-900">Not-Separateness:</strong> Governance woven into deployment architecture—cannot be bypassed
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<strong>Research Question:</strong> Can architectural principles from physical architecture domain (Alexander) be faithfully adapted to AI governance with measurable effectiveness? We are monitoring framework behavior through audit log analysis and seeking empirical validation.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="text-lg font-bold text-gray-900 mt-6 mb-3">Research Collaboration Opportunities</h3>
|
||||||
|
|
||||||
|
<ul class="space-y-2 text-sm">
|
||||||
|
<li><strong>Effectiveness Measurement:</strong> Do Alexander principles improve governance outcomes compared to baseline? Access to 2,900+ audit decisions for quantitative analysis.</li>
|
||||||
|
<li><strong>Scholarly Review:</strong> Validating faithful application of Alexander's work—are we "directly applying" or "loosely inspired by"? Seeking Christopher Alexander scholars for formal review.</li>
|
||||||
|
<li><strong>Cross-Domain Validation:</strong> How do architectural principles (wholeness, living process, not-separateness) translate to non-physical domains? What constitutes rigorous adaptation vs superficial terminology borrowing?</li>
|
||||||
|
<li><strong>Pattern Analysis:</strong> Audit logs show service coordination patterns—do they exhibit "deep interlock" as defined by Alexander? Empirical validation of theoretical constructs.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="bg-white rounded-lg p-4 border border-blue-300 mt-4">
|
||||||
|
<p class="text-sm text-gray-800 mb-3">
|
||||||
|
<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="/contact.html" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-lg font-semibold hover:bg-blue-700 transition text-sm">
|
||||||
|
Contact for Collaboration →
|
||||||
|
</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">
|
||||||
|
Values & Principles →
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Theoretical Foundations (Accordion) -->
|
<!-- Theoretical Foundations (Accordion) -->
|
||||||
<section class="mb-16 animate-on-scroll" data-animation="fade-in">
|
<section class="mb-16 animate-on-scroll" data-animation="fade-in">
|
||||||
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.theoretical_foundations.heading">Theoretical Foundations</h2>
|
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.theoretical_foundations.heading">Theoretical Foundations</h2>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue