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:
1 parent
183bcf0ef2
commit
05cfdf7b09
6 files changed
+281
-14
No files matched your search
+9
-1
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user