Skip to content

gemayc/piedras-angulares

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💎 PIEDRAS ANGULARES

Inventoras olvidadas, mujeres que cambiaron el mundo sin reconocimiento.

Este proyecto web es una galería interactiva de tarjetas tipo "flip card", dedicada a destacar a mujeres históricas cuyas invenciones y aportes científicos fueron ignorados o invisibilizados. Al pasar el cursor sobre cada tarjeta, se revela el invento o contribución de cada figura.


🧠 Tecnologías utilizadas

  • HTML5: estructura semántica del sitio.
  • CSS3: estilos personalizados, animaciones de rotación y diseño responsivo.
  • Flexbox: organización de las tarjetas en filas y columnas.
  • Media Queries: diseño adaptado a dispositivos móviles.

🎯 Objetivos del proyecto

  • Visibilizar a mujeres científicas e inventoras ignoradas por la historia.
  • Practicar conceptos de diseño responsive, animaciones CSS y efectos interactivos.
  • Fomentar el uso de tecnología como herramienta para la memoria y la educación.

🖼️ Contenido de las tarjetas

Cada tarjeta incluye:

  • Imagen principal de la persona destacada.
  • Breve biografía con contexto histórico.
  • Al girarla, muestra el invento y una imagen representativa.
  • Enlace a la Wikipedia para ampliar información.

👩 Inventoras destacadas

  • Ángela Ruiz Robles: Enciclopedia Mecánica.
  • María la Judía: Inventora del "Baño María".
  • Josefa Amar y Borbón: Defensora de la educación científica femenina.
  • María Andresa Casamayor: Autora del primer tratado científico femenino de matemáticas en España.

🖌️ Estilos personalizados

  • Paleta de colores: tonos rosados y vino para crear una estética suave pero potente.
  • Tipografías con sombras para resaltar títulos.
  • Bordes redondeados y transiciones suaves en las tarjetas.
  • Efecto de rotación en 3D al pasar el cursor.

📱 Responsive Design

  • Compatible con pantallas pequeñas gracias a flex-wrap y media queries.
  • Tamaños de fuente ajustados automáticamente para móviles.

📌 Autoría

  • Creado por: Gema Yébenes
  • Año: 2025

📝 Licencia

Este proyecto es de uso educativo y personal.
Puedes modificarlo, reutilizarlo y compartirlo siempre que atribuyas la autoría original a Gema Yébenes.


About

proyecto de aprendizaje de maquetación en html y css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors