Andresch catalogo - #131
Open
MrAndresChapeton wants to merge 10 commits into
Open
Conversation
- Configurar metaetiquetas SEO, Open Graph, Twitter Cards y JSON-LD. - Integrar Tailwind CSS y fuentes tipográficas (Cormorant Garamond, Manrope). - Construir layout responsivo utilizando HTML5 semántico y atributos de accesibilidad (ARIA). - Implementar los siguientes componentes de la interfaz: - Cabecera con barra de navegación. - Sección 'Hero' con el título y descripción de la colección. - Sección de filtros (categoría y talla). - Grid de listado de productos con tarjeta de ejemplo lista para renderizado dinámico. - Pie de página con enlaces secundarios.
… filtros - Reestructurar el navbar y actualizar el diseño del footer. - Añadir el logotipo del proyecto e integrar las nuevas imágenes. - Vincular la hoja de estilos local (`output.css`) y la tipografía Cormorant Garamond (Google Fonts) en el <head>. - Implementar sistema de paginación para navegar entre las diferentes categorías al aplicar filtros.
…html-hello-multiplayer into andresch-catalogo
- Modificar `index-catalogo.html` para incluir el nuevo filtro de selección de tallas. - Eliminar 4 productos por cada categoría en la maquetación para acoplar el diseño a los requerimientos y alcance del proyecto en grupo.
- Se agregan los productos correspondientes a la línea NS a la vista principal. - Actualización de la cuadrícula del catálogo para renderizar los nuevos artículos y ampliar la oferta visible para el usuario.
Cambios realizados en index-catalogo.html: - Se vinculó el archivo `output.css` en la etiqueta <head> para unificar los estilos. - Se integró el nuevo logotipo de ONYX en versión blanca dentro de la barra de navegación. - Se actualizaron los enlaces del navbar para redirigir correctamente a la vista del catálogo.
Mejoras de rendimiento orientadas a optimizar las métricas de Lighthouse en index-catalogo.html: - Se simplificó la carga de fuentes eliminando preloads de estilos redundantes. - Se corrigió la prioridad de recursos críticos: la imagen Hero mantiene carga 'eager' para favorecer el LCP, mientras que el logo del navbar ya no compite por alta prioridad. - Se optimizó la carga del grid de productos dentro del template
…inámico Cambios aplicados en index-catalogo.html: - Assets: Se reemplazaron todas las referencias de la imagen anterior por "ONYX sin fondo.png" (aplicado en metadatos SEO, og/twitter, preload, navbar y hero). - Renderizado: Se revirtió el grid a su versión dinámica, restaurando el script con el array `catalogProducts` y la lógica de inyección de templates. - Estilos: Se reactivó el runtime de Tailwind vía CDN para procesar clases dinámicas, asegurando que no haya scripts duplicados en el documento. - Semántica: Se mantuvo la base del formulario nativo con action="index-catalogo.html" y el botón de submit para los filtros.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
feat(catalogo): agregar filtro de talla y ajustar cantidad de productos
Modificar index-catalogo.html para incluir el nuevo filtro de
selección de tallas.
Eliminar 4 productos por cada categoría en la maquetación para acoplar
el diseño a los requerimientos y alcance del proyecto en grupo.