<!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/2.1.4/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.7/socket.io.min.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>