Design review
Course UI, mobile-first, with the timer
This build takes the approved course redesign and makes it work on a phone, adding the course time tracker we discussed. Same visual language, one responsive layout for phone and desktop. Best viewed on your phone, but resizing this window works too.
How the timer works
It counts active time only. The clock stops when the tab is hidden or when there has been no activity for two minutes, and time spent away is never added. There is no manual pause button, so there is nothing to game.
To see that without waiting, add
?demo=1
to any page for a panel that can fast-forward the clock and trigger the pause.
Try it on lesson 1.1.1.
Notes on the content
- The three lessons are really one lesson, split into three. The original build repeats the same body on all three lesson pages, so only one real lesson exists. Titles are real, the breaks between them are not.
- Quiz questions were written for this review, not taken from the real question bank.
- The course tree has duplicate lesson numbers in the source data (two 1.1.3, three 4.2.6), and Module 1 has no title. Both are shown as they are, not patched.