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

feat: Replace Community section with Research Papers section on landing page

Browse source 
- Remove Community section (Discord cards) from landing page
- Add Research Papers section featuring STO-INN-0003 and STO-INN-0004
- Link to architectural-alignment.html and korero-counter-arguments.html
- Include download links for PDF and DOCX versions

Note: Pre-existing CSP inline styles in Village section unchanged

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
TheFlow 2026-01-20 11:43:40 +13:00
parent 6811605477
commit 53a4712338
1 changed files with 62 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

103
public/index.html
View file

@ -61,8 +61,6 @@
a:focus-visible { outline: 3px solid #3b82f6; outline-offset: 2px; }
</style>
<!-- Privacy-Preserving Analytics (Umami - GDPR Compliant, No Cookies) -->
<script src="/js/components/umami-tracker.js"></script>
<!-- Auto-reload on service worker update -->
</head>
<body class="bg-gray-50">
@ -712,65 +710,76 @@ Handles plural moral values without imposing hierarchy—facilitates human judgm
</div>
</section>
<!-- Community Section -->
<!-- Research Papers Section -->
<section class="mb-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="bg-gradient-to-br from-purple-600 to-indigo-700 rounded-2xl p-8 md:p-12 text-white shadow-2xl">
<div class="text-center mb-10">
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="community.heading">Join the Community</h2>
<p class="text-xl text-purple-100 max-w-3xl mx-auto" data-i18n="community.intro">
Connect with researchers, implementers, and leaders exploring agentic AI governance and Agent Lightning integration.
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Research Papers</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
Peer-reviewed foundations and scholarly dialogue on architectural AI governance.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl mx-auto">
<!-- Tractatus Discord -->
<div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20 hover:bg-white/15 transition-all">
<div class="flex items-center gap-4 mb-4">
<svg class="w-12 h-12 flex-shrink-0" viewBox="0 0 24 24" fill="currentColor">
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/>
</svg>
<div>
<h3 class="text-xl font-bold" data-i18n="community.tractatus_discord.title">Tractatus Discord</h3>
<p class="text-sm text-purple-100" data-i18n="community.tractatus_discord.subtitle">Governance-focused discussions</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
<!-- Primary Paper: Architectural Alignment -->
<a href="/architectural-alignment.html" class="block bg-white rounded-2xl shadow-lg border border-gray-200 hover:shadow-2xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
<div class="bg-gradient-to-r from-emerald-500 to-teal-600 p-6">
<div class="flex items-center gap-3 mb-2">
<span class="bg-white/20 text-white text-xs font-semibold px-3 py-1 rounded-full">STO-INN-0003</span>
<span class="bg-white/20 text-white text-xs font-semibold px-3 py-1 rounded-full">Primary Research</span>
</div>
<h3 class="text-2xl font-bold text-white">Architectural Alignment</h3>
</div>
<p class="text-white/90 text-sm mb-4" data-i18n="community.tractatus_discord.description">
Explore architectural constraints, research gaps, and governance frameworks for agentic AI systems.
<div class="p-6">
<p class="text-lg font-medium text-gray-900 mb-3">Interrupting Neural Reasoning Through Constitutional Inference Gating</p>
<p class="text-gray-600 mb-4">
A necessary layer in global AI containment. This paper presents the theoretical foundation for architectural constraints that preserve human agency through structural enforcement.
</p>
<a href="https://discord.gg/Dkke2ADu4E" target="_blank" rel="noopener noreferrer"
class="inline-block w-full text-center bg-white text-purple-700 font-bold px-6 py-3 rounded-lg hover:bg-purple-50 transition-all shadow-md"
data-i18n="community.tractatus_discord.cta">
Join Tractatus Server →
<div class="flex items-center justify-between">
<span class="text-sm text-gray-500">John Stroh & Claude (Anthropic) | January 2026</span>
<span class="text-emerald-600 font-semibold group-hover:underline">Read Paper →</span>
</div>
</div>
</a>
<!-- Companion Paper: Kōrero Counter-Arguments -->
<a href="/korero-counter-arguments.html" class="block bg-white rounded-2xl shadow-lg border border-gray-200 hover:shadow-2xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
<div class="bg-gradient-to-r from-purple-500 to-indigo-600 p-6">
<div class="flex items-center gap-3 mb-2">
<span class="bg-white/20 text-white text-xs font-semibold px-3 py-1 rounded-full">STO-INN-0004</span>
<span class="bg-white/20 text-white text-xs font-semibold px-3 py-1 rounded-full">Scholarly Dialogue</span>
</div>
<h3 class="text-2xl font-bold text-white">Formal Kōrero</h3>
</div>
<div class="p-6">
<p class="text-lg font-medium text-gray-900 mb-3">Counter-Arguments to Tractatus Framework Critiques</p>
<p class="text-gray-600 mb-4">
Ten critiques addressed through formal academic dialogue. Positions the framework as a Layer 2 component appropriate for current and near-term AI systems.
</p>
<div class="flex items-center justify-between">
<span class="text-sm text-gray-500">John Stroh & Claude (Anthropic) | January 2026</span>
<span class="text-purple-600 font-semibold group-hover:underline">Read Kōrero →</span>
</div>
</div>
</a>
</div>
<!-- Agent Lightning Discord -->
<div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20 hover:bg-white/15 transition-all">
<div class="flex items-center gap-4 mb-4">
<svg class="w-12 h-12 flex-shrink-0" viewBox="0 0 24 24" fill="currentColor">
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/>
<!-- Download Options -->
<div class="mt-8 text-center">
<p class="text-gray-500 text-sm mb-3">Also available for download:</p>
<div class="flex flex-wrap justify-center gap-4">
<a href="/downloads/architectural-alignment.pdf" class="inline-flex items-center gap-2 text-gray-600 hover:text-emerald-600 transition-colors">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
</svg>
<div>
<h3 class="text-xl font-bold" data-i18n="community.agent_lightning_discord.title">Agent Lightning Discord</h3>
<p class="text-sm text-purple-100" data-i18n="community.agent_lightning_discord.subtitle">Technical implementation help</p>
</div>
</div>
<p class="text-white/90 text-sm mb-4" data-i18n="community.agent_lightning_discord.description">
Get support for Agent Lightning integration, RL optimization, and performance tuning questions.
</p>
<a href="https://discord.gg/bVZtkceKsS" target="_blank" rel="noopener noreferrer"
class="inline-block w-full text-center bg-white text-purple-700 font-bold px-6 py-3 rounded-lg hover:bg-purple-50 transition-all shadow-md"
data-i18n="community.agent_lightning_discord.cta">
Join Agent Lightning Server →
Architectural Alignment (PDF)
</a>
<a href="/downloads/korero-counter-arguments.docx" class="inline-flex items-center gap-2 text-gray-600 hover:text-purple-600 transition-colors">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
</svg>
Kōrero Counter-Arguments (DOCX)
</a>
</div>
</div>
<div class="mt-8 text-center bg-white/10 backdrop-blur-sm rounded-lg py-4 px-6">
<p class="text-base text-gray-900 font-medium" data-i18n="community.welcome_message">
Both communities welcome researchers, implementers, and leaders at all experience levels.
</p>
</div>
</div>
</div>