8000
Display member's CARES participation and earned seals on their profile.
Parent: #276
Reference PRD addendum for seal color spec. On profile cards:
Display as years count with star icon:
⭐ 2 years
⭐ 5 years
⭐ 10 years
Hover tooltip: "Maintained for X consecutive years"
┌─────────────────────────────────┐ │ [Photo] Species Common Name │ │ Scientific name │ │ 🟡 🟢 🔵 ⭐3yr │ │ [Expand ▼] │ └─────────────────────────────────┘
Expanded state shows:
First-time CARES section:
🐟 No CARES Species Yet Help preserve endangered fish species by registering species you maintain. [Browse CARES Species] [Learn About CARES]
Place below existing "Specialty Awards" section but above submission tables.
Collapsible by default on mobile, expanded on desktop.
feat: add CARES profile section to member page (#279)
Activity
jra3 commentedon Jan 21, 2026
UI/UX Details
Seal Badge Visual Design
Reference PRD addendum for seal color spec. On profile cards:
Longevity Indicator
Display as years count with star icon:
⭐ 2 years(minimum for longevity)⭐ 5 years(milestone)⭐ 10 years(major milestone)Hover tooltip: "Maintained for X consecutive years"
Card Layout
Expanded state shows:
Empty State
First-time CARES section:
Section Placement
Place below existing "Specialty Awards" section but above submission tables.
Collapsible by default on mobile, expanded on desktop.
feat: add CARES profile section to member page (#279)