100 lines
3.2 KiB
HTML
100 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/main.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
|
|
|
|
<link rel="icon" type="image/png" href="/images/compass.png">
|
|
|
|
<title>Minetrack</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="tooltip"></div>
|
|
|
|
<div id="push">
|
|
|
|
<div id="header">
|
|
|
|
<div id="header-wrapper">
|
|
|
|
<div class="column" style="padding: 20px;">
|
|
|
|
<img src="/images/compass.png" width="28" height="28" style="display: inline-block; margin-right: 5px;">
|
|
<h1 style="display: inline-block;" class="text-uppercase">Minetrack</h1>
|
|
<p class="subslogan text-uppercase">Watching <span id="stat_totalPlayers">0</span> players on <span id="stat_networks">0</span> networks.</p>
|
|
|
|
</div>
|
|
|
|
<div id="mojang-status-list" class="column" style="float: right;">
|
|
|
|
<div class="mojang-status" title="Sessions" id="mojang-status_Sessions"><i class="fa fa-gamepad"></i><br /><strong>Sessions</strong><p class="mojang-status-text" id="mojang-status-text_Sessions">...</p></div><div class="mojang-status" title="Skins" id="mojang-status_Skins"><i class="fa fa-user"></i><br /><strong>Skins</strong><p class="mojang-status-text" id="mojang-status-text_Skins">...</p></div><div class="mojang-status" title="Auth" id="mojang-status_Auth"><i class="fa fa-key"></i><br /><strong>Auth</strong><p class="mojang-status-text" id="mojang-status-text_Auth">...</p></div><div class="mojang-status" title="API" id="mojang-status_API"><i class="fa fa-wrench"></i><br /><strong>API</strong><p class="mojang-status-text" id="mojang-status-text_API">...</p></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="perc-bar"></div>
|
|
|
|
<div id="tagline-text">Connecting...</div>
|
|
|
|
<div id="big-graph"></div>
|
|
|
|
<div id="big-graph-controls" style="display: none;">
|
|
|
|
<span style="text-align: center; display: block;">
|
|
|
|
<a onclick="toggleControlsDrawer();">Click to toggle graph controls</a>
|
|
|
|
</span>
|
|
|
|
<div id="big-graph-controls-drawer" style="display: none;">
|
|
|
|
<div id="big-graph-checkboxes"></div>
|
|
|
|
<br />
|
|
|
|
<span style="text-align: center; display: block; margin-bottom: 15px;">
|
|
|
|
<span onclick="setAllGraphVisibility(true);" class="button">Show All</span>
|
|
<span onclick="setAllGraphVisibility(false);" class="button">Hide All</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="server-container-list" class="server-container"></div>
|
|
|
|
</div>
|
|
|
|
<div id="footer">
|
|
|
|
<span style="padding-left: 20px;">Website powered by <a href="https://github.com/Cryptkeeper/Minetrack"><i class="fa fa-github"></i> Minetrack</a>.</span>
|
|
|
|
</div>
|
|
|
|
<!-- External JS assets -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>
|
|
|
|
<!-- Internal JS assets -->
|
|
<script src="js/util.js"></script>
|
|
<script src="js/graph.js"></script>
|
|
<script src="js/site.js"></script>
|
|
|
|
<script src="publicConfig.json"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|