145 lines
7.7 KiB
HTML
145 lines
7.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>PSO Peeps</title>
|
|
<meta name="description" content="PSO Peeps private multi-platform Phantasy Star Online server.">
|
|
<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=home-hardcore-preline-20260610-1">
|
|
<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>
|
|
|
|
<form class="top-account-form" action="#" method="post" aria-label="Account login or registration">
|
|
<label class="sr-only" for="top-username">Username</label>
|
|
<input id="top-username" name="username" type="text" placeholder="username" autocomplete="username">
|
|
|
|
<label class="sr-only" for="top-password">Password</label>
|
|
<input id="top-password" name="password" type="password" placeholder="password" autocomplete="current-password">
|
|
|
|
<button class="button-compact" type="submit" formaction="#login">Login</button>
|
|
<button class="button-compact button-secondary" type="submit" formaction="#register">Register</button>
|
|
</form>
|
|
</header>
|
|
|
|
<section class="hero" aria-label="Phantasy Star Online artwork">
|
|
<div class="hero-image" role="img" aria-label="PSO Peeps hero artwork placeholder"></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="main-grid main-grid--home">
|
|
<section class="card server-card" aria-labelledby="server-status-heading">
|
|
<p class="server-blurb">
|
|
PSO Peeps is a private multi-platform Phantasy Star Online server supporting DC V2, PC V2, GC V3, and Blue Burst.
|
|
Our ships feature XP boosts, optional experimental crossplay between all versions, increased difficulty tiers, and a hardcore mode.
|
|
</p>
|
|
|
|
<h1 id="server-status-heading" class="section-title">Server Status</h1>
|
|
|
|
<div class="status-list" role="list" aria-label="Current server player counts">
|
|
<div class="status-row status-parent" role="listitem"><span>US Server</span><span></span></div>
|
|
|
|
<div class="status-row status-parent" role="listitem"><span>Alis</span><span>0 Players</span></div>
|
|
<div class="status-row status-child" role="listitem"><span>V2</span><span>0 Players</span></div>
|
|
<div class="status-row status-child" role="listitem"><span>V3</span><span>0 Players</span></div>
|
|
<div class="status-row status-child" role="listitem"><span>BB</span><span>0 Players</span></div>
|
|
|
|
<div class="status-row status-parent" role="listitem"><span>Abion</span><span></span></div>
|
|
<div class="status-row status-child" role="listitem"><span>HC</span><span>0 Players</span></div>
|
|
|
|
<div class="status-row status-parent" role="listitem"><span>EU Server</span><span></span></div>
|
|
|
|
<div class="status-row status-parent" role="listitem"><span>Palma</span><span>0 Players</span></div>
|
|
<div class="status-row status-child" role="listitem"><span>V2</span><span>0 Players</span></div>
|
|
<div class="status-row status-child" role="listitem"><span>V3</span><span>0 Players</span></div>
|
|
<div class="status-row status-child" role="listitem"><span>BB</span><span>0 Players</span></div>
|
|
|
|
<div class="status-row status-parent" role="listitem"><span>Aiedo</span><span></span></div>
|
|
<div class="status-row status-child" role="listitem"><span>HC</span><span>0 Players</span></div>
|
|
|
|
<div class="status-row status-parent" role="listitem"><span>PSP Ship</span><span></span></div>
|
|
<div class="status-row status-child" role="listitem"><span>PSP1</span><span>0 Players</span></div>
|
|
<div class="status-row status-child" role="listitem"><span>PSP2i</span><span>0 Players</span></div>
|
|
</div>
|
|
</section>
|
|
|
|
<aside class="right-stack" aria-label="Account and leaderboard panels">
|
|
<section class="card quick-account-card" aria-labelledby="quick-account-heading">
|
|
<h2 id="quick-account-heading" class="section-title">Account Setup</h2>
|
|
<p class="card-copy">
|
|
One website account owns your game identity. Blue Burst saves, V2/V3 key profiles, and server backups attach to the account name.
|
|
</p>
|
|
<a class="small-link" href="account-ready.html">Open account dashboard</a>
|
|
</section>
|
|
|
|
<section class="card leaderboard-card" aria-labelledby="hardcore-heading">
|
|
<h2 id="hardcore-heading" class="section-title">Hardcore Leaderboard</h2>
|
|
<ol class="leaderboard-list leaderboard-list--home-hardcore" id="home-hardcore-leaderboard-body" aria-label="Top five hardcore players">
|
|
<li><span class="rank">1.</span><span>Loading...</span></li>
|
|
</ol>
|
|
<a class="small-link home-leaderboard-more" href="leaderboards.html">more</a>
|
|
</section>
|
|
|
|
<section class="card leaderboard-card" aria-labelledby="crank-heading">
|
|
<h2 id="crank-heading" class="section-title">C Rank Points</h2>
|
|
<ol class="leaderboard-list" aria-label="Top five C Rank point totals">
|
|
<li><span class="rank">1.</span><span>—</span></li>
|
|
<li><span class="rank">2.</span><span>—</span></li>
|
|
<li><span class="rank">3.</span><span>—</span></li>
|
|
<li><span class="rank">4.</span><span>—</span></li>
|
|
<li><span class="rank">5.</span><span>—</span></li>
|
|
</ol>
|
|
</section>
|
|
</aside>
|
|
</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="hero-cycle.js?v=force-cycle-3" defer></script>
|
|
<script src="home-leaderboard.js?v=home-hardcore-preline-20260610-1" defer></script>
|
|
</body>
|
|
</html>
|