Dr. Hex Mood-Ring Button — Demo

Drive the floating button through its states by clicking the test buttons below. Real student traffic would drive these state changes via lab activity.

Checking authentication…

Lab simulation controls

Mission ID: demo-mission-button

Watch the floating button (bottom-right) — it should change color + pulse based on state.

Mood-ring state preview

All 5 state-variant mascots side-by-side. The floating button's eye color tracks these.

calm
calm
noticing
noticing
active
active
insistent
insistent
celebrating
celebrating

Variants generated by tools/recolor_drhex_mascot.py from dr-hex-hooded-figure.svg. Source character via fal.ai Recraft v3 (commit e07dba0d2). Eye color is the only thing that changes — same character across states.

Activity log