comunidadhll/ai/tasks/done/TASK-203-public-pages-navigation-and-copy-polish.md

id, title, status, type, team, supporting_teams, roadmap_item, priority

id	title	status	type	team	supporting_teams	roadmap_item	priority
TASK-203	Public pages navigation and copy polish	done	frontend	Frontend Senior	Experto en interfaz	foundation	medium

TASK-203 - Public pages navigation and copy polish

Goal

Reorganizar la navegacion superior y normalizar el layout visual de index, historico, stats y ranking para que compartan una navegacion publica coherente, una cabecera visual alineada y textos visibles corregidos en UTF-8.

Context

Las paginas publicas principales ya exponen el producto, pero hoy mezclan botones sueltos dentro del hero, encabezados desalineados y varios textos mal codificados o demasiado tecnicos para usuarios normales. Esta tarea corrige solo la capa visual y de copy en frontend/, sin tocar backend, endpoints, logica de datos, Elo/MMR pausado, Comunidad Hispana #03 ni assets/SVGs de armas.

Preserve the current product identity: Spanish-speaking HLL Vietnam community, military/Vietnam/tactical/sober visual direction and controlled repository evolution.

Steps

1. Inspeccionar el HTML, CSS y JS compartidos de las paginas publicas afectadas.
2. Crear o reutilizar una navegacion superior global para index, historico, stats y ranking.
3. Alinear el hero de stats y ranking con la composicion visual usada por index y historico.
4. Limpiar botones duplicados dentro del hero y simplificar el copy visible sin cambiar logica de datos.
5. Corregir textos visibles con problemas de codificacion en las paginas afectadas y validar el resultado por inspeccion.

Files to Read First

• AGENTS.md
• ai/repo-context.md
• ai/architecture-index.md
• frontend/index.html
• frontend/historico.html
• frontend/assets/css/styles.css

Expected Files to Modify

• ai/tasks/done/TASK-203-public-pages-navigation-and-copy-polish.md
• frontend/index.html
• frontend/historico.html
• frontend/stats.html
• frontend/ranking.html
• frontend/assets/css/styles.css
• frontend/assets/js/stats.js
• frontend/assets/js/ranking.js

Constraints

• Keep the change minimal.
• Preserve HLL Vietnam project identity.
• Do not introduce unnecessary frameworks or dependencies.
• Do not implement backend functionality unless the task explicitly requires it.
• Do not expand Elo/MMR, historical workers or RCON server #03 handling unless the task explicitly requires it.
• Do not overwrite repository-specific context with generic platform template text.
• No ejecutar ai-platform run.
• No modificar backend/, scripts de validacion backend, endpoints, logica de datos, assets/SVGs de armas ni siluetas.
• No reactivar Elo/MMR ni reintroducir Comunidad Hispana #03.

Validation

Before completing the task ensure:

• index.html, historico.html, stats.html y ranking.html muestran navegacion superior con acceso a Inicio, Historico, Stats y Ranking
• index.html mantiene Unirse al Discord dentro del hero
• stats.html y ranking.html muestran imagen/icono de comunidad en hero
• stats.html y ranking.html ya no muestran Backend operativo
• no aparecen textos mal codificados visibles como Público, Públicos, Año, AÃo, Histórico
• ranking.html ya no muestra Fuente en el panel visible de tabla activa
• git diff --name-only matches the expected scope
• no unrelated files were modified
• integration tests are run when relevant and configured

Outcome

Archivos modificados:

• frontend/index.html
• frontend/historico.html
• frontend/stats.html
• frontend/ranking.html
• frontend/assets/css/styles.css
• frontend/assets/js/stats.js
• frontend/assets/js/ranking.js
• ai/tasks/done/TASK-203-public-pages-navigation-and-copy-polish.md

Navegacion nueva:

• Se anadio una navegacion superior comun en las cuatro paginas publicas con acceso directo a Inicio, Historico, Stats y Ranking.
• El estado activo se marca por pagina y la navegacion queda separada del hero como banda superior de tabs tacticos.

Textos corregidos:

• Se corrigieron textos visibles relacionados con Historico, publico/publicos, estadisticas, metrica, limite y ano/anual.
• En HTML se usaron entidades para asegurar render correcto en entorno Windows y lectura segura en navegador.
• En JS visible se usaron escapes Unicode donde hacia falta para evitar mojibake.

Botones movidos:

• En index, Stats, Ranking y Ver historico propio salieron del hero y pasaron a la navegacion global.
• En historico, Volver inicio y Stats se sustituyeron por la navegacion global, y se anadio acceso directo a Ranking.
• En stats y ranking, los enlaces de retorno cruzado del hero se sustituyeron por la navegacion global.

Elementos retirados:

• Se elimino el badge visible de backend en stats y ranking.
• Se elimino el campo visual Fuente del panel visible de metadata en ranking.

Validaciones ejecutadas:

• Revision por inspeccion de frontend/index.html, frontend/historico.html, frontend/stats.html y frontend/ranking.html.
• Verificacion de navegacion superior comun en las cuatro paginas.
• Verificacion de que Unirse al Discord permanece en el hero de index.
• Verificacion de que stats y ranking incluyen logo.png en el hero.
• Verificacion de que ya no existen id="stats-backend-state" ni id="ranking-backend-state" en HTML.
• Verificacion de que ranking.js ya no genera la tarjeta visible Fuente.
• Revision de git status --short --untracked-files=all y git diff --name-only.
• Confirmacion de que no hay cambios en backend/ ni en scripts/.

Tests:

• No se ejecutaron scripts de validacion frontend existentes porque los scripts disponibles no son ligeros para este alcance y uno de ellos (scripts/run-stats-validation.ps1) exige el chip stats-backend-state, eliminado intencionadamente por esta task. No se modifico ese script por estar fuera de alcance.

Confirmaciones de alcance:

• No se tocaron backend/, endpoints, logica de datos, scripts backend, Elo/MMR ni Comunidad Hispana #03.
• No se tocaron assets/SVGs de armas. Los cambios ya presentes en frontend/assets/img/weapons/ y ai/system-metrics.md eran previos y se dejaron intactos.

Change Budget

• Prefer fewer than 5 modified files.
• Prefer changes under 200 lines when feasible.
• Split the work into follow-up tasks if limits are exceeded.