This repository has been archived by the owner on Mar 15, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
199 lines (178 loc) · 9.29 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!doctype html>
<html lang="de">
<head>
<title>UnicacityAddon | UCA</title>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=chrome">
<link rel="shortcut icon" href="common/img/UCLogo_new.png" type="image/x-icon">
<link rel="stylesheet" href="common/css/master.css">
<link rel="stylesheet" href="common/css/font.css">
<script src="common/js/master.js" async></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body>
<nav id="nav"></nav>
<video autoplay muted loop id="backgroundVideo">
<source src="common/img/UnicacityAddonWebsiteBackground.mp4" type="video/mp4">
</video>
<div class="index-main">
<div class="index-main-content">
<p class="text-80-700">UnicacityAddon <span class="text-40-400">v<span name="latestVersion" style="color: var(--blue)"></span></span></p>
<p class="text-25-300">
by RettichLP and Dimiikou<br><br>
This addon is a modification for <a class="link" href="http://unicacity.de/" target="_blank">UnicaCity</a>
providing specialized<br>
and nice-to-have features and utilities for everyday gameplay.
</p>
<p class="text-50-700" style="color: var(--blue);">#improveYourGame</p>
<a id="downloadLink" href="https://github.com/UnicacityAddon/unicacityaddon-addon/releases/latest">
<button class="button-download">Download</button>
</a>
</div>
</div>
<a href="#index-statistic">
<div class="arrow">
<svg>
<polygon points="37.6,27.9 1.8,1.3 3.3,0 37.6,25.3 71.9,0 73.7,1.3 "/>
<polygon points="37.6,45.8 0.8,18.7 4.4,16.4 37.6,41.2 71.2,16.4 74.5,18.7 "/>
<polygon points="37.6,64 0,36.1 5.1,32.8 37.6,56.8 70.4,32.8 75.5,36.1 "/>
</svg>
</div>
</a>
<div id="index-statistic" class="index-statistic">
<div class="index-statistic-grid">
<div class="grid-a grid-center">
<h2>Statistiken</h2>
</div>
<div class="grid-b grid-center">
<h2>Spieleraktivität</h2>
</div>
<div class="grid-c grid-center">
<h2>Versionsverteilung</h2>
</div>
<div class="grid-d">
<table style="border: none; width: 100%">
<tr>
<td class="text-20-400">Aktueller Main-Release:</td>
<td class="text-20-800" style="color: var(--blue); float: right;">v<span name="latestVersion"></span></td>
</tr>
</table>
<br><br>
<table style="border: none; width: 100%">
<tr>
<td class="text-20-400">Spieleranzahl (gesamt):</td>
<td class="text-20-800" style="color: var(--blue); float: right;"><span id="totalClients"></span> Spieler</td>
</tr>
<tr>
<td class="text-20-400">Spieleranzahl (letzten 3 Tage):</td>
<td class="text-20-800" style="color: var(--blue); float: right;"><span id="activeClients"></span> Spieler</td>
</tr>
<tr>
<td class="text-20-400">Spieleranzahl (inaktiv):</td>
<td class="text-20-800" style="color: var(--blue); float: right;"><span id="inactiveClients"></span> Spieler</td>
</tr>
</table>
<br><br>
<table style="border: none; width: 100%">
<tr>
<td class="text-20-400">API Anfragen (gesamt):</td>
<td class="text-20-800" style="color: var(--blue); float: right;"><span id="requests"></span> Requests</td>
</tr>
</table>
</div>
<div class="grid-e grid-center">
<div id="player_activity_chart" style="width: 300px; height: 300px"></div>
</div>
<div class="grid-f grid-center">
<div id="version_overview_chart" style="width: 300px; height: 300px"></div>
</div>
</div>
</div>
<div class="index-history">
<div class="index-history-grid">
<div class="grid-a">
<img src="common/img/RettichByEmii.png" alt="RettichLP">
</div>
<div class="grid-b">
<p class="text-40-400">Entstehungsgeschichte</p>
<p class="text-20-300">
Für Unicacity wurde ein Update auf eine neuere Minecraft Version angekündigt. Zu diesem Zeitpunkt gab es eine Modifikation, die von vielen Spielern genutzt wurde. Diese vereinfachte das Spielerlebnis.<br>
Ab dem Moment kam Dimiikou und RettichLP die Idee, für die neue Version einen Mod zur Verfügung zu stellen. Das hatte nur einen Haken. Geplant war ein Update auf die 1.16.5 und viele Spieler nutzen Labymod auf Unicacity. Jedoch unterstützt Labymod mit der 1.16.5 kein Forge. Somit kam nur ein Labymod-Addon in Frage.<br>
Das Addon war relativ schnell erstellt und wurde auch von Labymod verifiziert und ist seit dem in der Addon-Liste von Labymod.<br>
Irgendwann ist der Server, von dem UCUtils seine Daten bekam, nicht mehr erreichbar gewesen. Die Folge war, dass manche Spieler keine Befehle mehr nutzen konnten und Fraktionsdaten nicht geladen wurden.
</p>
</div>
<div class="grid-c">
<p class="text-20-300">
Es wurde eine Alternative benötigt und wir sahen unsere Chance!<br>
Wir entschieden uns, das Addon, das bereits für die 1.16.5 funktionierte, auf die 1.12.2 umzuschreiben und zur Verfügung zu stellen.<br>
Nach und nach kamen immer mehr Funktionen dazu, die von unserem Addon und UCUtils übernommen wurden. Ab der Addon-Version 1.5.0 haben wir sogar einen Server und stellen Daten über eine API zur Verfügung.<br>
Mittlerweile ist unser Addon von fast jeder Fraktion anerkannt und wird von über 200 Spielern genutzt.<br><br>
Danke für Eure Unterstützung! :D
</p>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>
<script>
async function fetchAndDisplayContent() {
try {
const response = await fetch('https://rettichlp.de:8443/unicacityaddon/v1/dhgpsklnag2354668ec1d905xcv34d9bdee4b877/mgmt');
const json = await response.json();
const latestVersion = json.latestVersion;
const totalClients = json.totalClients;
const activeClients = json.activeClients;
const inactiveClients = totalClients - activeClients;
const requests = new Intl.NumberFormat('de-DE').format(json.requests);
document.getElementsByName("latestVersion").forEach(element => element.innerText = latestVersion);
document.getElementById("downloadLink").setAttribute("href", "https://github.com/UnicacityAddon/unicacityaddon-addon/releases/download/v" + latestVersion + "/unicacityaddon-" + latestVersion + ".jar");
document.getElementById("totalClients").innerText = totalClients;
document.getElementById("activeClients").innerText = activeClients;
document.getElementById("inactiveClients").innerText = inactiveClients;
document.getElementById("requests").innerText = requests;
google.charts.load('current', { packages: ['corechart'] });
google.charts.setOnLoadCallback(() => {
drawActivePlayersChart(activeClients, inactiveClients);
drawVersionOverviewChart(json.versions);
});
function drawActivePlayersChart(active, inactive) {
const activePlayersData = google.visualization.arrayToDataTable([
['Status', 'Anzahl'],
['Aktive Spieler', active],
['Inaktive Spieler', inactive]
]);
const options = {
pieHole: 0.4,
backgroundColor: 'none',
legend: 'none',
chartArea: { top: 10, right: 10, bottom: 10, left: 10 },
pieSliceBorderColor: 'transparent'
};
const chart = new google.visualization.PieChart(document.getElementById('player_activity_chart'));
chart.draw(activePlayersData, options);
}
function drawVersionOverviewChart(versionData) {
const data = [['Version', 'Anzahl der Spieler']];
versionData.forEach(version => {
data.push([version.version, version.users]);
});
const versionOverviewData = google.visualization.arrayToDataTable(data);
const options = {
pieHole: 0.4,
backgroundColor: 'none',
legend: 'none',
chartArea: { top: 10, right: 10, bottom: 10, left: 10 },
pieSliceBorderColor: 'transparent'
};
const chart = new google.visualization.PieChart(document.getElementById('version_overview_chart'));
chart.draw(versionOverviewData, options);
}
} catch (error) {
console.error('Cannot fetch data:', error);
}
}
</script>