Presentación de la web
¿De qué trata esta web?
Esta web está dedicada a Grogu, el personaje de Star Wars conocido como Baby Yoda. Cuenta las enseñanzas que nos deja a niños, adolescentes y adultos: la amistad, la paciencia y el valor de ayudar a los demás.
Secciones
Inicio: artículo principal sobre Grogu y lo que enseña a cada generación.
Presentación: esta página, donde se explica la web y cómo está hecha.
Quiénes somos: una breve descripción del espacio y su objetivo.
Contacto: un formulario con nombre, correo, asunto y mensaje.
Aspecto visual
Colores: fondo oscuro (#080B12) y gris azulado (#151C29) como el espacio, texto claro (#E8EDF5), amarillo de Star Wars (#FFE81F) para destacar y verde Grogu (#8FAF75) para los títulos.
Estructura: todas las páginas tienen la misma cabecera (título, imagen de Grogu y menú), un contenido central y un pie de página.
Organización del código
Archivos HTML: index.html, whatwedo.html, about.html y contact.html.
Carpeta css: main.css, la única hoja de estilos de la web.
Carpeta js: main.js, preparado para añadir JavaScript más adelante.
Carpeta images: las imágenes de la web.
Técnicas utilizadas
Flexbox: para colocar el menú en horizontal, ordenar el formulario en columna y mantener el pie de página abajo.
Diseño responsive: la etiqueta meta viewport y el uso de max-width hacen que el contenido se adapte a pantallas pequeñas.
Reutilización de estilos
Todas las páginas usan el mismo archivo css/main.css. Los colores están guardados como variables en :root, así que si cambio un color, cambia en toda la web. La cabecera, el menú y el pie de página se repiten igual en cada página.
Repositorio
El código está en GitHub: DW-Octubre-2026/dia-8