nhcarrigan/elysium
9
0
Fork 0
generated from nhcarrigan/template
Code Issues 5 Pull Requests 1 Actions Releases 10 Activity

feat: mode bar, goddess tab row, themed resource dropdown (chunk 5)

Browse Source 
Add Mortal/Goddess/Vampire mode selector bar, dynamic second tab row
that swaps per mode, goddess currencies in the resource bar dropdown
(locked pre-apotheosis), full CSS goddess theme with 300ms fade
transition, and localStorage persistence of the active mode.
This commit is contained in:
Hikari
2026-04-13 15:59:43 -07:00
committed by Naomi Carrigan
parent 0d36b255ee
commit 96d6759661
4 changed files with 341 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
goddess-todo.md
+12 -10
View File
@@ -50,16 +50,18 @@ Branch: `feat/goddess`
- [x] Tests for all 6 routes (100% coverage)
- Lint ✅ · Build ✅ · Tests ✅ (100% coverage)
## Chunk 5 — UI: Resource Bar + Mode/Tab Nav
- [ ] Add goddess currencies to resource bar dropdown (greyed pre-apotheosis)
- [ ] Add **Mode bar** (Row 1) — `Mortal | Goddess | Vampire` — always visible, locked modes show padlock pre-unlock
- [ ] Add **Tab bar** (Row 2) — swaps entirely based on selected mode:
- Mortal: Zones · Quests · Adventurers · Equipment · Upgrades · Prestige · Transcendence · Crafting · Exploration · Achievements · Codex · Story · Daily
- Goddess: Zones · Disciples · Quests · Equipment · Upgrades · Consecration · Enlightenment · Crafting · Exploration · Achievements
- Vampire: *(future — TBD)*
- [ ] Persist selected mode in game state (survives page reload)
- [ ] `.goddess-mode` CSS class toggle on root when Goddess mode selected
- [ ] 300ms CSS fade transition between base and goddess themes
## Chunk 5 — UI: Resource Bar + Mode/Tab Nav ✅ COMPLETE
- [x] Add goddess currencies (Prayers, Divinity, Stardust) to resource bar dropdown — locked icon pre-apotheosis, live values post-apotheosis
- [x] Add **Mode bar** (Row 1) — `⚔️ Mortal | ✨ Goddess | 🧛 Vampire` — always visible, locked modes show 🔒 and are disabled
- [x] Add **Tab bar** (Row 2) — swaps entirely based on selected mode
- Mortal: all existing tabs (unchanged)
- Goddess: Zones · Bosses · Quests · Disciples · Equipment · Upgrades · Consecration · Enlightenment · Crafting · Exploration · Achievements
- Vampire: placeholder (future)
- [x] Mode persists across page reloads via localStorage
- [x] `body.goddess-mode` CSS class toggled via `useEffect` when Goddess mode active
- [x] 300ms CSS fade transition on major layout elements
- [x] Goddess theme: dark navy bg, divine blue accent, gold/white accents
- Lint ✅ · Build ✅ · Tests ✅ (100% coverage)
## Chunk 6 — UI: Goddess Panels
- [ ] `GoddessZonesPanel` — zones with lock states