Halit Aksoy 9619825605 feat(frontend): lay out the home page in the new design

The game in progress comes first with a large mini board; live,
popular and recent games are grids of cards with the score, a mini
board and a status pill. Live and popular games are shown together;
live games are hidden while nothing is being played.

2026-10-16 10:21:46 +03:00

1.1 KiB

Raw Blame History

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: ThemeManager takes its themes; PitViewModel.highlight set by PitAnimator; getSowingPath with 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.md and TODO.md.

1.1 KiB Raw Blame History

Web redesign: tasks

1.1 KiB

Raw Blame History