start doc work

2026-06-14 03:26:18 -04:00
parent 759a1a4089
commit 261c99f46e
35 changed files with 1604 additions and 7 deletions
@@ -0,0 +1,112 @@
+<!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>