Unit 4 · Stage 6

Your Calendar

Every stage so far has been about building the calendar. It works, the hover is smooth, the layout holds. This stage is different. This is where you replace the example content with knowledge that belongs to your own community. The code is already built, so your work now is research, writing, and choosing what goes on the page. Edit freely in the editor, or press 👀 Type it with me to walk through the example first. (pause on a highlighted word to see what it does)

📦 Quick recap. You already have a full four-season calendar with names, activities, hover effects, and colors. Every property you have learned lives in the 📖 Glossary at the top. In this stage you change the words and the colors, not the structure.

1 This stage is yours

The code is finished. What happens here is research and choice. You will keep the structure exactly as it is and swap in seasonal knowledge from your own Tribal community or region. If a practice is sacred and not meant to be shared publicly, leave it out for now. Stage 7 is about exactly that choice.

🗺️ Finding your community's seasonal knowledge. Strong sources are: official Tribal nation websites, which often publish their own seasonal calendars and harvest schedules; elders and family members who can share what their community does each season, which is always the best source; the sources on the Unit 4 overview page for Ojibwe, Dakota, and Lakota practices; and school or library resources about Tribal nations in your state. Always give credit to your sources.

2 Rename the calendar

Find the <title> tag, the <h1>, and the subtitle paragraph in the editor. Replace the generic text with a title that names YOUR calendar and a subtitle that names your community or region.

Titles you might use

Lakota Seasonal Calendar: Names a specific Nation, so a reader knows whose knowledge this is.
Mille Lacs Band Seasonal Practices: Names a specific Band or community within a Nation.
Seasonal Lifeways of the [Your Nation]: A pattern you can fill in with your own Nation or your own name.

✍️ Change the <title>, the <h1>, and the calendar-subtitle text to name your own calendar and community. Use the example below, then press ▶ Run.

<title>Lakota Seasonal Calendar</title>

<h1>Lakota Seasonal Calendar</h1>
<p class="calendar-subtitle">Traditional seasonal knowledge of the Lakota people</p>

3 Replace the spring content

Find the spring <div>. There are two things to replace: the <span class="season-name-native"> text, and the four <li> activities. Do not change the tags, only the text inside them.

What to put in each part

season-name-native: The seasonal word from your Tribal nation's language, if you know it. If not, leave a placeholder and ask an elder or teacher.
<li> items: Three to five activities, practices, or foods your community observes in spring. Be specific: "Wild rice planting" is stronger than "food gathering".

✍️ Replace the spring name and its activities with your community's spring knowledge. Use the example below, then press ▶ Run.

<div class="season spring">
  <h2>Spring</h2>
  <span class="season-name-native">Wetu (Lakota)</span>
  <ul class="season-activities">
    <li>Maple sap gathering</li>
    <li>First thunder ceremonies</li>
    <li>Planting the gardens</li>
  </ul>
</div>

4 Replace summer, fall, and winter

Work through the other three seasons the same way. Find each season <div>, update the native language name, and replace the four list items with your community's practices for that season.

Move top to bottom through the code. The structure is the same for every season: an <h2> for the English name, a <span class="season-name-native"> for the language name, and a <ul class="season-activities"> with <li> items inside it. Leave that structure alone, just replace the text.

✍️ Fill in summer, fall, and winter, each with a name and its activities. Use the example below, then press ▶ Run.

<div class="season summer">
  <h2>Summer</h2>
  <span class="season-name-native">Bloketu (Lakota)</span>
  <ul class="season-activities">
    <li>Chokecherry and berry picking</li>
    <li>Sun Dance season</li>
    <li>Drying meat and berries</li>
  </ul>
</div>

🤔 Quick check before you go on

You are about to change each season's color. In your color rules, what do you add to a selector to style a card while the mouse is over it? It starts with a colon. Type it, then press Submit to unlock the last step.

5 Customize the colors

Look at the four color rules near the bottom of your CSS: .spring, .summer, .fall, and .winter, along with their :hover versions. These were chosen as defaults, but they do not have to stay.

Directions to explore

Earthy tones: Deep burgundy for fall, pale birch-white for winter, pine green for spring.
Your Nation's colors: Colors from your Tribal nation's flag or regalia.
Colors from the land: The color of wild rice water in September, the sky in January, the prairie in July.

✍️ Update the four season colors to reflect how YOUR community experiences each season. When you change a season color, also set its :hover to a slightly darker shade. Use the example below, then press ▶ Run.

.spring { background-color: #6b8f3a; }
.summer { background-color: #d9a441; }
.fall   { background-color: #8a3f2a; }
.winter { background-color: #2c3e50; }

.spring:hover { background-color: #5c7d30; }
.summer:hover { background-color: #c69436; }
.fall:hover   { background-color: #762f1e; }
.winter:hover { background-color: #22303e; }

✓ Finish this stage

To complete Stage 6, keep a name in each season, activities inside each card, and a color for each season. When your calendar feels complete, press ⬇ in the preview bar to download it as seasonal-calendar.html and open it in a browser to see the full result. Then press Check my work. This opens Stage 7, where you will learn the difference between sacred and shareable knowledge, and it lets your teacher see that you finished.

YOUR CODE

PREVIEW