68 lines
3.2 KiB
Markdown
68 lines
3.2 KiB
Markdown
# 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.
|