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.
Correct answers split two ways in production: a quiz pass or a lab answer (recorded under exercise_id: "quiz") settles the ring to calm — routine success shouldn't nag or celebrate. A CTF flag capture or a deliberate hands-on lab solve (any other exercise_id) fires the purple celebrating shimmer for 60s.

Preview each state directly

Instantly set the floating button to any state — bypasses the server's time-windows, so you can see every emotion on demand. (The simulation controls above drive the real server pipeline; these are a pure visual preview.)

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