Esta es una envío para Frontend Challenge - Diciembre Edition, CSS Art: diciembre.

Inspiración

En este desafío, intenté crear una experiencia diferente para cada sección, mientras intentaba contar la historia del solsticio de invierno. El desafío es no poder editar la página HTML en absoluto con etiquetas DIV adicionales, por lo que tuve que averiguar cómo JavaScript para insertar etiquetas adicionales.

no solo mis habilidades CSS son un poco oxidadas, también lo son mis habilidades de diseño visual.

Manifestación

Aquí está mi demostración en vivo
(https://december24-gllamup.vercel.app/christmas.html)`&&&]

https://github.com/aislinngreycat/december-dress-css§&&&]
Las imágenes provienen de Unsplash y utilicé chatgpt para andamiar parte del código. Es interesante lo fácil que es buscar código de muestra usando chatgpt.

Viaje

Este es mi primer desafío general y mi primera edición de CSS en aproximadamente 5 (?) Años. Mucho ha cambiado desde entonces y estoy feliz de saber que ahora son posibles muchos efectos visuales incluso sin JavaScript.

El solsticio de invierno a menudo se asocia con "nieve", pero ese no es necesariamente el caso. Ni siquiera se trata realmente de Navidad en absoluto. Hay muchos lugares en el mundo donde pasa el 21 de diciembre sin nieve y hay muchas culturas que no celebran la Navidad.

La sección Celebraciones y tradiciones son algo que he descuidado hasta ahora. Es algo en lo que todavía me gustaría trabajar si tengo algo de tiempo durante los próximos días entre los eventos sociales y de fianza -

La tarjeta revela la sección de celebración. Me gustaría que las tarjetas se revelen al pasar el rato.
La sección de tradición se puede hacer mejor, pero aún necesito un poco de inspiración.
¡Gracias por leer!