Ceci est une soumission pour Frontend Challenge - Edition de décembre, CSS Art: décembre.

Inspiration

Dans ce défi, j'ai essayé de créer une expérience différente pour chaque section, tout en essayant de raconter l'histoire du solstice d'hiver. Le défi n'est pas de pouvoir éditer la page HTML du tout avec des balises div supplémentaires et j'ai donc dû savoir comment JavaScript pour insérer des balises supplémentaires.

non seulement mes compétences CSS sont un peu rouillées, tout comme mes compétences en conception visuelle.

Démo

voici ma démo en direct
(https://december24-glaMup.vercel.app/christmas.html)

et voici mon code
https://github.com/aislinngreycat/december-dress-up-csss

Les images proviennent de UNSPLASH et j'ai utilisé Chatgpt pour échafauner une partie du code. Il est intéressant de voir à quel point il est facile de rechercher un exemple de code à l'aide de Chatgpt.

Voyage

Ceci est mon premier défi global et mon premier montage CSS en environ 5 (?) Ans. Beaucoup a changé depuis lors et je suis heureux de savoir que beaucoup d'effets visuels sont maintenant possibles même sans javascript.

Le solstice d'hiver est souvent associé à la "neige" mais ce n'est pas nécessairement le cas. Il ne s'agit même pas du tout de Noël. Il y a beaucoup d'endroits dans le monde où le 21 décembre passe sans neige et il y a beaucoup de cultures qui ne célèbrent pas Noël.
Il s'agit vraiment du mouvement de la Terre et du Soleil, et de la façon dont la lumière du jour change. C'est ce que je voulais transmettre.

La section des célébrations et des traditions est quelque chose que j'ai négligé jusqu'à présent. C'est quelque chose sur lequel j'aimerais toujours travailler si j'avais du temps au cours des prochains jours entre les événements de festing et sociaux -

1. Carte Revalue pour la section de célébration. J'aimerais que les cartes soient révélées en volant.

2. La section Tradition peut être mieux fait mais j'ai encore besoin d'une petite inspiration.

Merci d'avoir lu!