<!DOCTYPE html>

<html>

	<head>

		<link rel="stylesheet" type="text/css" href="css/main.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="column-center">

					<div class="column">

						<h1 class="text-uppercase">Minetrack</h1>
						<p class="slogan text-uppercase">All your favorite Minecraft servers, right now.</p>
						<p class="subslogan text-uppercase">Watching <span id="stat_totalPlayers">0</span> players on <span id="stat_networks">0</span> networks.</p>

					</div>

					<div class="column">

						<p class="text-uppercase">Source code available on <a href="https://github.com/Cryptkeeper/Minetrack">Github</a></p>
						<p class="text-uppercase">Made with <span style="color: #e74c3c;">&#9829;</span> by <a href="http://cryptkpr.me">Cryptkeeper</a></p>

						<br />

						<div id="category-controller">

							<a class="text-uppercase" onclick="setCategoriesVisible(true);">Show Categories</a> // <a class="text-uppercase" onclick="setCategoriesVisible(false);">Hide Categories</a>

						</div>

					</div>

				</div>

			</div>

			<div id="tagline" class="status-connecting">
				
				<span id="tagline-text" class="text-uppercase">Connecting...</span>

			</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"></div>

        </div>

        <div id="footer">

        	Copyright &copy; 2016. All rights reserved. Logo copyrights belong to their respective owners.

        </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>

		<script>

			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

			ga('create', 'UA-60103580-2', 'auto');
			ga('send', 'pageview');

		</script>

	</body>

</html>