Discord-RPC-Mobile/index.html at main · Brenninho-Crew/Discord-RPC-Mobile · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<title>Online Discord RPC Simulator</title>
<script src="/socket.io/socket.io.js"></script>
<style>
body {
    background: #313338;
    font-family: Arial;
    color: white;
}
input, button {
    padding: 8px;
    margin: 5px;
}
.card {
    background: #1e1f22;
    padding: 10px;
    margin: 10px 0;
    border-radius: 8px;
}
</style>
</head>
<body>

<h2>🌐 Online RPC Simulator</h2>

<input id="username" placeholder="Username#0000">
<input id="title" placeholder="Activity Title">
<input id="state" placeholder="State">
<button onclick="updateRPC()">Update</button>

<h3>Online Users</h3>
<div id="users"></div>

<script>
const socket = io();

function updateRPC() {
    const data = {
        username: document.getElementById('username').value,
        title: document.getElementById('title').value,
        state: document.getElementById('state').value
    };

    socket.emit('updateRPC', data);
}

socket.on('allUsers', (users) => {
    const container = document.getElementById('users');
    container.innerHTML = '';

    for (let id in users) {
        const user = users[id];

        const div = document.createElement('div');
        div.className = "card";
        div.innerHTML = `
            <strong>${user.username}</strong><br>
            ${user.title}<br>
            <small>${user.state}</small>
        `;
        container.appendChild(div);
    }
});
</script>

</body>
</html>