-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (148 loc) · 9.89 KB
/
index.html
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>HutTrack</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<script src="smoothie.js"></script>
<script src="query.js"></script>
<script src="tailwind.js"></script>
<script src="date.js"></script>
<script src="mc.js"></script>
<script src="alert.js"></script>
<script src="toast.js"></script>
<!-- <script src="https://cdn.socket.io/4.4.0/socket.io.min.js" integrity="sha384-1fOn6VtTq3PWwfsOrk45LnYcGosJwzMHv+Xh/Jx5303FVOXzEnw0EpLv30mtjmlj" crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="toast.css">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
a: '#0a254a',
b: '#1F4287',
c: '#04152b',
d: '#BFD7FF',
e: '#3ffefe',
a2: '#121212',
b2: '#788BFF',
c2: '#9BB1FF',
d2: '#BFD7FF',
e2: '#ffffff',
bad: '#fe3f3f',
expensive: '#d9a334',
good: '#3ffe3f',
enchant: '#fe3ffe'
}
}
}
}
</script>
</head>
<body class="bg-a font-roboto">
<div class="bg-a text-e p-3 pb-0">
<span class="text-4xl pr-5 font-bold hover:underline cursor-pointer" onclick="openServer('HutTrack')">HutTrack</span>
<span class="text-xl text-d">
Counting
<span class="text-e font-bold" id="online-players">0</span>
players across
<span class="text-e font-bold" id="online-servers">0</span>
servers.
</span>
<!-- <span class="inline text-d float-right rounded-lg pl-2 pr-2 border-2 border-e">
<span class="font-bold text-e mt-3 mb-3" id="ou"></span> users online
<button id="login" class="m-3 btn text-e font-medium text-xs leading-tight uppercase hover:text-d focus:outline-none focus:ring-0 transition duration-150 ease-in-out" onclick="login()" type="button" id="button-addon3">Sign in</button>
</span> -->
<!-- <span class="float-right"><a href="https://discord.gg/QjCRDU6hKW" target="_blank"><img src="https://discordapp.com/api/guilds/987424484120215664/widget.png?style=banner2" alt=""></a></span> -->
</div>
<div class="m-2">
<!--
<div class="bg-a text-e p-4 flex flex-row space-x-6">
<div class="inline basis-1/3 border-2 rounded-lg border-e p-2">
<span class="text-2xl font-bold">Online Servers: <span id="online-servers-2"></span></span><p>
<canvas id="onlineserversg" width="100" height="90" class="object-fill"></canvas>
</div>
<div class="inline basis-1/3 border-2 rounded-lg border-e p-2 grow">
<span class="text-2xl font-bold">Online Players: <span id="online-players"></span></span><p>
<canvas id="onlineplayersg" width="100" height="90"></canvas><p>
</div>
<div class="inline basis-1/3 border-2 rounded-lg border-e p-2">
<span class="text-2xl font-bold">API Delay: <span id="api-delay"></span>ms</span><p>
<canvas id="apidelayg" width="100" height="90"></canvas><p>
</div>
</div>
-->
<div class=" flex flex-row space-x-6">
<div class=" basis-1/5 justify-center border-r-2 border-e p-3 bg-a pr-10">
<div class="flex flex-row space-x-4 mb-2">
<input id="serversearch" type="search" class="form-control flex-auto min-w-0 block px-3 py-1.5 text-base font-bold text-e bg-a bg-clip-padding border-2 border-e rounded-lg transition ease-in-out m-0 focus:outline-none" placeholder="Server name or ID" aria-label="Search" aria-describedby="button-addon3">
<button id="serversearchbutton" class=" btn px-6 py-2 border-2 border-e text-e font-medium text-xs leading-tight uppercase rounded-lg hover:bg-e hover:text-a focus:outline-none focus:ring-0 transition duration-150 ease-in-out" onclick="search()" type="button" id="button-addon3">Find</button>
</div>
<div id="topservers" class="text-2xl text-e font-bold">
<span class="text-e font-bold">Loading Servers...</span>
</div>
</div>
<div class="bg-a basis-4/5 rounded-lg p-3 flex flex-row space-x-2">
<div id="searchdata" class="basis-2/3 rounded-lg border-a border-2">
<span id="m-sn" class="text-4xl text-e pr-4 font-bold">HutTrack</span> <span class="basis-1/3 text-2xl text-e "><span class="text-d font-bold" id="m-po">%PO%</span> <span id="ot">Players</span> online</span>
<div class="">
<span class="text-l text-d ">Created: <span class="text-d font-bold" id="m-cd">Sat Apr 11 2020</span> </span><p>
</div>
<div class="">
<div id="" type="search" class="flex flex-row space-x-3 form-control flex-auto min-w-0 block px-3 py-1.5 bg-c text-base rounded-lg transition ease-in-out m-0 focus:border-a focus:outline-none pr-3 mb-2" placeholder="Server MOTD" aria-label="Search" aria-describedby="button-addon3">
<div class="inline">
<img id="icon" class="icon" src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAwFBMVEUAAAD+/v7A9f4ry8BJ1cyz1ttv49yc8u2ioqLW//7E//5vb29Ua2/u//+Li4tOXmAbgnsTWVR7naIviIIgXVkTYV42i4VHkY0xY2AlX1tkm5d9o6JyiYxWcG9EamiJo6IbjolecG+Yo6NocHATDxseGCs8MFYHBwsPDxoNCxMKCg8KChQEBAcQEBgPDRUKChMLCxAGBgkjHTAODhUKChALCxEICAxANFoHBw4DAwULCREHBwkHBwoHBwwKCg0HBw2tCV9hAAAAAXRSTlMAQObYZgAAAbFJREFUOI2VkQtXozAQhdPwEJlIbZKSUEIfmjWCr3Wtb3f9///KCQXF2nXPzumhIfebm8mFkP+rUfv7Th78/cPo6x4ltFv61Tby/h4Eu1wo7ZpDXNHR9iw06hZhGMd7e3Echt1GtOlLkihqZRqP9rFSRGjbB2wDtEiA/Wl6gJWm6BEEGQAZd4B3OfQHpL1DFKHclwfIIbp8zDABmOAm6xwSRDgX/qAQy3czOfVSD+BD5LlqEUpBSl0UEg2GSQmlZgoRDiC1ZlrDwGEDzMpylgsDsoCqmn8GuAfKZFGqfAmor6oK5ADg3oEni6OScwN6Xh2vKi23vhZXs8UR58oAGhyv2BdgmatygWegQ7VCvcBr9lFtghK5n1IJf0Q1L3xQfdQ4o/2BSbYXNVKzudZyOjlx/ZA4o7U8EUKoPDfACi0lnNYOBjk09uzcXgjR5oB1clnXteuz5IY0Vz8b21z/SpZLmMobxxBgjoz7sI3J1rd3zXWCs0zuHx7d+dMzyuPBLQ0e03Br1wbqB/fifmdDtWOy9R9rDVq79/m3CEJuG8Ne3Y7uj1k4ZOO/6h7h7Dt5V70BPD4k7Z5sL/cAAAAASUVORK5CYII=" alt="Server Icon" />
</div>
<div id="m-motd" class="inline">
</div>
</div>
</div>
<div class="flex flex-row space-x-3">
<div id="m-ip" type="search" class="place-items-center grid basis-1/3 inline text-e underline form-control block px-3 py-1.5 bg-c text-base rounded-lg transition ease-in-out m-0 focus:border-a focus:outline-none pr-3 mb-2" placeholder="Server MOTD" aria-label="Search" aria-describedby="button-addon3">
</div>
<div id="m-plan" type="search" class="place-items-center grid basis-1/3 inline text-d font-bold form-control block px-3 py-1.5 bg-c text-base rounded-lg transition ease-in-out m-0 focus:border-a focus:outline-none pr-3 mb-2" placeholder="Server MOTD" aria-label="Search" aria-describedby="button-addon3">
</div>
<div id="m-status" type="search" class="place-items-center grid basis-1/3 inline text-e form-control block px-3 py-1.5 bg-c text-base rounded-lg transition ease-in-out m-0 focus:border-a focus:outline-none pr-3 mb-2" placeholder="Server MOTD" aria-label="Search" aria-describedby="button-addon3">
</div>
</div>
<div class="flex flex-row space-x-3">
<div id="m-cpd" type="search" class="place-items-center grid basis-1/4 inline text-expensive font-bold form-control block px-3 py-1.5 bg-c text-base rounded-lg transition ease-in-out m-0 focus:border-a focus:outline-none pr-3 mb-2" placeholder="Server MOTD" aria-label="Search" aria-describedby="button-addon3">
</div>
<div id="m-cat" type="search" class="flex flex-row space-x-2 basis-1/4 inline font-bold form-control block px-3 py-1.5 bg-c rounded-lg transition ease-in-out m-0 focus:border-a focus:outline-none pr-3 mb-2" placeholder="Server MOTD" aria-label="Search" aria-describedby="button-addon3">
<div class="basis-1/3 text-e rounded-full p-1 place-items-center grid">
Website
</div>
<div class="basis-1/3 text-e rounded-full p-1 place-items-center grid">
Utility
</div>
<div class="basis-1/3 text-e rounded-full p-1 place-items-center grid">
Stats
</div>
</div>
<div id="m-cpd" type="search" class="place-items-center grid basis-1/4 inline text-expensive form-control block px-3 py-1.5 bg-c text-base rounded-lg transition ease-in-out m-0 focus:border-a focus:outline-none pr-3 mb-2" placeholder="Server MOTD" aria-label="Search" aria-describedby="button-addon3">
<span class="text-d">Last up <span class="text-e font-bold" id="m-lu">Sat Apr 12 2020</span> </span>
</div>
<div id="m-cpd" type="search" class="place-items-center grid basis-1/4 inline text-enchant font-bold form-control block px-3 py-1.5 bg-c text-base rounded-lg transition ease-in-out m-0 focus:border-a focus:outline-none pr-3 mb-2" placeholder="Server MOTD" aria-label="Search" aria-describedby="button-addon3">
<span id="m-type">
Website
</span>
</div>
</div>
<div class="flex flex-row space-x-3">
<div class="basis-1/3 bg-c rounded-lg p-3">
<div class="inline place-items-center grid">
<span class="text-e ">Connected Servers: <span class="font-bold text-d">0</span></span>
</div>
<div id="servers">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script async src="//static.getclicky.com/101370307.js"></script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/101370307ns.gif" /></p></noscript>
</body>
</html>
<script src="index.js"></script>