99 lines
3.7 KiB
HTML
99 lines
3.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6951907799659255"
|
|
crossorigin="anonymous"></script>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>FEDL Offline</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="icon" type="image/png" href="pageicon.png">
|
|
</head>
|
|
<body data-page="offlineindex">
|
|
<header>
|
|
<h1>FEDL Offline</h1>
|
|
<nav>
|
|
<a href="index.html">Home</a>
|
|
<a href="lists.html">Lists</a>
|
|
<a href="players.html">Players</a>
|
|
<a href="run.html">Submit Run</a>
|
|
<a href="rules.html">Rules</a>
|
|
<a href="roulette.html">Roulette</a>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<section class="home-hero">
|
|
<div class="home-copy panel">
|
|
<p class="hero-kicker">Offline Mode</p>
|
|
<h2>FEDL is using the local list right now.</h2>
|
|
<p class="hero-text">Live features are unavailable at the moment, but you can still browse the ranked list from the local <code>data.txt</code> file and keep using the static pages.</p>
|
|
<div class="hero-actions">
|
|
<a class="btn" href="lists.html">Browse list</a>
|
|
<a class="btn ghost-btn" href="rules.html">Read rules</a>
|
|
<a class="btn ghost-btn" href="roulette.html">Open roulette</a>
|
|
</div>
|
|
<div class="hero-stats" aria-label="FEDL offline overview">
|
|
<article class="stat-card">
|
|
<strong id="hero-total-levels">--</strong>
|
|
<span>Levels from local data</span>
|
|
</article>
|
|
<article class="stat-card">
|
|
<strong id="hero-top-entry">--</strong>
|
|
<span>Current top entry</span>
|
|
</article>
|
|
<article class="stat-card">
|
|
<strong id="hero-last-slot">Local</strong>
|
|
<span>Status</span>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="hero-stage panel">
|
|
<p class="stage-label">Local Snapshot</p>
|
|
<h3>Top 10 levels</h3>
|
|
<p class="muted">Pulled from the bundled list file so the site still has something useful to show.</p>
|
|
<div class="featured-list" id="featured-list">
|
|
<article class="featured-card">
|
|
<span class="featured-rank">#--</span>
|
|
<strong>Loading list data...</strong>
|
|
<p>Reading the local list file.</p>
|
|
</article>
|
|
</div>
|
|
</aside>
|
|
</section>
|
|
|
|
<section class="panel list-table-panel">
|
|
<div class="table-header">
|
|
<div>
|
|
<p class="status-label">Local List</p>
|
|
<h3>Top 10 from data.txt</h3>
|
|
</div>
|
|
<p class="muted table-hint">This preview stays available even when live features are down.</p>
|
|
</div>
|
|
<div class="table-wrap">
|
|
<table class="levels-table">
|
|
<thead>
|
|
<tr><th style="width:110px">Rank</th><th>Title</th></tr>
|
|
</thead>
|
|
<tbody id="offline-list-area">
|
|
<tr><td colspan="2" class="muted">Loading local list...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel">
|
|
<p class="hero-kicker">Offline Fallback</p>
|
|
<h2>Static pages are still available</h2>
|
|
<p class="hero-text">You can keep browsing the list, rules, roulette, and other static pages while the live parts of the site are unavailable.</p>
|
|
<div class="hero-actions">
|
|
<a class="btn" href="lists.html">Browse full list</a>
|
|
<a class="btn ghost-btn" href="players.html">View players</a>
|
|
<a class="btn ghost-btn" href="rules.html">Read rules</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script src="app.js" defer></script>
|
|
</body>
|
|
</html>
|