89 lines
4.0 KiB
HTML
89 lines
4.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Leaderboards - PSO Peeps</title>
|
|
<meta name="description" content="PSO Peeps account dashboard prototype.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css?v=leaderboard-table-restore-20260610-1">
|
|
<script src="app.js?v=saves-synced-20260609-2" defer></script>
|
|
</head>
|
|
<body>
|
|
<div class="site-shell">
|
|
<header class="site-header site-header--accountline" aria-label="Site header">
|
|
<a class="brand" href="index.html" aria-label="PSO Peeps home">
|
|
<span class="brand-logo brand-logo--text" aria-hidden="true">P</span>
|
|
<span class="brand-name">PSO PEEPS</span>
|
|
</a>
|
|
<div class="top-account-status"><span class="status-dot" aria-hidden="true"></span><a href="account-ready.html">Signed in as chuudoku</a></div>
|
|
</header>
|
|
|
|
<section class="hero hero--slim" aria-label="Phantasy Star Online artwork"><div class="hero-image" role="img" aria-label="PSO Peeps hero artwork"></div></section>
|
|
|
|
<nav class="nav-bar" aria-label="Primary navigation">
|
|
<a href="https://circlewithadot.gitbook.io/psopeeps/connection-guide/connection-guide" target="_blank" rel="noopener noreferrer">Connection Guide</a><a href="leaderboards.html">Leaderboards</a><a href="drops.html">Drops</a><a href="bestiary.html">Bestiary</a><a href="account-ready.html">Account</a>
|
|
</nav>
|
|
|
|
<main class="placeholder-layout">
|
|
<section class="card placeholder-control-card">
|
|
<h1 class="section-title">Leaderboards</h1>
|
|
<form class="placeholder-form">
|
|
<label for="leaderboard-mode">Leaderboard</label>
|
|
<select id="leaderboard-mode">
|
|
<option value="hardcore">Hardcore</option>
|
|
<option value="cmode">CMode</option>
|
|
<option value="hardcore-cmode">Hardcore CMode</option>
|
|
</select>
|
|
|
|
<div id="leaderboard-page-size-wrap">
|
|
<label for="leaderboard-page-size">Show</label>
|
|
<select id="leaderboard-page-size">
|
|
<option value="10" selected>10</option>
|
|
<option value="20">20</option>
|
|
<option value="25">25</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="card placeholder-results-card">
|
|
<div class="blank-data-box leaderboard-box" id="leaderboard-placeholder">Leaderboard data placeholder</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer-bar">
|
|
<div class="social-links" aria-label="Social links">
|
|
<a href="#" aria-label="Discord">
|
|
<img src="icons/discord.png" alt="" width="24" height="24">
|
|
<span>Discord</span>
|
|
</a>
|
|
<a href="#" aria-label="Mastodon">
|
|
<img src="icons/mastodon.png" alt="" width="24" height="24">
|
|
<span>Mastodon</span>
|
|
</a>
|
|
<a href="#" aria-label="Bluesky">
|
|
<img src="icons/bluesky.png" alt="" width="24" height="24">
|
|
<span>Bluesky</span>
|
|
</a>
|
|
</div>
|
|
<div class="footer-legal" aria-label="Site license and software credits">
|
|
<p>
|
|
All content on this website is licensed under
|
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener noreferrer">CC BY-NC-SA 4.0</a>.
|
|
</p>
|
|
<p>
|
|
PSO Peeps uses a modified version of
|
|
<a href="https://github.com/fuzziqersoftware/newserv" target="_blank" rel="noopener noreferrer">newserv</a>
|
|
from fuzziqersoftware.
|
|
<a href="https://github.com/fuzziqersoftware/newserv/blob/master/LICENSE" target="_blank" rel="noopener noreferrer">LICENSE</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script src="placeholder-pages.js?v=hardcore-leaderboard-table-restore-20260610-1" defer></script>
|
|
</body>
|
|
</html>
|