updated

.dockerignore

@@ -0,0 +1,23 @@
+# Git
+.git
+.gitignore
+.gitattributes
+
+# Docker
+Dockerfile
+docker-compose.yml
+.dockerignore
+
+# Node.js (if you later add npm packages)
+node_modules
+npm-debug.log
+
+# IDE files
+.idea
+.vscode
+*.swp
+*.swo
+
+# OS files
+.DS_Store
+Thumbs.db

Dockerfile

@@ -0,0 +1,12 @@
+FROM nginx:alpine
+
+# Copy the application files to the nginx html directory
+COPY index.html /usr/share/nginx/html/
+COPY styles.css /usr/share/nginx/html/
+COPY script.js /usr/share/nginx/html/
+
+# Expose port 80
+EXPOSE 80
+
+# Start Nginx server
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -7,4 +7,86 @@ sdk: docker
 pinned: false
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Battle Simulator
+
+An interactive battle simulation where red and blue forces fight on a dynamic battlefield. The application features different unit types, automatic combat AI, and an interactive interface that lets you inspect units during battle.
+
+## Features
+
+- **Multiple Unit Types**: Infantry, Tank, and Artillery units with unique stats and abilities
+- **Dynamic Combat**: Units automatically seek targets, attack, and respond to battlefield conditions
+- **Interactive UI**: Click on any unit to see its detailed stats and status
+- **Auto-respawn**: Units respawn after being defeated, maintaining continuous battle
+- **Visual Effects**: Attack lines, health bars, and status indicators provide visual feedback
+
+## Running the Application
+
+### Standard Method
+
+Simply open the `index.html` file in any modern web browser:
+
+```
+# Windows
+start index.html
+
+# macOS
+open index.html
+
+# Linux
+xdg-open index.html
+```
+
+### Using Docker
+
+This application can also be run using Docker, which ensures consistent behavior across different environments.
+
+#### Prerequisites
+
+- Docker
+- Docker Compose (optional, for easier management)
+
+#### Using Docker Directly
+
+1. Build the Docker image:
+   ```
+   docker build -t battle-simulator .
+   ```
+
+2. Run the container:
+   ```
+   docker run -p 8080:80 battle-simulator
+   ```
+
+3. Open your browser and navigate to:
+   ```
+   http://localhost:8080
+   ```
+
+#### Using Docker Compose
+
+1. Start the application:
+   ```
+   docker-compose up
+   ```
+
+2. Open your browser and navigate to:
+   ```
+   http://localhost:8080
+   ```
+
+3. To stop the application:
+   ```
+   docker-compose down
+   ```
+
+## How to Use
+
+- **View Unit Info**: Click on any unit to see its details in the info panel
+- **Close Info Panel**: Click the "Close" button to dismiss the unit info panel
+- **Watch the Battle**: Observe as units automatically engage in combat across the map
+
+## Technical Details
+
+- Built with pure JavaScript, HTML5, and CSS3
+- Uses HTML5 Canvas for rendering
+- No external dependencies required

docker-compose.yml

@@ -0,0 +1,11 @@
+version: '3'
+
+services:
+  battle-simulator:
+    build: .
+    ports:
+      - "8080:80"
+    volumes:
+      - ./index.html:/usr/share/nginx/html/index.html
+      - ./styles.css:/usr/share/nginx/html/styles.css
+      - ./script.js:/usr/share/nginx/html/script.js