incentive/psopeeps_site
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity
Files
main
psopeeps_site/site/drops.html
T
Your Name ce4993a07e ugh
2026-06-15 12:20:46 -04:00

142 lines
6.6 KiB
HTML
Raw Permalink Blame History

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Drops - 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=drops-peeps-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">Drops</h1>
<form class="placeholder-form">
<label for="drops-mode">Drop Table</label>
<select id="drops-mode">
<option value="peeps">Peeps</option>
<option value="hardcore">Hardcore</option>
</select>
<div id="drops-peeps-controls">
<label for="drops-version">Version</label>
<select id="drops-version">
<option value="v1">V1</option>
<option value="v2">V2</option>
<option value="v3">V3</option>
<option value="bb">BB</option>
</select>
<p class="drops-field-note" id="drops-v2-note" hidden>V2 drop tables apply to PSO PC only.</p>
<p class="drops-field-note" id="drops-hardcore-note" hidden>Hardcore uses the BB/V4 drop table.</p>
<div id="drops-rare-modifier-wrap" hidden>
<label for="drops-rare-modifier">Rare bonus modifier</label>
<select id="drops-rare-modifier">
<option value="0">No modifier</option>
<option value="0.1">Brutal Peeps +1 (+0.1%)</option>
<option value="0.2">Brutal Peeps +2 (+0.2%)</option>
<option value="0.5">Brutal Peeps +3 (+0.5%)</option>
<option value="0.6">Brutal Peeps +4 (+0.6%)</option>
<option value="0.8">Brutal Peeps +5 (+0.8%)</option>
<option value="0.9">Brutal Peeps +6 (+0.9%)</option>
<option value="1.0">Brutal Peeps +7 (+1.0%)</option>
<option value="2.0">Brutal Peeps +8 (+2.0%)</option>
<option value="3.0">Brutal Peeps +9 (+3.0%)</option>
<option value="4.0">Brutal Peeps +10 (+4.0%)</option>
<option value="5.0">Brutal Peeps +11 (+5.0%)</option>
</select>
<p class="drops-field-note">Applies to the Rate column for V2 PC and BB/V4.</p>
</div>
<label for="drops-rare-mode">Mode</label>
<select id="drops-rare-mode">
<option value="">All modes</option>
</select>
<label for="drops-episode">Episode</label>
<select id="drops-episode">
<option value="">All episodes</option>
</select>
<label for="drops-difficulty">Difficulty</label>
<select id="drops-difficulty">
<option value="">All difficulties</option>
</select>
<label for="drops-section">Section ID</label>
<select id="drops-section">
<option value="">All Section IDs</option>
</select>
<label for="drops-search">Search</label>
<input id="drops-search" type="search" placeholder="Enemy, box, item, code...">
</div>
</form>
</section>
<section class="card placeholder-results-card">
<div class="blank-data-box drops-box" id="drops-placeholder">Drop table 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="drop-tables.js?v=drops-peeps-table-viewer-20260613-12" defer></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink