comunidadhll/ai/tasks/done/TASK-003-landing-minimal-polish.md

TASK-003-landing-minimal-polish

Goal

Mejorar visualmente la landing actual de HLL Vietnam con un pulido minimo y controlado, reforzando la identidad militar y la claridad visual sin cambiar el alcance funcional de la pagina.

Context

La landing ya tiene los tres elementos principales del alcance actual: logo local, boton de Discord y trailer embebido. Tras integrar correctamente el asset del logo, el siguiente paso es mejorar la presentacion general para que la pagina tenga una apariencia mas solida, mas limpia y mas coherente con la tematica del proyecto, sin anadir nuevas secciones ni complejidad innecesaria.

Steps

1. Revisar la estructura actual de frontend/index.html.
2. Revisar los estilos actuales en frontend/assets/css/styles.css.
3. Mejorar la jerarquia visual del bloque principal:
   • logo
   • titulo principal
   • subtitulo, si existe
   • boton de Discord
   • bloque del trailer
4. Ajustar espaciados, tamanos, anchuras y alineaciones para mejorar legibilidad.
5. Reforzar la identidad visual militar sobria:
   • paleta oscura
   • acentos controlados
   • mejor contraste
   • sensacion tactica/cinematica sin recargar
6. Mejorar el contenedor del video para que se vea mas integrado en la composicion general.
7. Verificar que la landing siga funcionando correctamente en escritorio y movil.
8. Mantener el alcance estricto actual, sin anadir nuevas funcionalidades ni secciones.

Files to Read First

• frontend/index.html
• frontend/assets/css/styles.css
• docs/project-overview.md
• ai/repo-context.md
• AGENTS.md

Expected Files to Modify

• frontend/index.html
• frontend/assets/css/styles.css

Constraints

• No anadir nuevas secciones de contenido.
• No tocar backend.
• No introducir frameworks ni librerias nuevas.
• No modificar la ruta del logo.
• No cambiar el enlace de Discord.
• No cambiar el trailer.
• No hacer cambios destructivos.
• Mantener el HTML funcional abriendose directamente en navegador.

Validation

• La landing se ve mas solida y ordenada visualmente.
• Se mantiene el enfoque minimo: logo, identidad, Discord y trailer.
• El logo sigue cargando desde ./assets/img/logo.png.
• El boton de Discord sigue visible y destacado.
• El trailer sigue funcionando correctamente.
• La presentacion sigue siendo responsive.
• No se anaden elementos fuera del alcance actual.

Change Budget

• Preferir menos de 3 archivos modificados.
• Preferir menos de 180 lineas cambiadas.

Outcome

• frontend/index.html mantiene el contenido original de la landing y solo anade hooks de estilo para reforzar la jerarquia visual del bloque principal.
• frontend/assets/css/styles.css mejora composicion, contraste, espaciados y tratamiento del bloque de video con una direccion mas sobria y tactica, sin introducir nuevas secciones ni funcionalidades.
• Se mantuvieron sin cambios la ruta del logo (./assets/img/logo.png), el enlace de Discord y el iframe del trailer.
• Validacion completada mediante revision del HTML/CSS resultante y git diff --name-only, confirmando que el alcance quedo limitado a los archivos esperados.
• No hay tests de integracion configurados para este alcance; la validacion aplicable fue manual sobre compatibilidad de HTML/CSS para apertura directa en navegador y comportamiento responsive esperado.