Your Name
118 lines
5.4 KiB
HTML
118 lines
5.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Verify Email · 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">
|
|
<script src="app.js?v=fix-1780987163" defer></script>
|
|
</head>
|
|
<body>
|
|
<div class="site-shell">
|
|
<header class="site-header" aria-label="Site header">
|
|
<a class="brand" href="index.html" aria-label="PSO Peeps home">
|
|
<img class="brand-logo" src="logo.png" alt="" width="48" height="48">
|
|
<span class="brand-name">PSO PEEPS</span>
|
|
</a>
|
|
|
|
<div class="account-indicator account-indicator--user" aria-label="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="account-layout">
|
|
<section class="card account-hero-card" aria-labelledby="account-title">
|
|
<div>
|
|
<p class="eyebrow">Account Dashboard</p>
|
|
<h1 id="account-title">Verify your email to continue</h1>
|
|
<p>
|
|
Your website account exists, but no PSO Peeps game account will be created until your email address is verified.
|
|
After verification, you can set a Player Password and link your serial/access keys.
|
|
</p>
|
|
</div>
|
|
<div class="status-badges" aria-label="Account setup status">
|
|
<span class="badge badge--warn">Email pending</span>
|
|
<span class="badge">Player Password locked</span>
|
|
<span class="badge">Keys locked</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="dashboard-grid">
|
|
<section class="card" aria-labelledby="verify-heading">
|
|
<h2 id="verify-heading" class="section-title">Email Verification</h2>
|
|
<p class="card-copy">Check your inbox for the PSO Peeps verification link. The game account provisioner stays disabled until verification is complete.</p>
|
|
<form class="account-form single-form" action="#" method="post">
|
|
<button type="submit">Resend Verification</button>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="card locked-card" aria-labelledby="locked-heading">
|
|
<h2 id="locked-heading" class="section-title">Next Steps</h2>
|
|
<ol class="setup-list">
|
|
<li><span>1</span><strong>Verify email</strong><em>Required before game provisioning.</em></li>
|
|
<li><span>2</span><strong>Set Player Password</strong><em>Your Blue Burst / game-side password.</em></li>
|
|
<li><span>3</span><strong>Link serials</strong><em>DC V2, PC V2, and GC V3 keys attach to the same mirrored account.</em></li>
|
|
</ol>
|
|
<a class="small-link" href="account.html">View verified state mockup</a>
|
|
</section>
|
|
</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>
|
|
</body>
|
|
</html>
|