Spaces:

1tbfree
/

trollbox-lite

Running

App Files Files Community

1tbfree commited on Jan 5

Commit

a2cfcfa

verified ·

1 Parent(s): b071114

Update index.html

Browse files

Files changed (1) hide show

index.html +70 -18

index.html CHANGED Viewed

@@ -1,19 +1,71 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Trollbox Lite</title>
+    <script src="https://cdn.socket.io/2.3.0/socket.io.min.js"></script>
+</head>
+<body>
+    <input id="username" type="text" placeholder="Enter your username">
+    <input id="message" type="text" placeholder="Type a message">
+    <button id="join">Join</button>
+    <button id="send">Send</button>
+    <ul id="messages"></ul>
+    <script>
+        const socket = io("https://www.windows93.net:8086", {
+            forceNew: true,
+            transportOptions: {
+                polling: {
+                    extraHeaders: {
+                        "Accept": "*/*",
+                        "Accept-Encoding": "identity",
+                        "Accept-Language": "*",
+                        "Cache-Control": "no-cache",
+                        "Connection": "keep-alive",
+                        "Host": "www.windows93.net",
+                        "Origin": "http://www.windows93.net",
+                        "Pragma": "no-cache",
+                        "Referer": 'http://www.windows93.net/trollbox/index.php',
+                        "User-Agent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36"
+                    }
+                }
+            }
+        });
+        // Join event
+        document.getElementById('join').onclick = function() {
+            const username = document.getElementById('username').value;
+            if (username) {
+                socket.emit("user joined", username, "lime", "", "");
+                alert(`Welcome ${username}!`);
+                document.getElementById('username').disabled = true; // Disable username input after joining
+            } else {
+                alert("Please enter a username.");
+            }
+        };
+        // Send message event
+        document.getElementById('send').onclick = function() {
+            const message = document.getElementById('message').value;
+            if (message) {
+                socket.send(message); // Send message directly
+                document.getElementById('message').value = ''; // Clear input
+            } else {
+                alert("Please enter a message.");
+            }
+        };
+        // Receive messages
+        socket.on("message", function(data) {
+            if (data.msg === "t!hello") {
+                socket.send("Hello, " + data.nick + "!"); // Respond to specific command
+            } else {
+                const item = document.createElement('li');
+                item.textContent = `${data.nick}: ${data.msg}`; // Display messages with sender's nickname
+                document.getElementById('messages').appendChild(item);
+            }
+        });
+    </script>
+</body>
 </html>