129 lines
5.5 KiB
HTML
129 lines
5.5 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>Submit Run - GD fedl</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="icon" type="image/png" href="pageicon.png">
|
|
</head>
|
|
<body data-page="run">
|
|
<header>
|
|
<h1>Submit Run</h1>
|
|
<nav>
|
|
<a href="index.html">Home</a>
|
|
<a href="guess.html">Guess Game</a>
|
|
<a href="players.html">Players</a>
|
|
<a href="lists.html">Lists</a>
|
|
<a href="run.html">Submit Run</a>
|
|
<a href="rules.html">Rules</a>
|
|
<a href="roulette.html">Roulette</a>
|
|
<a href="post.html">Posts</a>
|
|
<a href="messages.html">Messages</a>
|
|
<a href="contact.html">Contact</a>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<section class="run-shell">
|
|
<section class="panel run-panel">
|
|
<div class="run-head">
|
|
<div>
|
|
<p class="hero-kicker">FEDL Submission</p>
|
|
<h2>Send in a run</h2>
|
|
<p class="muted run-intro">Submit your completion video, attach raw footage if you have it hosted, and leave notes for the moderators. If you <a href="login.html">log in</a>, you can save multiple runs to your account (drafts) and queue submissions will show your username to moderators.</p>
|
|
</div>
|
|
<div class="run-head-badge">
|
|
<strong>Live queue</strong>
|
|
<span>Submissions land in the admin panel instantly when the Node server is running.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<form id="run-form" class="run-form">
|
|
<label class="control-block" for="run-player-name">
|
|
<span>Player Name</span>
|
|
<input id="run-player-name" name="playerName" type="text" placeholder="Your in-game name" required />
|
|
<span class="muted small">When you are logged in, your account username is filled here automatically (you can change it). Starting in 2027 you will need an account to submit a run.</span>
|
|
</label>
|
|
|
|
<label class="control-block" for="run-level-title">
|
|
<span>Level</span>
|
|
<input id="run-level-title" name="levelTitle" type="text" list="run-level-options" placeholder="Level title" required />
|
|
<datalist id="run-level-options"></datalist>
|
|
</label>
|
|
|
|
<label class="control-block" for="run-video-url">
|
|
<span>Completion Video URL</span>
|
|
<input id="run-video-url" name="videoUrl" type="url" placeholder="https://youtu.be/..." required />
|
|
</label>
|
|
|
|
<label class="control-block" for="run-percent">
|
|
<span>Percent</span>
|
|
<input id="run-percent" name="percent" type="number" min="1" max="100" placeholder="100" required />
|
|
</label>
|
|
|
|
<label class="control-block" for="run-raw-footage-url">
|
|
<span>Raw Footage URL</span>
|
|
<input id="run-raw-footage-url" name="rawFootageUrl" type="url" placeholder="Optional raw footage link" />
|
|
</label>
|
|
|
|
<label class="control-block run-notes-block" for="run-notes">
|
|
<span>Notes For Mods</span>
|
|
<textarea id="run-notes" name="notes" rows="6" placeholder="Mention handcam, custom copy info, bug fix approval, or anything the moderators should know."></textarea>
|
|
</label>
|
|
|
|
<div class="run-actions">
|
|
<button id="run-submit" type="submit" class="btn">Submit Run</button>
|
|
<button type="button" id="run-save-account" class="btn ghost-btn" hidden>Save to my account</button>
|
|
<p id="run-form-status" class="muted">The server needs to be running for live submissions.</p>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
<aside class="panel run-side-panel">
|
|
<p class="status-label">Checklist</p>
|
|
<h2>Before you submit</h2>
|
|
<div class="run-checklist">
|
|
<article>
|
|
<strong>Completion video</strong>
|
|
<p>Make sure the completion link is public and actually shows the run you want reviewed.</p>
|
|
</article>
|
|
<article>
|
|
<strong>Raw footage</strong>
|
|
<p>Add the raw footage link here if you have it hosted somewhere moderators can access.</p>
|
|
</article>
|
|
<article>
|
|
<strong>Important notes</strong>
|
|
<p>Call out solo or 2-player variants, custom copies, LDM use, and handcam details in the notes box.</p>
|
|
</article>
|
|
</div>
|
|
</aside>
|
|
</section>
|
|
|
|
<section class="panel run-my-runs-panel" id="run-my-runs-section" hidden>
|
|
<div class="submission-header run-my-runs-head">
|
|
<div>
|
|
<p class="hero-kicker">Your account</p>
|
|
<h3>Runs saved to your account</h3>
|
|
<p class="muted">Keep multiple drafts here while you work on links or notes. They sync when you are signed in.</p>
|
|
</div>
|
|
</div>
|
|
<div id="run-saved-runs-list" class="submission-list"></div>
|
|
</section>
|
|
|
|
<section class="panel submission-panel">
|
|
<div class="table-header submission-header">
|
|
<div>
|
|
<p class="status-label">Submission Queue</p>
|
|
<h3>Recent run submissions</h3>
|
|
</div>
|
|
<p id="run-list-status" class="muted">Loading recent submissions...</p>
|
|
</div>
|
|
<div id="run-submissions" class="submission-list"></div>
|
|
</section>
|
|
</main>
|
|
<script src="app.js" defer></script>
|
|
</body>
|
|
</html>
|