Minetrack/assets/html/index.html

102 lines
2.9 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
2023-12-30 23:03:54 +00:00
<head>
2023-12-31 00:00:23 +00:00
<title>Minetrack</title>
<meta charset="UTF-8" />
<!-- Discord Embed -->
<meta content="Minetrack" property="og:title" />
<meta
content="Tracking minecraft servers since 2023"
property="og:description"
/>
<meta content="https://mc.fascinated.cc/" property="og:url" />
2023-12-30 23:03:54 +00:00
2023-12-31 00:00:23 +00:00
<link rel="stylesheet" href="../css/main.css" />
2023-12-30 23:03:54 +00:00
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;700&display=swap"
/>
<link rel="icon" type="image/svg+xml" href="../images/logo.svg" />
<script defer type="module" src="../js/main.js"></script>
</head>
<body>
<div id="tooltip"></div>
<div id="status-overlay">
<img class="logo-image" src="../images/logo.svg" />
<h1 class="logo-text">Minetrack</h1>
<div id="status-text">Connecting...</div>
</div>
<div id="push">
<div id="perc-bar"></div>
<header>
<div class="header-possible-row-break column-left">
<img class="logo-image" src="../images/logo.svg" />
<h1 class="logo-text">Minetrack</h1>
<p class="logo-status">
Counting
<span class="global-stat" id="stat_totalPlayers">0</span> players on
<span class="global-stat" id="stat_networks">0</span> Minecraft
servers.
</p>
</div>
<div class="header-possible-row-break column-right">
<div id="sort-by" class="header-button header-button-single">
<span class="icon-sort-amount-desc"></span> Sort By<br /><strong
id="sort-by-text"
>...</strong
>
</div>
<div
id="settings-toggle"
class="header-button header-button-single"
style="margin-left: 20px"
>
<span class="icon-gears"></span> Graph Controls
</div>
</div>
</header>
<div id="big-graph"></div>
<div id="big-graph-controls">
<div id="big-graph-controls-drawer">
<div id="big-graph-checkboxes"></div>
<span class="graph-controls-setall">
<a minetrack-show-type="all" class="button graph-controls-show"
><span class="icon-eye"></span> Show All</a
>
<a minetrack-show-type="none" class="button graph-controls-show"
><span class="icon-eye-slash"></span> Hide All</a
>
<a
minetrack-show-type="favorites"
class="button graph-controls-show"
><span class="icon-star"></span> Only Favorites</a
>
</span>
</div>
</div>
<div id="server-list"></div>
</div>
<footer id="footer">
<span class="icon-code"></span> Powered by open source software -
<a href="https://git.fascinated.cc/Fascinated/Minetrack"
>make it your own!</a
>
</footer>
</body>
2022-11-18 15:54:50 +00:00
</html>