我們就這樣回來了。
我們非常高興地宣布我們社區最受歡迎的挑戰的最新版本：前端挑戰！
前端挑戰：12 月版將持續到12 月 29 日，其中將包含兩個深受喜愛的提示： CSS Art和Glam Up My Markup 。我們的主題是十二月，旨在為每個人結束這一年提供包羅萬象和廣泛的內容。
與所有前端挑戰一樣，每個提示都會有一名獲勝者。這是兩次贏得吹牛權利的機會、6 個月的DEV++ 會員資格、專屬 DEV 徽章等等！
我們希望您能在展示 CSS 和 Javascript 技能方面獲得樂趣！繼續閱讀以了解如何參與。
提示✨
CSS 藝術：十二月
畫出當談到 12 月時你會想到什麼。根據您居住的地方，這可能意味著您正處於炎熱的夏季或穿著厚衣服去滑雪。或者，也許您將十二月與您想與我們分享的慶祝活動或傳統聯繫在一起。
不管是什麼，我們迫不及待想看到你的藝術！
這是供任何想要直接參與的人使用的提交模板，但請在提交之前查看官方挑戰頁面上的所有挑戰規則。
{% cta https://dev.to/new?prefill=---%0Atitle%3A%20%0Apublished%3A%20%0Atags%3A%20frontendchallenge%2C%20devchallenge%2C%20css%0A---% 0A%0A_This%20is%20a%20submission%20for%20%5BFrontend%20Challenge%3A%20December%20Edition%5D(https%3A%2F%2Fdev.to%2Fchallenges%2Ffrontend-2024-1frontend% %20Art%3A%20Space._%0A%0A%23%23%20靈感%0A%3C！ --%20什麼%20是%20you%20highlighting%20today%3F%20--%3E%0A%0A %23% 23%20Demo%20%0A%3C!--%20Show%20us%20your%20CSS%20Art!%20You%20can%20直接%20embed%20an%20editor%20into%20this%20post%20(this% 20the%20FAQ% 20section%20of%20the%20challenge%20page)%20or%20you%20can%20share%20an%20image%20of%20your%20project%20and%20share%20a%200%200200%200%20share%20a%200%20 。 %20you%20are%20尤其%20自豪%20of%2C%20what%20you%20hope%20to%20do%20next%2C%20etc.%20--%3E%0A%0A%3C!--%20Team%20Submissions %3A%20Please%20pick%20one%20member %20向%20發布%20the%20submission%20and%20credit%20teammates%20by%20listing%20他們的%20DEV%20in%205% 20of%20the%20post。 20許可證%20。 %20you%20想要)。
CSS 藝術提交模板
{% 結束%}
魅力我的標記：冬至
使用 CSS 和 JavaScript 使下面的入門 HTML 標記美觀、互動且有用。十二月是北半球觀察和體驗冬至的時間（南半球為六月）－我們提供了一個網站的入門模板，深入探討世界各地圍繞冬至的科學和文化。
您提交的內容應該比我們提供的 HTML 更有趣、更具互動性，但也應該可用且易於存取。您不應直接編輯提供的 HTML，除非是透過 JavaScript。我們期待風格和實質。您可以加入基本樣板，包括元標記等以用於演示目的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Winter Solstice Celebrations Around the World</title>
</head>
<body>
<header id="main-header">
<h1>Celebrating the Winter Solstice</h1>
<nav id="main-nav">
<ul>
<li><a href="#introduction">Introduction</a></li>
<li><a href="#science">The Science</a></li>
<li><a href="#hemispheres">Solstice Across Hemispheres</a></li>
<li><a href="#celebrations">Global Celebrations</a></li>
<li><a href="#traditions">Solstice Traditions</a></li>
<li><a href="#conclusion">Conclusion</a></li>
</ul>
</nav>
</header>
<section id="introduction">
<h2>Introduction to the Winter Solstice</h2>
<p>The winter solstice is a significant astronomical event that marks the shortest day and the longest night of the year. It occurs annually in December in the Northern Hemisphere and in June in the Southern Hemisphere. This event has been observed and celebrated by cultures around the world for thousands of years, often symbolizing rebirth, reflection, and the triumph of light over darkness.</p>
</section>
<section id="science">
<h2>The Science Behind the Solstice</h2>
<p>The solstices occur due to the Earth's axial tilt of approximately 23.5 degrees relative to its orbital plane around the Sun. This tilt causes different parts of the Earth to receive varying amounts of sunlight throughout the year, leading to the changing seasons. During the winter solstice, one hemisphere is tilted the farthest away from the Sun, resulting in the shortest period of daylight.</p>
<p>At the exact moment of the solstice, the Sun reaches its lowest maximum elevation in the sky. In the Northern Hemisphere, this happens around December 21st or 22nd, when the Sun is directly over the Tropic of Capricorn at 23.5 degrees south latitude. In the Southern Hemisphere, the winter solstice occurs around June 20th or 21st, when the Sun is over the Tropic of Cancer at 23.5 degrees north latitude.</p>
<p>The solstice is a precise moment in time, but its effects are felt throughout the day. The term "solstice" comes from the Latin words "sol" (sun) and "sistere" (to stand still), because the Sun's apparent movement north or south comes to a stop before reversing direction.</p>
</section>
<section id="hemispheres">
<h2>Solstice Across Hemispheres</h2>
<p>The experience of the solstice differs greatly between the Northern and Southern Hemispheres due to their opposite seasons.</p>
<article class="hemisphere" id="northern-hemisphere">
<h3>Northern Hemisphere</h3>
<p>In the Northern Hemisphere, the December solstice marks the beginning of winter. Countries like the United States, Canada, Russia, and much of Europe experience their shortest day and longest night. The weather typically becomes colder, and many cultures have developed traditions to bring light and warmth into this dark time of year.</p>
</article>
<article class="hemisphere" id="southern-hemisphere">
<h3>Southern Hemisphere</h3>
<p>Conversely, in the Southern Hemisphere, the December solstice signals the start of summer. Nations such as Australia, South Africa, and Argentina enjoy their longest day and shortest night. This time is associated with warmth, outdoor activities, and often, summer vacations.</p>
</article>
<p>This opposite experience of the solstice underscores the diversity of cultural responses to the same astronomical event, influenced by local climate and historical traditions.</p>
</section>
<section id="celebrations">
<h2>Global Celebrations of the Winter Solstice</h2>
<article class="celebration" id="newgrange">
<h3>Newgrange - Ireland</h3>
<p>The prehistoric monument of Newgrange is aligned with the rising sun on the winter solstice. Built over 5,000 years ago, it predates Stonehenge and the Egyptian pyramids. Each year, a beam of sunlight illuminates the inner chamber, symbolizing the victory of light over darkness.</p>
</article>
<article class="celebration" id="intiraymi">
<h3>Inti Raymi - Peru</h3>
<p>Although traditionally held during the June solstice, which is the winter solstice in the Southern Hemisphere, Inti Raymi is an ancient Incan festival honoring the Sun god Inti. The celebration includes music, dancing, and sacrifices, reflecting the importance of the Sun in agricultural societies.</p>
</article>
<article class="celebration" id="modranicht">
<h3>Modranicht - Anglo-Saxon Tradition</h3>
<p>Meaning "Mother's Night," Modranicht was observed by the Anglo-Saxons on the eve of the winter solstice. It was a time to honor female deities and ancestral mothers, symbolizing fertility and the rebirth of the Sun.</p>
</article>
<article class="celebration" id="koliada">
<h3>Koliada - Eastern Europe</h3>
<p>Koliada is a Slavic festival celebrated during the winter solstice. Traditions include singing carols, feasting, and lighting fires to symbolize the return of the Sun. The festival has influenced modern Christmas and New Year traditions in the region.</p>
</article>
</section>
<section id="traditions">
<h2>Common Solstice Traditions</h2>
<ul>
<li><strong>Bonfires and Candles:</strong> Lighting fires and candles is a widespread tradition to represent light overcoming darkness.</li>
<li><strong>Feasting:</strong> Communities gather to share meals, strengthening social bonds during the cold months.</li>
<li><strong>Gift-Giving:</strong> Exchanging gifts symbolizes goodwill and sharing abundance.</li>
<li><strong>Decorating with Evergreens:</strong> Using evergreen plants like holly and mistletoe represents eternal life and protection.</li>
<li><strong>Reflection and Renewal:</strong> The solstice is a time for introspection, setting intentions for the coming year.</li>
</ul>
</section>
<section id="conclusion">
<h2>Conclusion</h2>
<p>The winter solstice is a profound event that connects humanity across time and space. Despite differences in culture and climate, people around the world share common themes in their celebrations—hope, renewal, and the enduring human spirit. Understanding the science behind the solstice enhances our appreciation of these traditions and highlights our connection to the cosmos.</p>
</section>
<footer id="main-footer">
<p>© 2024 Winter Solstice Celebrations</p>
<nav id="footer-nav">
<ul>
<li><a href="#main-header">Back to Top</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
</footer>
</body>
</html>這是供任何想要直接參與的人使用的提交模板，但請在提交之前查看官方挑戰頁面上的所有挑戰規則。
{% cta https://dev.to/new?prefill=---%0Atitle%3A%20%0Apublished%3A%20%0Atags%3A%20devchallenge%2C%20frontendchallenge%2C%20css%2C%20javascript%2C%20frontendchallenge%2C%20css%2C%20javascript%0Ajava ---%0A%0A_This%20is%20a%20submission%20for%20%5BFrontend%20Challenge%20-%20December%20Edition%2C%20Glam%20Up%20My%20Markup%3A%20W%200Glam%200%20stMy%20Markup%3A%20W%20(3A%20W%20(3A%20P%20(p. %2F%2Fdev.to%2Fchallenges%2Ffrontend-2024-12-04)_%0A%0A%23%23%20What%20I%20Built%0A%0A%3C!--%20Tell%20us%20about%20your% 20landing%20page%20and%20what%20you%20were%20looking%20to%20實作。專案！ %20share%20an%20image% 20of%20your%20project%20and%20share%20a%20public%20link%20to%20the%20code.%20--%3E%0A%0A%23%23%20Journey%0A%3C! --%20Tell%20us% 20about%20your%20process%2C%20what%20you%20learn%2C%20anything%20you%20are%20尤其%20proud%20of%2C%20what%20you%20hope%20proud%200%2C%20what%20you%20hope%200% 2C%20etc.%20-- %3E%0A%0A%3C!--%20Team%20Submissions%3A%20請%20pick%20one%20member%20到%20publish%20the%20submission%20and%20credit 20by%20listing%20their%20DEV%20username% 20直接%20在%20the%20body%20of%20the%20post.%20--%3E%0A%0A%3C!--%20我們%20鼓勵%20you% 20to%20考慮%20加入%20a%20license%20for%20your% 20code.%20--%3E%0A%0A%3C!--%20Don%27t%20forget%20to%20add%20a%20cover%20image% 20to%20your%20post%20(if%20you%20want).% 20--%3E%0A%0A%3C！ --%20感謝%20%20參與！
使我的標記提交模板更加迷人
{% 結束%}
{％ 卡 ％}
如何參與
為了參與，您需要使用與每個提示關聯的提交範本來發布貼文。
請在提交之前查看我們的完整規則、指南和常見問題解答頁面，以便您了解我們的參與指南和官方競賽規則（例如資格要求）。
{% 結束卡 %}
重要日期
-
12 月 4 日：前端挑戰：12 月版開始！
-
12 月 29 日：提交截止時間為太平洋夏令時間晚上 11:59
-
1 月 9 日：得獎者公佈
我們很高興看到您 12 月提交的作品！問題？請在下面詢問他們。
祝你好運，編碼愉快！
原文出處：https://dev.to/devteam/join-us-for-the-next-frontend-challenge-december-edition-187c
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式