Updates

README.md

@@ -0,0 +1,84 @@
+# Project Name
+
+[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+[![GitHub stars](https://img.shields.io/github/stars/username/repo-name.svg)](https://github.com/username/repo-name/stargazers)
+
+A brief description of what your project does and its main features.
+
+## Table of Contents
+
+- [Project Name](#project-name)
+  - [Table of Contents](#table-of-contents)
+  - [Features](#features)
+  - [Installation](#installation)
+    - [Prerequisites](#prerequisites)
+  - [Usage](#usage)
+    - [Configuration](#configuration)
+  - [Contributing](#contributing)
+    - [Code Style](#code-style)
+  - [License](#license)
+  - [Acknowledgments](#acknowledgments)
+
+## Features
+
+- Feature 1
+- Feature 2
+- Feature 3
+- And more...
+
+## Installation
+
+To install and set up the project, follow these steps:
+
+```bash
+git clone https://github.com/username/repo-name.git
+cd repo-name
+npm install  # or pip install -r requirements.txt for Python projects
+```
+
+### Prerequisites
+
+List any prerequisites needed to run your project:
+- Node.js v14+
+- Python 3.8+
+- Other dependencies...
+
+## Usage
+
+Explain how to use your project with examples:
+
+```javascript
+// Example code snippet
+const example = require('example-package');
+
+example.function();
+```
+
+### Configuration
+
+Describe any configuration options or environment variables needed.
+
+## Contributing
+
+We welcome contributions! Please follow these steps:
+1. Fork the repository
+2. Create a feature branch (`git checkout -b feature/AmazingFeature`)
+3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
+4. Push to the branch (`git push origin feature/AmazingFeature`)
+5. Open a pull request
+
+### Code Style
+
+- Follow [ESLint](https://eslint.org/) for JavaScript projects
+- Use [Prettier](https://prettier.io/) for code formatting
+- Maintain consistent naming conventions
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## Acknowledgments
+
+- Hat tip to anyone whose code was used
+- Inspiration from other projects
+- etc.

index.html

@@ -342,15 +342,7 @@
             <!-- Game Card 1 -->
             <div class="game-card">
                 <div class="game-icon">
-                    <!-- Pac-Man SVG -->
-                    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-                        <circle cx="50" cy="50" r="45" fill="#ffcc00"/>
-                        <circle cx="35" cy="42" r="8" fill="#fff"/>
-                        <circle cx="65" cy="42" r="8" fill="#fff"/>
-                        <circle cx="35" cy="42" r="4" fill="#000"/>
-                        <circle cx="65" cy="42" r="4" fill="#000"/>
-                        <path d="M 35 70 Q 50 85 65 70 L65,72 Q58,82 42,82 Q35,79.5 35,72 Z" fill="#ffcc00"/>
-                    </svg>
+                    <img src="coyote-gulch.png" style="width: 100%; height: 100%; object-fit: contain;" />
                 </div>
                 <h3 class="game-title">Legends of Coyote Gulch</h3>
                 <p class="game-description">You are Sheriff Emily, cleaning up the town from vagrants and rival businesses.</p>