Comiclyy.github.io/serverlist.html at master · Comiclyy/Comiclyy.github.io · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Server List Template</title>
    <style>
        body {
            background-color: #121212;
            color: #ffffff;
            font-family: Arial, sans-serif;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        th, td {
            padding: 15px;
            text-align: left;
        }
        th {
            background-color: #1c1c1c;
            font-weight: bold;
        }
        td {
            background-color: #2a2a2a;
        }
        .row-highlight {
            background-color: #383838;
        }
        .button {
            background-color: #1c88e5;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .button:hover {
            background-color: #155a9c;
        }
    </style>
    <script>
        function joinServer() {
            // Randomize the httpPort between 13010 and 13099
            var randomPort = Math.floor(Math.random() * 90) + 13010;
            var url = `acmanager://race/online/join?query=race/online/join&ip=45.88.229.84&httpPort=${randomPort}&password=`;
            // Redirect to the generated URL
            window.location.href = url;
        }
    </script>
</head>
<body>
    <table>
        <tr>
            <th>Name</th>
            <th>Traffic Density</th>
            <th>Server Owner</th>
            <th>VIP slots</th>
            <th>Online</th>
            <th>Map</th>
            <th>Region</th>
            <th>Action</th>
        </tr>
        <tr>
            <td>Heavy Traffic | Public 1</td>
            <td>Heavy Traffic</td>
            <td>👥 Nohesi</td>
            <td>🌟 Yes</td>
            <td>14</td>
            <td>🗺️ SRP</td>
            <td>🇺🇸</td>
            <td><button class="button" onclick="joinServer()">Join</button></td>
        </tr>
        <tr class="row-highlight">
            <td>Heavy Traffic | Public 2</td>
            <td>Heavy Traffic</td>
            <td>👥 Nohesi</td>
            <td>🌟 Yes</td>
            <td>14</td>
            <td>🗺️ SRP</td>
            <td>🇺🇸</td>
            <td><a href="https://2.com" target="_blank"><button class="button">Join</button></a></td>
        </tr>
        <tr>
            <td>Heavy Traffic | Public 3</td>
            <td>Heavy Traffic</td>
            <td>👥 Nohesi</td>
            <td>🌟 Yes</td>
            <td>14</td>
            <td>🗺️ SRP</td>
            <td>🇺🇸</td>
            <td><a href="https://3.com" target="_blank"><button class="button">Join</button></a></td>
        </tr>
    </table>
</body>
</html>