refactor(values): replace static footer with common footer component

Updates the Values & Principles page to use the shared footer.js component
for consistency across the site, enabling:
- Unified footer content and styling
- Automatic i18n support for footer elements
- Single source of truth for footer links
- Contact Us modal functionality

Changes:
- Removed 40+ lines of static footer HTML
- Added footer.js component reference
- Updated cache versions to current (0.1.2.1761600551809)
- Maintained all existing i18n attributes and translations

Translations already complete (127 keys each):
- German (DE): "Werte & Prinzipien" ✓
- French (FR): "Valeurs & Principes" ✓

This ensures the "Core Values" link in the common footer now leads to a
page that uses the same footer component.

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

Co-Authored-By: Claude <noreply@anthropic.com>

public/about/values.html

@@ -5,9 +5,9 @@
   <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/fonts.css?v=1761163813">
-  <link rel="stylesheet" href="/css/tailwind.css?v=1761163813">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=1761163813">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761600551809">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761600551809">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761600551809">
   <style>
     html { scroll-behavior: smooth; }
 
@@ -30,7 +30,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=1761163813"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761600551809"></script>
 
   <!-- Hero Section -->
   <div class="bg-gradient-to-br from-purple-50 to-blue-50 py-20">
@@ -370,52 +370,11 @@
     </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="/leader.html" class="hover:text-white transition">Leaders</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>
-            <li><a href="/media-inquiry.html" class="hover:text-white transition">Media Inquiries</a></li>
-            <li><a href="/case-submission.html" class="hover:text-white transition">Submit Case Study</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 space-y-2">
-        <p class="text-gray-300">Phase 1 Development - Local Prototype | Built with <a href="https://claude.ai/claude-code" class="text-blue-400 hover:text-blue-300 transition" target="_blank" rel="noopener">Claude Code</a></p>
-        <p>© 2025 Tractatus AI Safety Framework. Licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" class="text-blue-400 hover:text-blue-300 transition" target="_blank" rel="noopener">Apache License 2.0</a>.</p>
-      </div>
-    </div>
-  </footer>
+  <!-- Footer -->
+  <script src="/js/components/footer.js?v=0.1.2.1761600551809"></script>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=1761163813"></script>
-  <script src="/js/components/language-selector.js?v=1761163813"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761600551809"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761600551809"></script>
 
-

 </html>