diff --git a/index.html b/index.html
deleted file mode 100644
index dafd627..0000000
--- a/index.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Qol Furan Chat Room</title>    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script></head><body>    <div class="chat-container">    <h1>Wada Hadal Chat Room</h1>    <div class="chat-box" id="chat-box"></div>    <div class="input-container">        <input type="text" id="message" placeholder="Type your message...">        <img src="{{ url_for('static', filename='icon.png') }}" class="input-icon" alt="icon" onclick="document.getElementById('image-input').click()">        <input type="file" id="image-input" accept="image/*" style="display: none;" onchange="uploadImage()">    </div>    <div class="button-container">        <button id="record-btn" onclick="toggleRecording()"> Record Voice</button>        <button id="send-btn" onclick="sendMessage()">Send</button>    </div></div><script>    var socket = io.connect('http://' + document.domain + ':' + location.port);    socket.on('connect', function() {        fetch('/get_messages')            .then(response => response.json())            .then(messages => {                let chatBox = document.getElementById('chat-box');                messages.forEach(msg => {                    if (typeof msg === 'string') {                        let newMessage = document.createElement('p');                        newMessage.classList.add('text-message');                        newMessage.innerText = msg;                        chatBox.appendChild(newMessage);                    } else if (msg.audio_url) {                        let audioElement = document.createElement('audio');                        audioElement.classList.add('voice-message');                        audioElement.controls = true;                        audioElement.src = msg.audio_url;                        chatBox.appendChild(audioElement);                    } else if (msg.image_url) {                        let imgElement = document.createElement('img');                        imgElement.classList.add('chat-image');                        imgElement.src = msg.image_url;                        imgElement.onclick = () => window.open(msg.image_url, '_blank');                        chatBox.appendChild(imgElement);                    }                });                chatBox.scrollTop = chatBox.scrollHeight;            });    });    socket.on('message', function(msg) {        let chatBox = document.getElementById('chat-box');        if (typeof msg === 'string') {            let newMessage = document.createElement('p');            newMessage.classList.add('text-message');            newMessage.innerText = msg;            chatBox.appendChild(newMessage);        } else if (msg.audio_url) {            let audioElement = document.createElement('audio');            audioElement.classList.add('voice-message');            audioElement.controls = true;            audioElement.src = msg.audio_url;            chatBox.appendChild(audioElement);        } else if (msg.image_url) {            let imgElement = document.createElement('img');            imgElement.classList.add('chat-image');            imgElement.src = msg.image_url;            imgElement.onclick = () => window.open(msg.image_url, '_blank');            chatBox.appendChild(imgElement);        }        chatBox.scrollTop = chatBox.scrollHeight;    });    function sendMessage() {        let message = document.getElementById('message').value;        if (message.trim() !== "") {            socket.send(message);            document.getElementById('message').value = '';        }    }    function uploadImage() {        let fileInput = document.getElementById('image-input');        let file = fileInput.files[0];        let reader = new FileReader();                reader.onloadend = function () {            fetch('/upload_image', {                method: 'POST',                body: JSON.stringify({ image_data: reader.result }),                headers: { 'Content-Type': 'application/json' }            })            .then(response => response.json())            .then(data => {                if (data.image_url) {                    socket.send({ image_url: data.image_url });                }            });        };        if (file) {            reader.readAsDataURL(file);        }    }</script></body></html>
\ No newline at end of file
