Pits and stores are wells with scattered stones and count badges, the viewer's store on the right. Below 600 px the board stands upright. Playable pits preview their move on hover, animated pits are ringed and the pit of the last move has a dashed ring.
1.1 KiB
1.1 KiB
Web redesign: tasks
Work through the tasks in order; each ends with its checks passing and a commit. Tick a task when it is committed.
- 1. Core:
ThemeManagertakes its themes;PitViewModel.highlightset byPitAnimator;getSowingPathwith unit tests; new texts (en, tr). - 2. Backend:
GET /games/popular?kind=finished; test. - 3. Web app shell: the three themes, font, base styles,
AppHeader(logo, theme swatches, account menu, action) on every page; restyle the lobby, privacy page, loading and connection panels. - 4. Web app board:
BoardView,PitView,StoreView, stones, upright layout, highlights and move preview. - 5. Web app game page: players, turn, clocks, game-over card, move list and review banner.
- 6. Web app replay page: summary card, controls card, move list.
- 7. Web app home page: game-in-progress hero, mini boards, live / popular / recent game cards.
- 8. Checks and docs: build, Chrome check of every page at desktop and phone width in all three themes;
AGENTS.mdandTODO.md.