Create news/index pages for European languages (DA, NO, FI, DE, FR) #98
Description
📋 Issue Type
Feature Implementation
🎯 Objective
Create news/index_*.html pages for 5 European languages (Danish, Norwegian, Finnish, German, French) to expand AI-disrupted political journalism coverage across Nordic and Continental European audiences.
📊 Current State
- news/index.html (English) ✅ exists
- news/index_sv.html (Swedish) ✅ exists
- Missing: news/index_da.html (Danish), news/index_no.html (Norwegian), news/index_fi.html (Finnish), news/index_de.html (German), news/index_fr.html (French)
- No multi-language support beyond EN/SV for news section
🚀 Desired State
- 5 new news index pages created with proper language support
- Each page based on current news/index.html structure
- Fully translated UI, navigation, and content
- Proper hreflang tags for SEO
- RTL support not needed (all LTR languages)
- Consistent cyberpunk theme across all languages
🌐 Translation & Content Alignment
Translation Guide(s):
- Swedish-Translation-Guide.md (for Nordic consistency)
- Finnish-Translation-Guide.md (for Finnish localization)
- CIA Triad terminology consistency across all languages
Related Homepage Page(s):
- cia-features.html (all 14 languages)
- cia-docs.html (documentation terminology)
Multi-Language Scope: 5 European languages (DA, NO, FI, DE, FR)
Implementation Notes:
- Maintain terminology consistency with homepage CIA pages
- Use proper localization for dates, numbers, quotes
- Nordic languages (DA, NO, FI) share similar political terminology
- German/French require distinct political vocabulary
📊 CIA Data Integration Context
CIA Product(s): All 19 visualization products (Party Performance, Top 10 Rankings, Risk Assessments, etc.)
Data Source: JSON exports from https://github.com/Hack23/cia
Sample Data: service.data.impl/sample-data/
Methodology: OSINT methodologies from DATA_ANALYSIS_INTOP_OSINT.md
Implementation Notes:
- Review schema: https://github.com/Hack23/cia/tree/master/json-export-specs/schemas/
- Each language version displays same data with translated UI
- News articles will be generated in all languages via automated workflow
🔧 Implementation Approach
Pages to Create:
-
news/index_da.html (Danish)
- Title: "Nyheder - Riksdagsmonitor"
- Subtitle: "Seneste analyser fra Sveriges Riksdag"
- Filter labels: "Alle", "Uge Fremad", "Udvalg", "Forslag", mv.
-
news/index_no.html (Norwegian)
- Title: "Nyheter - Riksdagsmonitor"
- Subtitle: "Siste analyser fra Sveriges Riksdag"
- Norwegian terminology for political coverage
-
news/index_fi.html (Finnish)
- Title: "Uutiset - Riksdagsmonitor"
- Subtitle: "Viimeisimmät analyysit Ruotsin valtiopäiviltä"
- Reference Finnish-Translation-Guide.md
-
news/index_de.html (German)
- Title: "Nachrichten - Riksdagsmonitor"
- Subtitle: "Neueste Analysen aus dem schwedischen Reichstag"
- Formal German political terminology
-
news/index_fr.html (French)
- Title: "Actualités - Riksdagsmonitor"
- Subtitle: "Dernières analyses du Riksdag suédois"
- French political journalism style
Technical Requirements:
- Base structure on news/index.html
- Update
<html lang="XX">attribute - Translate all UI elements (filters, buttons, labels)
- Add proper hreflang alternates (all 14 languages)
- Update Open Graph and Twitter Card meta tags
- Maintain responsive design (320px - 1440px+)
- WCAG 2.1 AA accessibility compliance
- Use canonical URL:
news/index_XX.html
Translation Checklist:
- Page title and subtitle
- Filter bar labels and options
- Article metadata (date, type, author)
- "Read more" / "Continue reading" buttons
- Footer navigation
- Language switcher
- Meta descriptions and keywords
🤖 Recommended Agent
ui-enhancement-specialist - Expert in multi-language localization, static HTML/CSS development, and i18n best practices for political transparency platforms.
✅ Acceptance Criteria
- All 5 language files created (DA, NO, FI, DE, FR)
- Each file based on current news/index.html structure
- Proper hreflang tags linking all 14 languages
- All UI text translated (no English text in non-EN files)
- Canonical URLs correctly set
- Meta tags (OG, Twitter) translated
- HTMLHint validation passes for all files
- Link checking passes (linkinator)
- WCAG 2.1 AA compliance verified
- Responsive design tested (320px - 1440px+)
- Language switcher functional
- Sitemap updated (if needed)
- PR created and ready for review
📚 References
- Repository: https://github.com/Hack23/riksdagsmonitor
- Current news index: https://github.com/Hack23/riksdagsmonitor/blob/main/news/index.html
- Translation guides: https://github.com/Hack23/homepage (Swedish, Finnish)
- ISMS Policy: Secure Development Policy
- Architecture: ARCHITECTURE.md
🏷️ Labels
type:feature, priority:high, component:i18n, component:news, agent:ui-enhancement-specialist, languages:da-no-fi-de-fr