Skip to content

Create news/index pages for Spanish and Dutch (ES, NL) #100

New issue
New issue
Closed
#101
Closed
Create news/index pages for Spanish and Dutch (ES, NL)#100
#101
Assignees
petherscopilot-swe-agent
Labels
component:i18ncomponent:newspriority:hightype:feature
@pethers

Description

@pethers
pethers
opened on Feb 11, 2026

📋 Issue Type

Feature Implementation

🎯 Objective

Create news/index_*.html pages for Spanish and Dutch to expand AI-disrupted political journalism coverage to Latin America, Spain, Netherlands, and Belgium audiences.

📊 Current State

🚀 Desired State

  • 2 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
  • Spanish: Global vs. Latin American considerations
  • Dutch: Netherlands and Belgium coverage
  • Consistent cyberpunk theme

🌐 Translation & Content Alignment

Translation Guide(s):

  • Spanish-Translation-Guide.md (Global vs. Latin American Spanish)
  • Swedish-Translation-Guide.md (for consistency check)

Related Homepage Page(s):

  • cia-features.html (ES/NL versions)
  • cia-docs.html (documentation terminology)
  • swedish-election-2026.html (ES/NL versions)

Multi-Language Scope: 2 languages (ES, NL)

Implementation Notes:

  • Spanish: Use neutral global Spanish (español neutro) suitable for both Spain and Latin America
  • Avoid regionalisms (e.g., use "computadora/ordenador" → "equipo", "coche/carro" → "vehículo")
  • Dutch: Standard Dutch (Standaardnederlands) understood in NL and BE
  • Review homepage Spanish/Dutch pages for terminology consistency

📊 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:

🔧 Implementation Approach

Pages to Create:

  1. news/index_es.html (Spanish)

    • Title: "Noticias - Riksdagsmonitor"
    • Subtitle: "Últimos análisis del Riksdag sueco"
    • Description: "Periodismo político impulsado por IA con capacidades OSINT de CIA"
    • Filter labels: "Todos", "Semana Próxima", "Comités", "Propuestas", etc.
    • Date format: "DD de MMM de YYYY" (e.g., "10 de feb de 2026")
    • Number format: "1.234,56" (European style, used in Spain)

  2. news/index_nl.html (Dutch)

    • Title: "Nieuws - Riksdagsmonitor"
    • Subtitle: "Laatste analyses uit de Zweedse Riksdag"
    • Description: "AI-gedreven politieke journalistiek met CIA OSINT-mogelijkheden"
    • Filter labels: "Alle", "Volgende Week", "Commissies", "Voorstellen", etc.
    • Date format: "DD MMM YYYY" (e.g., "10 feb 2026")
    • Number format: "1.234,56" (European style)

Technical Requirements:

  • Base structure on news/index.html
  • Update <html lang="es"> / <html lang="nl"> 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 URLs: news/index_es.html, news/index_nl.html

Spanish-Specific Translations:

  • "News" → "Noticias"
  • "AI-Disrupted Political Journalism" → "Periodismo Político Impulsado por IA"
  • "Parliament" → "Parlamento" (not "Congreso")
  • "Government" → "Gobierno"
  • "Agencies" → "Agencias"
  • "Week Ahead" → "Semana Próxima"
  • "Committee Reports" → "Informes de Comités"
  • "Read more" → "Leer más"

Dutch-Specific Translations:

  • "News" → "Nieuws"
  • "AI-Disrupted Political Journalism" → "AI-gedreven Politieke Journalistiek"
  • "Parliament" → "Parlement"
  • "Government" → "Regering"
  • "Agencies" → "Agentschappen"
  • "Week Ahead" → "Volgende Week"
  • "Committee Reports" → "Commissierapporten"
  • "Read more" → "Lees meer"

Translation Checklist:

  • Page title and subtitle
  • Meta description with AI/OSINT positioning
  • Filter bar labels and options
  • Article type labels
  • Date and number formatting
  • "Read more" / "Continue reading" buttons
  • Footer navigation
  • Language switcher
  • Political terminology consistency

🤖 Recommended Agent

ui-enhancement-specialist - Expert in multi-language localization, static HTML/CSS development, and i18n best practices with Spanish/Dutch language support.

✅ Acceptance Criteria

  • news/index_es.html created with global Spanish
  • news/index_nl.html created with standard Dutch
  • Both files based on current news/index.html structure
  • Proper hreflang tags linking all 14 languages
  • All UI text translated (no English text)
  • Spanish uses neutral/global terminology (not regional)
  • Canonical URLs correctly set
  • Meta tags (OG, Twitter) translated
  • Date/number formatting matches locale
  • HTMLHint validation passes for both files
  • Link checking passes (linkinator)
  • WCAG 2.1 AA compliance verified
  • Responsive design tested (320px - 1440px+)
  • Language switcher functional
  • Terminology consistent with homepage ES/NL pages
  • PR created and ready for review

📚 References

🏷️ Labels

type:feature, priority:high, component:i18n, component:news, agent:ui-enhancement-specialist, languages:es-nl

Metadata

Metadata

Assignees

Labels

component:i18ncomponent:newspriority:hightype:feature

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions