UNIT 17 • STAGE 5 OF 7
The Nations
Profile cards with overflow: hidden headers, the :not() pseudo-class, and your own nation research card
Stage 5: The Nations
Stage 5 builds The Nations section. Two pre-built profile cards cover Menominee and Klamath, the two most-studied cases of termination and restoration. A callout covers Red Lake Nation's successful resistance to PL 280 jurisdiction. A student card at the end is where you add research on your own nation.
The new CSS patterns are overflow: hidden on the profile card (which clips the header's background to the card's border-radius) and the :not() pseudo-class on timeline points.
Ada Deer and the Menominee Restoration
When the Menominee were terminated in 1961, their reservation became Menominee County, Wisconsin, the poorest county in the state within a decade. Menominee Enterprises Inc. (MEI), created to manage former reservation assets, began selling lakefront lots in a development called Legend Lake to non-Menominee buyers. The land sales triggered community organizing.
Ada Deer, a Menominee Nation member and social worker, became the public face of the restoration movement. She co-founded DRUMS (Determination of Rights and Unity for Menominee Shareholders) with others to oppose the land sales and push for federal restoration of recognition. She traveled to Washington with a petition signed by thousands of Menominee citizens and their allies. The Menominee Restoration Act was signed by President Nixon on December 22, 1973, becoming the first major termination reversal in history.
Ada Deer later served as Assistant Secretary of Indian Affairs under President Clinton from 1993 to 1997, becoming the first Native woman to head the Bureau of Indian Affairs.
Red Lake Nation and PL 280
Red Lake Nation, located in northern Minnesota, was explicitly excluded from PL 280's mandatory jurisdiction transfer. Section 7 of PL 280 (codified at 18 U.S.C. § 1162) named Red Lake as an exception. Red Lake is a closed reservation: non-members must obtain permission to enter the reservation, and Tribal land has never been allotted. Roger Jourdain, Chairman of Red Lake from 1955 to 1990, maintained this sovereignty through the entire termination era through persistent political resistance and by refusing to enter into agreements that would have diluted Tribal jurisdiction.
Nation Profile Card: overflow: hidden
The nation profile card has two distinct zones: a header band with a darker background and the card body. To make the header's background color clip to the card's rounded corners, the card needs overflow: hidden.
.nation-profile {
background: var(--bg-card);
border: 1px solid var(--gold-border);
border-radius: 16px;
overflow: hidden;
}
.profile-header { background: var(--bg-section); padding: 28px 32px 24px; border-bottom: 1px solid var(--gold-border); }
.profile-body { padding: 28px 32px; }
overflow: hiddenon.nation-profile: Without this, the.profile-header'sbackground: var(--bg-section)would extend into the card's corners, creating a square cut in the top-left and top-right where the card has rounded corners. Settingoverflow: hiddenclips all child content, including background colors, to the card'sborder-radius. The rounded corners now apply to everything inside the card.- This is a common pattern when you have a child element with its own background inside a rounded parent. The parent's border-radius only visually affects the parent's own background; it does not clip children without
overflow: hidden.
.tag-terminated { background: rgba(180,60,60,0.15); color: #c47070; }
.tag-restored { background: rgba(60,130,80,0.15); color: #6db882; }
.profile-name { font-family: 'Playfair Display',Georgia,serif; font-size: 1.5rem; font-weight: 900; line-height: 1.2; margin-bottom: 6px; }
.profile-location { font-size: 0.8125rem; color: var(--text-muted); }
.profile-body p { font-size: 0.9375rem; line-height: 1.7; color: var(--text-dim); margin-bottom: 1em; }
.profile-body p:last-child { margin-bottom: 0; }
Timeline Points and :not()
Each profile card has a small timeline strip at the bottom showing the key dates. The timeline points are separated by vertical dividers, except after the last point. This uses the :not() pseudo-class, which targets elements that do not match a given selector.
.timeline-point { flex: 1; text-align: center; }
.timeline-point:not(:last-child) { border-right: 1px solid var(--gold-border); }
.timeline-year { font-family: 'Playfair Display',Georgia,serif; font-size: 1.25rem; font-weight: 900; margin-bottom: 4px; }
.timeline-event { font-size: 0.75rem; color: var(--text-muted); line-height: 1.4; }
:not(:last-child): Applies to every.timeline-pointelement except the last one. The:not()pseudo-class takes any selector as its argument and inverts the match. Here it adds a right border to every timeline point that is not the last, creating vertical dividers between points without adding an unwanted border after the final point.- Compare this to the alternative: you could add
border-rightto all points and then override it with a:last-childrule that removes it. The:not()approach does it in one rule and is easier to read: "apply this to all but the last." flex: 1on.timeline-point: All points take equal space in the timeline row regardless of their text length. This keeps the dividers evenly spaced.
Your Nation Research Card
At the bottom of The Nations section is your own research card. Use the REPLACE comments to fill in information about your nation's experience during the Termination Era. Was your nation terminated? Was it affected by PL 280? Did it resist termination? What was the outcome?
Stage 5 Complete!
The Nations section is built. Stage 6 adds My Research: a source card layout and a writing area where you document the sources you used and write your own analysis of the Termination Era's impact on your nation or community.
© 2026 Relentless Feather. All rights reserved.