84 lines
2.9 KiB
HTML
84 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>Players — GD fedl</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="icon" type="image/png" href="pageicon.png">
|
|
</head>
|
|
<body data-page="players">
|
|
<header>
|
|
<h1>Players</h1>
|
|
<nav>
|
|
<a href="index.html">Home</a>
|
|
<a href="guess.html">Guess Game</a>
|
|
<a href="players.html">Players</a>
|
|
<a href="lists.html">Lists</a>
|
|
<a href="run.html">Submit Run</a>
|
|
<a href="rules.html">Rules</a>
|
|
<a href="roulette.html">Roulette</a>
|
|
<a href="post.html">Posts</a>
|
|
<a href="contact.html">Contact</a>
|
|
</nav>
|
|
</header>
|
|
<main class="layout">
|
|
<aside class="sidebar">
|
|
<div class="panel list-sidebar-panel">
|
|
<p class="sidebar-kicker">Quick jump</p>
|
|
<h2>Player groups</h2>
|
|
<p class="muted">Jump to players by first letter.</p>
|
|
<ul id="player-groups"></ul>
|
|
</div>
|
|
</aside>
|
|
|
|
<section class="content list-page-shell">
|
|
<section class="panel list-hero-panel">
|
|
<div class="list-hero-copy">
|
|
<p class="hero-kicker">Player tracker</p>
|
|
<h2 id="list-title">Local player roster</h2>
|
|
<p class="muted list-hero-text">Manage your player list in browser storage with the same searchable table experience as the FEDL demonlist UI.</p>
|
|
</div>
|
|
<div class="list-hero-badge">
|
|
<strong>Local only</strong>
|
|
<span>Player names are stored in this browser only.</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel list-controls-panel">
|
|
<div class="search-row">
|
|
<label class="control-block" for="search">
|
|
<span>Search</span>
|
|
<input id="search" type="text" placeholder="Search player names..." />
|
|
</label>
|
|
<label class="control-block control-select" for="group-filter">
|
|
<span>Filter</span>
|
|
<select id="group-filter"><option value="all">All players</option></select>
|
|
</label>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel list-table-panel">
|
|
<div class="table-header">
|
|
<div>
|
|
<p class="status-label">Player table</p>
|
|
<h3>Saved players</h3>
|
|
</div>
|
|
<p class="muted table-hint">Use the search box or letter filter to locate players quickly.</p>
|
|
</div>
|
|
|
|
<div class="table-wrap">
|
|
<table class="levels-table">
|
|
<thead>
|
|
<tr><th>Name</th><th style="width:80px">Runs</th><th style="width:80px">Points</th><th style="width:100px">Best rank</th><th style="width:180px">Top levels</th></tr>
|
|
</thead>
|
|
<tbody id="players-area"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|