SUMMARY: Implemented complete internationalization for footer component and privacy page across English, German, and French languages. CHANGES: 1. Privacy Page Translations (3 files): - Created locales/en/privacy.json (baseline) - Created locales/de/privacy.json (German - Datenschutzerklärung) - Created locales/fr/privacy.json (French - Politique de confidentialité) - All 11 sections + Te Tiriti fully translated 2. Footer i18n Enhancement: - Rewrote footer.js with data-i18n attributes - Added languageChanged event listener for dynamic updates - Expanded homepage.json footer translations (en/de/fr) - Footer now auto-translates with language selection 3. Privacy Page Integration: - Added data-page="privacy" attribute to HTML - Added data-i18n to all content sections (header + 11 sections) - Integrated with existing language-selector.js component - Updated i18n-simple.js pageMap to recognize privacy page 4. Bug Fix: - Fixed SessionStart hook error in .claude/settings.local.json - Changed from $CLAUDE_PROJECT_DIR to absolute path - Hook now runs successfully at session start BENEFITS: - Better UX for international users (German, French speakers) - Legal compliance (privacy policy in native languages) - Consistent language experience across entire site - Leverages existing language persistence (localStorage) INTEGRATION: - Works with existing language-selector.js (flag icons: 🇬🇧 🇩🇪 🇫🇷) - Language preference persists across all pages - Zero duplication - integrates with existing i18n system WCAG COMPLIANCE: ✓ Maintains semantic HTML structure ✓ Preserves WCAG AA contrast ratios ✓ All links remain accessible and distinguishable ✓ German and French translations maintain accessibility standards FRAMEWORK COMPLIANCE: ✓ Zero CSP violations - uses data-i18n attributes only ✓ No inline scripts or styles ✓ Follows existing Tractatus i18n patterns 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| coming-soon-overlay.js | ||
| currency-selector.js | ||
| document-cards.js | ||
| document-viewer.js | ||
| footer.js | ||
| language-selector.js | ||
| navbar.js | ||