これは、フロントエンドチャレンジの提出 - 12月版、CSSアート：12月。

インスピレーション

この課題では、冬至の物語を伝えようとしながら、すべてのセクションで異なる体験を作成しようとしました。課題は、追加のDivタグを使用してHTMLページをまったく編集できないことです。そのため、追加のタグを挿入するためにJavaScriptの方法を見つけなければなりませんでした。

私のCSSスキルは少し錆びているだけでなく、視覚的なデザインスキルもそうです。

デモ

これが私のライブデモです
（https://december24-glamup.vercel.app/christmas.html）

そしてこれが私のコードです
https://github.com/aislinngreycat/december-dress-up-css

画像はofplashからのもので、ChatGptを使用してコードの一部を足場に使用しました。 chatgptを使用してサンプルコードを探すのがどれほど簡単かは興味深いです。

旅

これは私の最初の全体的な課題であり、私の最初のCSSは約5年以内に編集しています。それ以来、多くのことが変わりましたが、JavaScriptがなくても多くの視覚効果が可能になることを知ってうれしいです。

冬至はしばしば「雪」に関連付けられていますが、必ずしもそうではありません。それは本当にクリスマスについてでさえありません。 12月21日が雪なしで通過する世界には多くの場所があり、クリスマスを祝わない多くの文化があります。
それは本当に地球と太陽の動き、そして昼光がどのように変化するかについてです。それが私が伝えたかったことです。

お祝いと伝統セクションは、私がこれまで無視してきたものです。それは、ごちそうとソーシャルイベントの間に今後数日間にわたって時間があれば、私がまだ取り組みたいものです -

1. カードが祝賀セクションのために明らかになります。ホバー時にカードを公開したいのです。

2. 伝統セクションはより良いことができますが、まだ少しインスピレーションが必要です。

読んでくれてありがとう！