Your Name
129 lines
5.7 KiB
HTML
129 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">
|
|
<title>Bestiary - 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=bestiary-table-viewer-20260613-3">
|
|
<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">Bestiary</h1>
|
|
<form class="placeholder-form">
|
|
<label for="bestiary-version">Version</label>
|
|
<select id="bestiary-version">
|
|
<option value="bb">BB</option>
|
|
</select>
|
|
|
|
<label for="bestiary-mode">Mode</label>
|
|
<select id="bestiary-mode">
|
|
<option value="">All modes</option>
|
|
</select>
|
|
|
|
<label for="bestiary-episode">Episode</label>
|
|
<select id="bestiary-episode">
|
|
<option value="">All episodes</option>
|
|
</select>
|
|
|
|
<label for="bestiary-difficulty">Difficulty</label>
|
|
<select id="bestiary-difficulty">
|
|
<option value="">All difficulties</option>
|
|
</select>
|
|
|
|
<label for="bestiary-xp-bonus">XP Bonus</label>
|
|
<select id="bestiary-xp-bonus">
|
|
<option value="1">No modifier</option>
|
|
<option value="5">5x</option>
|
|
<option value="10">10x</option>
|
|
</select>
|
|
<p class="drops-field-note">Applies EXP multiplier only.</p>
|
|
|
|
<label for="bestiary-view">View</label>
|
|
<select id="bestiary-view">
|
|
<option value="stats">Stats</option>
|
|
<option value="resists">Resists</option>
|
|
<option value="all">All</option>
|
|
</select>
|
|
|
|
<label for="bestiary-search">Search</label>
|
|
<input id="bestiary-search" type="search" placeholder="Enemy name...">
|
|
|
|
<label for="bestiary-tier" data-bestiary-tier-wrap>BP Tier</label>
|
|
<select id="bestiary-tier" data-bestiary-tier-wrap>
|
|
|
|
<option value="0">No modifier</option><option>BP+1</option><option>BP+2</option><option>BP+3</option>
|
|
<option>BP+4</option><option>BP+5</option><option>BP+6</option>
|
|
<option>BP+7</option><option>BP+8</option><option>BP+9</option>
|
|
<option>BP+10</option><option>BP+11</option>
|
|
</select>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="card placeholder-results-card">
|
|
<div class="blank-data-box" id="bestiary-placeholder">Bestiary 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>
|
|
<a href="https://git.circlewithadot.net/incentive/psopeeps_site" target="_blank" rel="noopener noreferrer">psopeeps.online</a>
|
|
is licensed under
|
|
<a href="https://git.circlewithadot.net/incentive/psopeeps_site/src/branch/main/LICENSE" target="_blank" rel="noopener noreferrer">AGPL 3.0</a>.
|
|
</p>
|
|
<p>
|
|
All written 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>
|
|
<p>
|
|
PSO Peeps is hosted and maintained by
|
|
<a href="https://circlewithadot.net" target="_blank" rel="noopener noreferrer">CIRCLE WITH A DOT</a>.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script src="bestiary-tables.js?v=hide-zero-bestiary-rows-1" defer></script>
|
|
</body>
|
|
</html>
|