sistema A2S
This commit is contained in:
67
ai/tasks/done/TASK-003-landing-minimal-polish.md
Normal file
67
ai/tasks/done/TASK-003-landing-minimal-polish.md
Normal file
@@ -0,0 +1,67 @@
|
||||
# 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.
|
||||
Reference in New Issue
Block a user