tetra-stats-js/index.html

53 lines
5.7 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tetra Stats</title>
<link rel="stylesheet" href="src/styles/common.css" />
<link rel="stylesheet" href="src/styles/main.css" />
</head>
<body>
<rail-bar id="rail-bar"></rail-bar>
<div id="main-view" class="view">
<router-view>
<home-page id="home" data-href="home"></home-page>
<graph-page data-href="graph"></graph-page>
<leaderboard-page data-href="leaderboard"></leaderboard-page>
<cutoffs-page data-href="cutoffs"></cutoffs-page>
<calculator-page data-href="calculator"></calculator-page>
<info-page data-href="info"></info-page>
<data-page data-href="data"></data-page>
<settings-page data-href="settings"></settings-page>
</router-view>
</div>
<div id="compare-view" class="view hidden">
<table>
<tr id="player-cards"><th><button id="back-btn">
<span class="material-symbols-outlined">arrow_back</span></button>Comparison</th></tr>
<tbody id="player-stats">
<tr><th colspan="200">General</th></tr><tr><th>Registration Date</th></tr><tr><th>XP</th></tr><tr><th>Time Played</th></tr><tr><th>Online Games Played</th></tr><tr><th>Online Games Won</th></tr><tr><th>Followers</th></tr><tr><th colspan="200">Tetra League</th></tr><tr><th>Tetra Rating</th></tr><tr><th>GLICKO</th></tr><tr><th>Rating Deviation</th></tr><tr><th>GLIXARE</th></tr><tr><th>Season 1 like TR</th></tr><tr><th>Placement</th></tr><tr><th>Games Played</th></tr><tr><th>Games Won</th></tr><tr><th>Win Rate</th></tr><tr><th>Attack Per Minute</th></tr><tr><th>Pieces Per Second</th></tr><tr><th>Versus Score</th></tr><tr><th>Nerd Stats</th><td></td></tr><tr><th>Attack Per Piece</th></tr><tr><th>VS / APM</th></tr><tr><th>Downstack Per Second</th></tr><tr><th>Downstack Per Piece</th></tr><tr><th>APP + DSP</th></tr><tr><th>Cheese Index</th></tr><tr><th>Garbage Efficiency</th></tr><tr><th>NyaAPP</th></tr><tr><th>Area</th></tr><tr><th>Playstyles</th><td></td></tr><tr><th>Opener</th></tr><tr><th>Plonk</th></tr><tr><th>Stride</th></tr><tr><th>Infinite Downstack</th></tr><tr><th colspan="200">Quick Play</th></tr><tr><th>Altitude</th></tr><tr><th>Placenment</th></tr><tr><th>Attack Per Minute</th></tr><tr><th>Pieces Per Second</th></tr><tr><th>Versus Score</th></tr><tr><th>Knockouts</th></tr><tr><th>Best Back-to-Back</th></tr><tr><th>Climb Speed</th></tr><tr><th>Peak Climb Speed</th></tr><tr><th>Total Time</th></tr><tr><th>Finesse</th></tr><tr><th>Nerd Stats</th><td></td></tr><tr><th>Attack Per Piece</th></tr><tr><th>VS / APM</th></tr><tr><th>Downstack Per Second</th></tr><tr><th>Downstack Per Piece</th></tr><tr><th>APP + DSP</th></tr><tr><th>Cheese Index</th></tr><tr><th>Garbage Efficiency</th></tr><tr><th>NyaAPP</th></tr><tr><th>Area</th></tr><tr><th>Playstyles</th><td></td></tr><tr><th>Opener</th></tr><tr><th>Plonk</th></tr><tr><th>Stride</th></tr><tr><th>Infinite Downstack</th></tr><tr><th colspan="200">Quick Play Expert</th></tr><tr><th>Altitude</th></tr><tr><th>Placenment</th></tr><tr><th>Attack Per Minute</th></tr><tr><th>Pieces Per Second</th></tr><tr><th>Versus Score</th></tr><tr><th>Knockouts</th></tr><tr><th>Best Back-to-Back</th></tr><tr><th>Climb Speed</th></tr><tr><th>Peak Climb Speed</th></tr><tr><th>Total Time</th></tr><tr><th>Finesse</th></tr><tr><th>Nerd Stats</th><td></td></tr><tr><th>Attack Per Piece</th></tr><tr><th>VS / APM</th></tr><tr><th>Downstack Per Second</th></tr><tr><th>Downstack Per Piece</th></tr><tr><th>APP + DSP</th></tr><tr><th>Cheese Index</th></tr><tr><th>Garbage Efficiency</th></tr><tr><th>NyaAPP</th></tr><tr><th>Area</th></tr><tr><th>Playstyles</th><td></td></tr><tr><th>Opener</th></tr><tr><th>Plonk</th></tr><tr><th>Stride</th></tr><tr><th>Infinite Downstack</th></tr><tr><th colspan="200">40 Lines</th></tr><tr><th>Time</th></tr><tr><th>Pieces</th></tr><tr><th>Key Presses</th></tr><tr><th>Key presses Per Piece</th></tr><tr><th>Pieces Per Second</th></tr><tr><th>Key presses Per Second</th></tr><tr><th>Finesse</th></tr><tr><th>Finesse Faults</th></tr><tr><th></th><td></td></tr><tr><th>Quads</th></tr><tr><th>Triples</th></tr><tr><th>Doubles</th></tr><tr><th>Singles</th></tr><tr><th>T-spins Triples</th></tr><tr><th>T-spins Doubles</th></tr><tr><th>T-spins Singles</th></tr><tr><th>T-spin Zeros</th></tr><tr><th>Mini T-spin Doubles</th></tr><tr><th>Mini T-spin Singles</th></tr><tr><th>Mini T-spin Zeros</th></tr><tr><th colspan="200">Blitz</th></tr><tr><th>Score</th></tr><tr><th>Pieces</th></tr><tr><th>Lines</th></tr><tr><th>Level</th></tr><tr><th>Key Presses</th></tr><tr><th>Key presses Per Piece</th></tr><tr><th>Pieces Per Second</th></tr><tr><th>Key presses Per Second</th></tr><tr><th>Finesse</th></tr><tr><th>Finesse Faults</th></tr><tr><th></th><td></td></tr><tr><th>Quads</th></tr><tr><th>Triples</th></tr><tr><th>Doubles</th></tr><tr><th>Singles</th></tr><tr><th>T-spins Triples</th></tr><tr><th>T-spins Doubles</th></tr><tr><th>T-spins Singles</th></tr><tr><th>T-spin Zeros</th></tr><tr><th>Mini T-spin Doubles</th></tr><tr><th>Mini T-spin Singles</th></tr><tr><th>Mini T-spin Zeros</th></tr><tr><th colspan="200">Zen</th></tr><tr><th>Score</th></tr><tr><th>Level</th></tr>
</tbody>
</table>
</div>
<!-- Overlays -->
<div id="search-overlay" class="hidden">
<h2 class="modale-title">Search players</h2>
<div class="modale">
<form action="dialog" id="search">
<input id="search-box" type="text" name="nick" spellcheck="false" placeholder="Username or ID"/>
<button id="search-btn">
<span class="material-symbols-outlined">search</span>
</button>
</form>
<hr>
<div id="home-player"></div>
<div id="tracked-players"></div>
</div>
</div>
<div id="notifications"></div>
<script src="src/index.js" type="module"></script>
</body>
</html>