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

feat: integrate Hugging Face Space links across website

Browse source 
- researcher.html: Add HF Space link in collaboration section and resources
- index.html: Add HF Space CTA button in hero section
- architecture.html: Add "See It In Action" interactive exploration section

All links point to https://huggingface.co/spaces/tractatus-framework/audit-log-viewer
with proper styling (HF brand colors), external link icons, and i18n support.

Implements P0 recommendations from HF exposure optimization report.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
TheFlow 2025-11-01 08:57:13 +13:00
parent 819b557ec1
commit 80c7946deb
3 changed files with 61 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
public/architecture.html
View file

@ -393,6 +393,40 @@
</div>
</section>
<!-- Interactive Exploration Section -->
<section class="bg-gradient-to-br from-yellow-50 to-orange-50 py-16 border-y border-orange-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<div class="inline-block bg-orange-600 text-white px-4 py-2 rounded-lg font-semibold mb-6 text-sm" data-i18n="interactive_exploration.badge">
🔍 INTERACTIVE EXPLORATION
</div>
<h2 class="text-4xl md:text-5xl font-bold mb-6 text-gray-900" data-i18n="interactive_exploration.heading">
See the Framework in Action
</h2>
<p class="text-xl text-gray-700 mb-8 max-w-3xl mx-auto" data-i18n-html="interactive_exploration.intro">
Explore <strong>3,942 real governance decisions</strong> from production deployment.
Filter by service, pressure level, and coordination patterns to understand how
Deep Interlock operates in practice.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="https://huggingface.co/spaces/tractatus-framework/audit-log-viewer"
target="_blank"
rel="noopener noreferrer"
class="inline-block bg-gradient-to-r from-yellow-500 to-orange-500 text-white px-8 py-4 rounded-lg font-bold text-lg hover:from-yellow-600 hover:to-orange-600 transition shadow-lg hover:shadow-xl"
data-i18n="interactive_exploration.hf_cta">
🤗 Launch Interactive Explorer on Hugging Face
</a>
<a href="/researcher.html"
class="inline-block bg-white text-gray-900 px-8 py-4 rounded-lg font-semibold text-lg hover:bg-gray-100 transition border-2 border-gray-300"
data-i18n="interactive_exploration.researcher_cta">
For Researchers →
</a>
</div>
<p class="text-sm text-gray-600 mt-6" data-i18n="interactive_exploration.footer_note">
Apache 2.0 licensed • All data anonymized • No sign-up required
</p>
</div>
</section>
<!-- Six Core Services -->
<section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<div class="text-center mb-12">

5
public/index.html
View file

@ -95,6 +95,11 @@
<a href="/docs.html"
class="btn-base btn-primary inline-block"
data-i18n="hero.cta_docs">Read Documentation</a>
<a href="https://huggingface.co/spaces/tractatus-framework/audit-log-viewer"
target="_blank"
rel="noopener noreferrer"
class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-gradient-to-r from-yellow-500 to-orange-500 text-white hover:shadow-lg hover:-translate-y-1"
data-i18n="hero.cta_hf_space">🤗 Explore Audit Logs</a>
<a href="/faq.html"
class="btn-base btn-validator inline-block"
data-i18n="hero.cta_faq">FAQ</a>

22
public/researcher.html
View file

@ -212,6 +212,12 @@
<button id="alexander-research-inquiry-button" class="inline-block bg-blue-600 text-white px-4 py-2 rounded-lg font-semibold hover:bg-blue-700 transition text-sm">
<span data-i18n="alexander_research.contact_link">Contact for Collaboration →</span>
</button>
<a href="https://huggingface.co/spaces/tractatus-framework/audit-log-viewer"
target="_blank"
rel="noopener noreferrer"
class="inline-block bg-gradient-to-r from-yellow-500 to-orange-500 text-white px-4 py-2 rounded-lg font-semibold hover:from-yellow-600 hover:to-orange-600 transition text-sm">
<span data-i18n="alexander_research.hf_space_link">🤗 Explore 3,942 Audit Decisions on HF →</span>
</a>
<a href="/about/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">
<span data-i18n="alexander_research.values_link">Values & Principles →</span>
</a>
@ -539,6 +545,22 @@
<h2 class="text-2xl font-bold text-gray-900 mb-6" data-i18n="sections.resources.heading">Research Documentation</h2>
<div class="space-y-3 text-sm">
<a href="https://huggingface.co/spaces/tractatus-framework/audit-log-viewer"
target="_blank"
rel="noopener noreferrer"
class="flex items-center justify-between p-4 border-2 border-orange-400 bg-gradient-to-r from-orange-50 to-yellow-50 rounded-lg hover:border-orange-500 hover:shadow-md transition">
<div class="flex items-center">
<span class="text-2xl mr-3">🤗</span>
<div>
<span class="font-bold text-gray-900 block" data-i18n="sections.resources.hf_space_title">Interactive Audit Log Explorer (Hugging Face)</span>
<span class="text-xs text-gray-600" data-i18n="sections.resources.hf_space_subtitle">Explore 3,942 governance decisions from production deployment</span>
</div>
</div>
<svg class="w-5 h-5 text-orange-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
</svg>
</a>
<a href="/downloads/organizational-theory-foundations-of-the-tractatus-framework.pdf" target="_blank" class="flex items-center justify-between p-4 border border-gray-300 rounded hover:border-amber-500 hover:bg-gray-50 transition">
<span class="font-medium text-gray-900" data-i18n="sections.resources.doc_1_title">Organisational Theory Foundations</span>
<svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">