Este proyecto es una plataforma interactiva de gestión de identidades visuales desarrollada para el módulo de Lenguajes de Marcas. Implementa un sistema de internacionalización nativo y una interfaz basada en estética de terminal industrial.
- Atributo
lang: Uso de estándares ISO para la definición de idiomas en el DOM. - Client-Side Switching: Cambio de idioma dinámico mediante selectores descendentes de CSS y manipulación de clases en el
body. - Accesibilidad: Estructura preparada para lectores de pantalla con etiquetas semánticas.
- XML de Datos: Archivo
logos.xmlque actúa como base de datos local para la gestión de las marcas. - SVG: Integración de gráficos vectoriales escalables basados en XML para garantizar la máxima resolución de los logotipos.
- Sindicación RSS: Canal
novedades.rssimplementado para la distribución de actualizaciones del catálogo.
- Estética CRT/Retro: Filtros CSS y animaciones de escaneado que simulan un monitor industrial antiguo.
- Layout: Uso de CSS Grid y Flexbox para una galería responsive y adaptable.
- Glassmorphism: Efectos de transparencia y desenfoque de fondo en las tarjetas de logos.
/
├── index.html # Estructura principal y lógica de cambio de idioma
├── style.css # Estilos industriales, animaciones y lógica i18n
├── logos.xml # Almacenamiento estructurado de la información
├── novedades.rss # Canal de sindicación de contenidos
└── /img # Repositorio de logotipos (1.png - 5.png)
🛠️ Instalación y Visualización
Clona el repositorio:
Bash
git clone [https://github.com/DiegoFdzOrtega/Formateo_de_emails.git](https://github.com/DiegoFdzOrtega/Formateo_de_emails.git)
Para visualizar correctamente las funciones de XML, se recomienda abrir el proyecto con la extensión Live Server de VS Code o desplegarlo en GitHub Pages.
📝 Notas de Versión
v2.0: Implementación de diseño Cyberpunk, optimización de carga de imágenes y corrección de rutas relativas para despliegue en servidor.
Desarrollado por Diego - DAM1 🤖