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

173 lines
8.4 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>Account · 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=key-sync-dots-20260609-5">
<script src="app.js?v=account-status-label-20260609" 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">
</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="account-layout">
<section class="card account-hero-card" aria-labelledby="account-title">
<div>
<p class="eyebrow">Account Dashboard</p>
<h1 id="account-title">chuudoku</h1>
<p>
Manage your Blue Burst login and the serial/access keys you use for DC V2, PC V2, and GC V3.
Linked saves are mirrored between US and EU automatically.
</p>
</div>
<div class="status-badges" aria-label="Account setup status">
<span class="badge badge--warn">BB password needed</span>
<span class="badge badge--ok">Saves synced</span>
</div>
</section>
<section class="card save-sync-card" aria-labelledby="sync-heading">
<h2 id="sync-heading" class="section-title">Save Sync</h2>
<div class="region-list region-list--sync region-list--wide">
<div class="region-row"><span>US saves</span><strong><span class="ready-dot"></span> Current</strong></div>
<div class="region-row"><span>EU saves</span><strong><span class="ready-dot"></span> Current</strong></div>
<div class="region-row"><span>Last sync</span><strong>Less than 1 minute ago</strong></div>
</div>
</section>
<section class="dashboard-grid dashboard-grid--setup">
<section class="card setup-card setup-card--bb" aria-labelledby="bb-heading">
<h2 id="bb-heading" class="section-title">Blue Burst Account</h2>
<p class="card-copy">
No Blue Burst account has been created yet. Set one BB password here; your BB username will be <strong>chuudoku</strong> on both US and EU.
</p>
<form class="account-form single-form" action="#" method="post">
<label for="bb-password">Set Blue Burst Password</label>
<input id="bb-password" name="bb-password" type="password" autocomplete="new-password">
<label for="bb-password-confirm">Confirm Blue Burst Password</label>
<input id="bb-password-confirm" name="bb-password-confirm" type="password" autocomplete="new-password">
<button type="submit">Create Blue Burst Account</button>
</form>
<p class="fine-print">Blue Burst is limited to one account per website account.</p>
</section>
<section class="card setup-card setup-card--key-sync" aria-labelledby="key-sync-heading">
<h2 id="key-sync-heading" class="section-title">Key Sync</h2>
<div id="key-sync-summary" class="key-sync-summary key-sync-summary--panel">
<span>Key sync: <strong>unknown</strong></span>
<span>US: <strong>unknown</strong></span>
<span>EU: <strong>unknown</strong></span>
</div>
</section>
<section class="card setup-card setup-card--register" aria-labelledby="new-key-heading">
<h2 id="new-key-heading" class="section-title">Register V2 / V3 Key</h2>
<p class="card-copy">
Add each DC V2, PC V2, or GC V3 key profile you use. You can register more than one key profile.
</p>
<form onsubmit="return false" class="account-form single-form" action="#" method="post">
<label for="key-version">Game Version</label>
<select id="key-version" name="key-version">
<option>DC V2</option>
<option>PC V2</option>
<option>GC V3</option>
</select>
<label for="key-label">Label <span class="optional">optional</span></label>
<input id="key-label" name="key-label" type="text" placeholder="Dreamcast US disc, GameCube JP, etc.">
<label for="key-serial">Serial Number</label>
<input id="key-serial" name="key-serial" type="text" inputmode="numeric">
<label for="key-access">Access Key</label>
<input id="key-access" name="key-access" type="text">
<button type="button">Register Key Profile</button>
</form>
</section>
<section class="card setup-card setup-card--xbox" aria-labelledby="xbox-v3-heading">
<h2 id="xbox-v3-heading" class="section-title">Xbox V3 / Insignia</h2>
<p class="card-copy">Linking an Xbox V3 profile with an Insignia token will live here.</p>
<span class="pending-pill">Insignia support pending</span>
</section>
</section>
<section class="card" aria-labelledby="keys-heading">
<h2 id="keys-heading" class="section-title">Registered V2 / V3 Keys</h2>
<p class="card-copy">
These key profiles are attached to this website account and mirrored to both US and EU. Deleting a key removes that game profile and its associated saves/backups after a confirmation step.
</p>
<div class="warning-box" role="note"><strong>Delete warning:</strong> deleting a key removes that V2 login profile from this website account and syncs the removal to US and EU.</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="account-keys.js?v=20260611-gc-v3-raw-serial-neutral-copy" defer></script>
<script src="account-save-sync.js?v=account-fix-1780987245" defer></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink