The header is now the logo, the page's actions, how to play, settings and the account. The theme swatches move into a settings menu; the account shows the player's initials and is on every page through an AuthUserContext. On phones the home page's actions leave the header for a row of two buttons. Checked menu items get a check at their end.
839 B
839 B
Theme polish: tasks
Work through the tasks in order; each ends with its checks passing and a commit. Tick a task when it is committed.
- 1. Spec: requirements, design and tasks.
- 2. Web app messages: Notyf at the top centre in the theme's colors.
- 3. Theme cookie: the web app saves the chosen theme for the login pages.
- 4. Login theme: the script, the three themes' styles, logo and board masks; checked in Chrome in all three themes, at desktop and phone width, with and without the cookie.
- 5. Docs:
AGENTS.md(specs list, the cookie),apps/keycloak/README.md,TODO.md. - 6. Header: the new order, the settings menu with the themes, the account on every page, the home page's actions on phones; checked in Chrome in all three themes at desktop and phone width.