Your Name
113 lines
4.6 KiB
HTML
113 lines
4.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Guide - PSO Peeps</title>
|
|
<meta name="description" content="PSO Peeps connection and gameplay guides.">
|
|
<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=local-guide-20260614-7">
|
|
<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="guide.html">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 guide-layout">
|
|
<section class="card placeholder-control-card guide-control-card">
|
|
<h1 class="section-title">Guide</h1>
|
|
|
|
<p class="guide-intro">
|
|
Use this guide to connect to PSO Peeps, learn the normal Peeps setup, or review Hardcore Peeps rules and progression.
|
|
Both ships are available below.
|
|
</p>
|
|
|
|
<div class="guide-server-grid" aria-label="Server addresses">
|
|
<div class="guide-server-card">
|
|
<span>US Server</span>
|
|
<strong>108.175.11.140</strong>
|
|
</div>
|
|
<div class="guide-server-card">
|
|
<span>EU Server</span>
|
|
<strong>65.21.79.231</strong>
|
|
</div>
|
|
</div>
|
|
|
|
<form class="placeholder-form guide-controls">
|
|
<div class="guide-control">
|
|
<label for="guide-level-0">Guide</label>
|
|
<select id="guide-level-0"></select>
|
|
</div>
|
|
|
|
<div class="guide-control" id="guide-level-1-wrap" hidden>
|
|
<label for="guide-level-1">Section</label>
|
|
<select id="guide-level-1"></select>
|
|
</div>
|
|
|
|
<div class="guide-control" id="guide-level-2-wrap" hidden>
|
|
<label for="guide-level-2">Platform</label>
|
|
<select id="guide-level-2"></select>
|
|
</div>
|
|
|
|
<div class="guide-control" id="guide-level-3-wrap" hidden>
|
|
<label for="guide-level-3">System</label>
|
|
<select id="guide-level-3"></select>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="card placeholder-results-card">
|
|
<div class="blank-data-box guide-box" id="guide-content">Guide content will load here.</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>
|
|
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="guide.js?v=local-guide-20260614-7" defer></script>
|
|
</body>
|
|
</html>
|