redlandClaude Fable 5
80c1d75d2f
rp_core (sessions, scrypt auth, self-written MySQL-wire driver rp_db), county-records NUI: residency-file auth, identity-record character intake, survey-grid spawn, procedural night-city loading screen. Secrets replaced with .example files. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
73 lines
2.5 KiB
HTML
73 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Los Santos Roleplay</title>
|
|
<link rel="stylesheet" href="tokens.css">
|
|
<link rel="stylesheet" href="app.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- procedural night-city flyover; no external assets -->
|
|
<canvas id="sky" aria-hidden="true"></canvas>
|
|
<div class="grain" aria-hidden="true"></div>
|
|
<div class="scrim" aria-hidden="true"></div>
|
|
<div class="vignette" aria-hidden="true"></div>
|
|
|
|
<main class="rail">
|
|
|
|
<header class="file reveal" style="--d:0ms">
|
|
<div class="eyebrow">City of Los Santos · Office of Records</div>
|
|
<div class="serial data">
|
|
FILE <span id="serial">0000-0000</span> / RESIDENCY APPLICATION
|
|
</div>
|
|
</header>
|
|
|
|
<section class="brand">
|
|
<h1 class="wordmark" id="wordmark">LOS SANTOS</h1>
|
|
<div class="tagrow reveal" style="--d:520ms">
|
|
<span class="tagline">ROLEPLAY</span>
|
|
<span class="dash" aria-hidden="true"></span>
|
|
<span class="data" id="hostcount">Connecting</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="notices reveal" style="--d:760ms" aria-live="polite">
|
|
<div class="notice-head">
|
|
<span class="eyebrow">Posted notice</span>
|
|
<span class="notice-index data" id="noticeIndex">1 / 5</span>
|
|
</div>
|
|
<div class="notice" id="notice">
|
|
<h2 class="notice-title" id="noticeTitle">Stay in character</h2>
|
|
<p class="notice-body" id="noticeBody">Loading the city.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="load reveal" style="--d:940ms">
|
|
<div class="loadhead">
|
|
<span class="step data" id="step">Waiting for the game</span>
|
|
<span class="pct" id="pct">0<i>%</i></span>
|
|
</div>
|
|
<div class="track"><i class="bar" id="bar"></i></div>
|
|
|
|
<div class="fader">
|
|
<button class="mute" id="mute" type="button" aria-label="Mute ambience">
|
|
<svg viewBox="0 0 16 16" width="15" height="15" aria-hidden="true">
|
|
<path id="spk" d="M3 6h2.5L9 3v10L5.5 10H3z" fill="currentColor"/>
|
|
<path id="wave" d="M11 5.6a3.4 3.4 0 0 1 0 4.8M12.9 3.7a6 6 0 0 1 0 8.6"
|
|
fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
|
|
</svg>
|
|
</button>
|
|
<label class="sr-only" for="vol">Ambience volume</label>
|
|
<input id="vol" type="range" min="0" max="100" value="45" step="1">
|
|
<span class="volval data" id="volval">45</span>
|
|
</div>
|
|
<p class="audiohint data" id="audiohint" hidden>Click anywhere to start the ambience</p>
|
|
</footer>
|
|
|
|
</main>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|