From a12dade227c122b3378dfa58240b1d0dfb61324c Mon Sep 17 00:00:00 2001 From: Lil-Carpi Date: Thu, 20 Nov 2025 14:54:59 +0100 Subject: [PATCH] README actualizado --- README.md | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 73 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index b502777..5a89e0f 100644 --- a/README.md +++ b/README.md @@ -1 +1,73 @@ -# LDM-ASIR +# Portafolio LDM-ASIR: Desarrollo Web + +Bienvenido a mi colección de prácticas y proyectos. Este repositorio documenta mi progresión en el aprendizaje de tecnologías web, desde estructuras básicas HTML hasta diseños modernos con efectos visuales avanzados. + +--- + +## Tecnologías Utilizadas + +* **Lenguajes:** ![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat-square&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat-square&logo=css3&logoColor=white) +* **Fuentes e Iconos:** Google Fonts (Manjari) & Font Awesome. +* **Estilos:** Flexbox, CSS Grid, Posicionamiento Absoluto/Relativo. +* **Diseño UI:** Glassmorphism (Efecto cristal), Diseño Responsivo. + +--- + +## Proyecto Destacado: JocsMania + +El trabajo principal de este repositorio. Una web moderna sobre videojuegos con estética **Glassmorphism**. + +**Ubicación:** [`projecte-final/main/`](projecte-final/main/indexSAD.html) + +### Características Clave +* **Diseño Glassmorphism:** Uso intensivo de `backdrop-filter: blur` para crear paneles de cristal semitransparentes. +* **Navegación Móvil:** Menú hamburguesa totalmente responsive creado con CSS puro (Checkbox Hack). +* **Tarjetas Interactivas:** Efectos de *hover* y transiciones suaves en la lista de juegos. + +| Archivo Principal | Descripción | +| :--- | :--- | +| `indexSAD.html` | Página de inicio con las "Top Ventas". | +| `videojocsSAD.html` | Catálogo completo de juegos. | +| `style.css` | Hoja de estilos principal con variables y media queries. | + +--- + +## Colección de Prácticas (Ejercicios) + +Evolución de ejercicios realizados durante el curso: + +| Actividad | Temática | Ruta | +| :--- | :--- | :--- | +| **ACT 24** | 🎬 **El Cinema**
Mini-web con fichas de actores y películas. | [`/ACT24_sad`](ACT24_sad/inicial_sad.html) | +| **ACT 27** | 🖌️ **Katsushika Hokusai**
Biografía y galería de arte. | [`/ACT27_sad`](ACT27_sad/ACT27_sad.html) | +| **ACT 25** | 🐶 **Mascotas**
Estructura básica de blog. | [`/ACT25_sad`](ACT25_sad/index.html) | +| **ACT 23** | 📝 **Tablas**
Maquetación de datos y listas. | [`/ACT23_sad`](ACT23_sad/act23_sad.html) | +| **ACT 21/22** | 🌑 **Conceptos Básicos**
Primeros pasos con HTML/CSS (La Lluna). | [`/ACT21_sad`](ACT21_sad/act21_sad.html) | + +--- + +## Notas de Aprendizaje (DevLog) + +> *"Es buena práctica documentar lo que se aprende."* + +### Glassmorphism +Efecto de tipo cristal opaco, popularizado recientemente por Apple y presente antiguamente en Windows Aero. +* **Nota:** El uso excesivo de `backdrop-filter` puede impactar el rendimiento (batería) en móviles antiguos. + +### Etiqueta `