diff --git a/index.html b/index.html
deleted file mode 100644
index f262f49..0000000
--- a/index.html
+++ /dev/null
@@ -1,279 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>3D Jenga Game with Realistic Block Physics</title>
-    <style>
-        body { margin: 0; }
-        canvas { display: block; }
-        #info {
-            position: absolute;
-            top: 10px;
-            width: 100%;
-            text-align: center;
-            color: white;
-            font-family: Arial, sans-serif;
-            background-color: rgba(0,0,0,0.5);
-            padding: 10px;
-        }
-    </style>
-</head>
-<body>
-    <div id="info">Touch a block to select it (turns green), then swipe to remove it.</div>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/cannon.js/0.6.2/cannon.min.js"></script>
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            if (typeof THREE === 'undefined' || typeof CANNON === 'undefined') {
-                document.getElementById('info').textContent = 'Error: Required libraries not loaded. Please check your internet connection and reload the page.';
-                return;
-            }
-
-            let scene, camera, renderer, world;
-            let blocks = [];
-            let selectedBlock = null;
-            let isDragging = false;
-            let mouseStart = new THREE.Vector2();
-            let mouseEnd = new THREE.Vector2();
-            let lastUpdateTime = 0;
-            const timeStep = 1 / 60;
-            let isSettling = true;
-            let settlingFrames = 0;
-
-            const BLOCK_COLOR = 0xF5DEB3;  // Beige color
-            const SELECTED_COLOR = 0x00FF00;  // Green color
-
-            function init() {
-                scene = new THREE.Scene();
-                scene.background = new THREE.Color(0x87CEEB);
-                camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
-                renderer = new THREE.WebGLRenderer({ antialias: true });
-                renderer.setSize(window.innerWidth, window.innerHeight);
-                document.body.appendChild(renderer.domElement);
-
-                scene.add(new THREE.AmbientLight(0x404040, 0.5));
-                const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8);
-                directionalLight.position.set(1, 1, 1);
-                scene.add(directionalLight);
-
-                camera.position.set(0, 5, 10);
-                camera.lookAt(0, 5, 0);
-
-                world = new CANNON.World();
-                world.gravity.set(0, -9.82, 0);
-                world.solver.iterations = 50;
-                world.solver.tolerance = 0.001;
-
-                createGround();
-                createTower();
-
-                window.addEventListener('resize', onWindowResize, false);
-                renderer.domElement.addEventListener('mousedown', onMouseDown, false);
-                renderer.domElement.addEventListener('mousemove', onMouseMove, false);
-                renderer.domElement.addEventListener('mouseup', onMouseUp, false);
-                renderer.domElement.addEventListener('touchstart', onTouchStart, false);
-                renderer.domElement.addEventListener('touchmove', onTouchMove, false);
-                renderer.domElement.addEventListener('touchend', onTouchEnd, false);
-
-                animate();
-            }
-
-            function createGround() {
-                const groundBody = new CANNON.Body({ mass: 0 });
-                groundBody.addShape(new CANNON.Plane());
-                groundBody.quaternion.setFromAxisAngle(new CANNON.Vec3(1, 0, 0), -Math.PI / 2);
-                world.addBody(groundBody);
-
-                const groundMesh = new THREE.Mesh(
-                    new THREE.PlaneGeometry(10, 10),
-                    new THREE.MeshPhongMaterial({ color: 0xcccccc })
-                );
-                groundMesh.rotation.x = -Math.PI / 2;
-                scene.add(groundMesh);
-            }
-
-            function createTower() {
-                const blockShape = new CANNON.Box(new CANNON.Vec3(0.75, 0.25, 0.25));
-                const blockGeometry = new THREE.BoxGeometry(1.5, 0.5, 0.5);
-                const blockMaterial = new THREE.MeshPhongMaterial({ color: BLOCK_COLOR });
-
-                for (let i = 0; i < 18; i++) {
-                    const y = i * 0.5 + 0.25;
-                    for (let j = 0; j < 3; j++) {
-                        const blockBody = new CANNON.Body({
-                            mass: 5,
-                            linearDamping: 0.4,
-                            angularDamping: 0.4,
-                            material: new CANNON.Material({ friction: 0.5, restitution: 0.3 })
-                        });
-                        blockBody.addShape(blockShape);
-
-                        const blockMesh = new THREE.Mesh(blockGeometry, blockMaterial.clone());
-
-                        if (i % 2 === 0) {
-                            blockBody.position.set(j * 0.5 - 0.5, y, 0);
-                            blockMesh.position.copy(blockBody.position);
-                        } else {
-                            blockBody.position.set(0, y, j * 0.5 - 0.5);
-                            blockBody.quaternion.setFromAxisAngle(new CANNON.Vec3(0, 1, 0), Math.PI / 2);
-                            blockMesh.position.copy(blockBody.position);
-                            blockMesh.quaternion.copy(blockBody.quaternion);
-                        }
-
-                        blockBody.sleepSpeedLimit = 0.1;
-                        blockBody.sleepTimeLimit = 0.1;
-
-                        world.addBody(blockBody);
-                        scene.add(blockMesh);
-                        blocks.push({ mesh: blockMesh, body: blockBody });
-                    }
-                }
-            }
-
-            function onMouseDown(event) {
-                event.preventDefault();
-                handleStart(event.clientX, event.clientY);
-            }
-
-            function onMouseMove(event) {
-                event.preventDefault();
-                handleMove(event.clientX, event.clientY);
-            }
-
-            function onMouseUp(event) {
-                event.preventDefault();
-                handleEnd();
-            }
-
-            function onTouchStart(event) {
-                event.preventDefault();
-                if (event.touches.length > 0) {
-                    handleStart(event.touches[0].clientX, event.touches[0].clientY);
-                }
-            }
-
-            function onTouchMove(event) {
-                event.preventDefault();
-                if (event.touches.length > 0) {
-                    handleMove(event.touches[0].clientX, event.touches[0].clientY);
-                }
-            }
-
-            function onTouchEnd(event) {
-                event.preventDefault();
-                handleEnd();
-            }
-
-            function handleStart(clientX, clientY) {
-                if (isSettling) return;
-                mouseStart.set(
-                    (clientX / window.innerWidth) * 2 - 1,
-                    -(clientY / window.innerHeight) * 2 + 1
-                );
-                isDragging = true;
-                lastUpdateTime = Date.now();
-                checkBlockSelection(mouseStart);
-            }
-
-            function handleMove(clientX, clientY) {
-                if (!isDragging || isSettling) return;
-
-                mouseEnd.set(
-                    (clientX / window.innerWidth) * 2 - 1,
-                    -(clientY / window.innerHeight) * 2 + 1
-                );
-
-                if (selectedBlock && !selectedBlock.isRemoving) {
-                    const currentTime = Date.now();
-                    const deltaTime = (currentTime - lastUpdateTime) / 1000;  // Convert to seconds
-                    lastUpdateTime = currentTime;
-
-                    const swipeDirection = new THREE.Vector2().subVectors(mouseEnd, mouseStart);
-                    const swipeVelocity = swipeDirection.divideScalar(deltaTime);
-
-                    if (swipeVelocity.length() > 0.1) {
-                        startRemovingBlock(selectedBlock, swipeVelocity);
-                    }
-                }
-
-                mouseStart.copy(mouseEnd);
-            }
-
-            function handleEnd() {
-                isDragging = false;
-                if (selectedBlock && !selectedBlock.isRemoving) {
-                    selectedBlock.mesh.material.color.setHex(BLOCK_COLOR);
-                }
-                selectedBlock = null;
-            }
-
-            function checkBlockSelection(mouse) {
-                const raycaster = new THREE.Raycaster();
-                raycaster.setFromCamera(mouse, camera);
-                const intersects = raycaster.intersectObjects(blocks.map(b => b.mesh));
-                if (intersects.length > 0) {
-                    selectedBlock = blocks.find(b => b.mesh === intersects[0].object);
-                    selectedBlock.mesh.material.color.setHex(SELECTED_COLOR);
-                }
-            }
-
-            function startRemovingBlock(block, swipeVelocity) {
-                block.isRemoving = true;
-
-                // Calculate the 3D velocity based on the 2D swipe
-                const velocity = new CANNON.Vec3(
-                    swipeVelocity.x * 10,  // Scale factor for x (left/right)
-                    Math.abs(swipeVelocity.y) * 5,  // Scale factor for y (up), always positive
-                    swipeVelocity.y * 10  // Scale factor for z (in/out of screen)
-                );
-
-                // Apply the velocity to the block
-                block.body.velocity.copy(velocity);
-
-                // Add some angular velocity for more dynamic motion
-                block.body.angularVelocity.set(
-                    Math.random() - 0.5,
-                    Math.random() - 0.5,
-                    Math.random() - 0.5
-                );
-
-                // Ensure the block can now move freely
-                block.body.collisionFilterGroup = 2;  // New collision group
-                block.body.collisionFilterMask = 1;   // Only collide with the ground
-            }
-
-            function onWindowResize() {
-                camera.aspect = window.innerWidth / window.innerHeight;
-                camera.updateProjectionMatrix();
-                renderer.setSize(window.innerWidth, window.innerHeight);
-            }
-
-            function animate() {
-                requestAnimationFrame(animate);
-                
-                if (isSettling) {
-                    settlingFrames++;
-                    if (settlingFrames > 60) {  // Allow 1 second for settling
-                        isSettling = false;
-                        blocks.forEach(block => {
-                            block.body.type = CANNON.Body.DYNAMIC;
-                        });
-                    }
-                }
-
-                world.step(timeStep);
-
-                blocks.forEach(block => {
-                    block.mesh.position.copy(block.body.position);
-                    block.mesh.quaternion.copy(block.body.quaternion);
-                });
-
-                renderer.render(scene, camera);
-            }
-
-            init();
-        });
-    </script>
-</body>
-</html>
