88 lines
3.4 KiB
HTML
88 lines
3.4 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" />
|
|
<meta name="description" content="Browse the complete FEDL ranked demon list. Search and filter demons by rank, difficulty, and placement. Find your next challenge demon today.">
|
|
<meta name="keywords" content="demon list, ranked demons, demon ranking, geometry dash demons, hardest demons">
|
|
<title>Complete Ranked Demon List - FEDL Rankings</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="icon" type="image/png" href="pageicon.png">
|
|
</head>
|
|
<body data-page="lists">
|
|
<header>
|
|
<h1>FEDL Ranked Demon List</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="roulette.html">Roulette</a>
|
|
<a href="rules.html">Rules</a>
|
|
<a href="messages.html">Messages</a>
|
|
<a href="contact.html">Contact</a>
|
|
<a href="about.html">About</a>
|
|
</nav>
|
|
</header>
|
|
<main class="layout">
|
|
<aside class="sidebar">
|
|
<div class="panel list-sidebar-panel">
|
|
<p class="sidebar-kicker">Quick Jump</p>
|
|
<h2>Rank ranges</h2>
|
|
<p class="muted">Jump straight to a section of the list and narrow things down fast.</p>
|
|
<ul id="levels"></ul>
|
|
</div>
|
|
</aside>
|
|
|
|
<section class="content list-page-shell">
|
|
<section class="panel list-hero-panel">
|
|
<div class="list-hero-copy">
|
|
<p class="hero-kicker">FEDL Rankings</p>
|
|
<h2 id="list-title">FEDL List</h2>
|
|
<p class="muted list-hero-text">Browse the full ranking, search for a level by name, filter by placement range, and open linked videos directly from the table.</p>
|
|
</div>
|
|
<div class="list-hero-badge">
|
|
<strong>Live list</strong>
|
|
<span>Updates pull from the current FEDL data source when available.</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel list-controls-panel">
|
|
<div class="search-row">
|
|
<label class="control-block" for="search">
|
|
<span>Search</span>
|
|
<input id="search" type="text" placeholder="Search titles..." />
|
|
</label>
|
|
<label class="control-block control-select" for="level-filter">
|
|
<span>Filter</span>
|
|
<select id="level-filter"><option value="all">All Levels</option></select>
|
|
</label>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel list-table-panel">
|
|
<div class="table-header">
|
|
<div>
|
|
<p class="status-label">List Table</p>
|
|
<h3>Current placements</h3>
|
|
</div>
|
|
<p class="muted table-hint">Click <strong>Open</strong> to watch the video. With a profile from Roulette, use <strong>My %</strong> to track progress per level (this device only).</p>
|
|
</div>
|
|
|
|
<div class="table-wrap">
|
|
<table class="levels-table">
|
|
<thead>
|
|
<tr><th style="width:80px">#</th><th>Title</th><th style="width:100px">My %</th><th style="width:140px">Action</th></tr>
|
|
</thead>
|
|
<tbody id="list-area"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
<script src="app.js" defer></script>
|
|
</body>
|
|
</html>
|