Add a new game selector screen

[angrycaptain19]

I want to extend this to support multiple games.

Let's add in a games page where you could choose which game to play.

For now, it will only show tic tac toe as an option and when you click that it should take you into the current tic tac toe game

[angrycaptain19]

@sourcery-ai plan

[sourcery-ai[bot]]

Objectives

• Create a new game selector landing page that will serve as the entry point for the application
• Design a user interface for displaying available game options
• Add Tic Tac Toe as the initial game option with appropriate visual representation
• Implement navigation logic to transition from game selector to the game.js Tic Tac Toe game
• Update the application routing structure to accommodate the new game selector page
• Ensure the existing Tic Tac Toe game functionality remains intact when launched from the selector
• Structure the code to make it easy to add more game options in the future

Setup commands

File changes

index.html

• Rename file to games/tictactoe.html to organize game files in a dedicated directory
• Update title to 'Tic Tac Toe Game'
• Update script source path to reflect new file structure

games/tictactoe.html

• Create new file with contents from old index.html
• Add a 'Back to Games' link at the bottom of the container

index.html

• Create new landing page with game selection interface
• Add container with 'Game Center' heading
• Add games grid section for game options
• Add Tic Tac Toe game card with image and title

static/css/style.css

• Add styles for game selection grid layout
• Add styles for game cards with hover effects
• Add styles for game card images and titles
• Add styles for 'Back to Games' link
• Organize CSS with sections for landing page and game-specific styles

static/js/games.js

• Create new file to handle game selection functionality
• Add click handler for game cards to navigate to specific games

static/images/tictactoe-preview.png

• Add new image file for Tic Tac Toe game preview on selection screen

Verify commands

---

This plan was automatically generated. Please review the plan carefully and make any necessary adjustments.

[angrycaptain19]

@sourcery-ai develop