112 lines
4.7 KiB
HTML
112 lines
4.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="dark">
|
|
<title>brunner.ninja // feedc0de Coop Campaign</title>
|
|
<link rel="stylesheet" href="/assets/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="backdrop" aria-hidden="true">
|
|
<div id="slide-a" class="slide slide-visible"></div>
|
|
<div id="slide-b" class="slide"></div>
|
|
<div class="shade"></div>
|
|
<div class="grain"></div>
|
|
</div>
|
|
|
|
<div class="shell">
|
|
<header class="topbar">
|
|
<div class="brand">
|
|
<span class="brand-mark"><i></i></span>
|
|
<div>
|
|
<strong>BRUNNER.NINJA</strong>
|
|
<span>FEEDC0DE COOP</span>
|
|
</div>
|
|
</div>
|
|
<div class="live"><i></i><span id="server-state">CONNECTING TO SERVER</span></div>
|
|
</header>
|
|
|
|
<main class="hero">
|
|
<section class="mission" aria-labelledby="map-title">
|
|
<div class="eyebrow">CURRENT DEPLOYMENT</div>
|
|
<h1 id="map-title">Preparing mission</h1>
|
|
<div class="mission-meta">
|
|
<span id="gamemode">FEEDC0DE COOP CAMPAIGN</span>
|
|
<span id="slots">CO-OPERATIVE CAMPAIGNS</span>
|
|
</div>
|
|
<p id="server-name" class="server-name">brunner.ninja</p>
|
|
|
|
<div class="photo-caption">
|
|
<span id="photo-index">01 / 12</span>
|
|
<div>
|
|
<small>FROM THE ARCHIVES</small>
|
|
<strong id="photo-title">The road ahead</strong>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<aside class="profile-column">
|
|
<section class="profile" aria-live="polite">
|
|
<div class="profile-head">
|
|
<span id="profile-monogram" class="monogram">?</span>
|
|
<div>
|
|
<small id="profile-kicker">OPERATIVE RECORD</small>
|
|
<h2 id="player-name">Identifying player</h2>
|
|
</div>
|
|
</div>
|
|
<div id="profile-loading" class="profile-loading">
|
|
<i></i><span>Reading your co-op record…</span>
|
|
</div>
|
|
<div id="profile-stats" class="stats hidden">
|
|
<div><strong id="player-score">0</strong><span>LIFETIME SCORE</span></div>
|
|
<div><strong id="player-credits">0</strong><span>CREDITS</span></div>
|
|
<div><strong id="player-time">0m</strong><span>PLAYED</span></div>
|
|
<div class="rank"><strong id="player-rank">Newbie</strong><span>RANK</span></div>
|
|
</div>
|
|
<p id="tip" class="tip">Stay close. Co-op maps are at their best when the squad moves together.</p>
|
|
</section>
|
|
|
|
<section class="leaderboard" aria-live="polite">
|
|
<div class="leaderboard-head">
|
|
<small>ALL-TIME OPERATIVES</small>
|
|
<span>TOP 5 BY SCORE</span>
|
|
</div>
|
|
<ol id="leaderboard-list">
|
|
<li class="leaderboard-loading">Reading campaign records…</li>
|
|
</ol>
|
|
</section>
|
|
</aside>
|
|
</main>
|
|
|
|
<section class="loader" aria-live="polite">
|
|
<div class="status-row">
|
|
<div>
|
|
<span id="phase-label" class="phase-label">INITIALIZING CONNECTION</span>
|
|
<strong id="status-text">Waiting for server details…</strong>
|
|
<span id="file-name" class="file-name">Secure channel standing by</span>
|
|
</div>
|
|
<div class="percent"><strong id="percent">4</strong><span>%</span></div>
|
|
</div>
|
|
|
|
<div class="progress-track">
|
|
<div id="progress-bar" class="progress-bar" style="width: 4%"><i></i></div>
|
|
</div>
|
|
|
|
<div class="loader-foot">
|
|
<ol id="stages" class="stages">
|
|
<li class="active"><i></i><span>Handshake</span></li>
|
|
<li><i></i><span>Workshop</span></li>
|
|
<li><i></i><span>Server files</span></li>
|
|
<li><i></i><span>Lua & spawn</span></li>
|
|
</ol>
|
|
<span id="file-count" class="file-count">Building download manifest</span>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="/assets/app.js"></script>
|
|
</body>
|
|
</html>
|