Add matching quiz type, more theme colors, animal icon picker, and fix color persistence

- Fix theme not saving across sessions: /api/state was missing `theme` in SELECT
- Add 4 new color themes: red, teal, yellow, indigo (student + admin)
- Add animal icon picker (32 animals) with PATCH /api/students/:id/emoji endpoint
- Add Matching item type: word bank (A, B, C… alphabetical) + clue blanks, auto-graded
- Matching submit button stays disabled until all blanks are filled

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Nate EmmertandClaude Sonnet 4.6 committed 2026-08-01 16:27:22 -04:00
1 parent 183bcf0ef2
commit 05cfdf7b09
6 files changed
+281 -14

No files matched your search

+9 -1
View File
@@ -21,7 +21,10 @@
<section id="view-kid" class="view" hidden>
<div class="kid-topbar">
<button class="back-btn" data-nav="home">← Switch</button>
<button id="theme-picker-btn" class="theme-picker-btn" aria-label="Pick my color">🎨</button>
<div class="kid-topbar-actions">
<button id="icon-picker-btn" class="theme-picker-btn" aria-label="Change my animal">🐾</button>
<button id="theme-picker-btn" class="theme-picker-btn" aria-label="Pick my color">🎨</button>
</div>
</div>
<h1 id="kid-greeting"></h1>
<div id="theme-dots" class="theme-dots" hidden>
@@ -30,7 +33,12 @@
<button class="theme-dot theme-purple" data-theme="purple" title="Purple"></button>
<button class="theme-dot theme-orange" data-theme="orange" title="Orange"></button>
<button class="theme-dot theme-pink" data-theme="pink" title="Pink"></button>
<button class="theme-dot theme-red" data-theme="red" title="Red"></button>
<button class="theme-dot theme-teal" data-theme="teal" title="Teal"></button>
<button class="theme-dot theme-yellow" data-theme="yellow" title="Yellow"></button>
<button class="theme-dot theme-indigo" data-theme="indigo" title="Indigo"></button>
</div>
<div id="icon-grid" class="icon-grid" hidden></div>
<div class="kid-nav">
<button class="nav-pill active" data-tab="today">📋 Today</button>