static/submit.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Submit your outputs · IntReal</title>
  <link rel="stylesheet" href="/leaderboard-assets/styles.css?v=5">
</head>
<body>
  <main>
    <header class="app-header"><h1>IntReal Leaderboard</h1></header>
    <section class="submission-page">
      <a href="/">← Back to leaderboard</a>
      <div class="block">
        <h2>Submit your outputs</h2>
        <p>Submit outputs from a public, open-source model hosted under your own Hugging Face account. Each account may submit up to 3 times every 7 days.</p>
        <div class="signin-row"><a id="sign-in" class="primary-button" href="/auth/login" target="_blank" rel="noopener">Sign in with Hugging Face</a><span id="identity-status" role="status">Checking sign-in…</span><button id="sign-out" class="hidden" type="button">Sign out</button></div>
        <p class="submission-privacy">For closed-source models or agentic frameworks, please prepare outputs in the <a href="https://github.com/yushaohan/IntReal/tree/main/inference" target="_blank" rel="noopener noreferrer">IntReal output format</a> and email them to <a href="mailto:shaohanyu628@gmail.com">shaohanyu628@gmail.com</a>. If submission storage is full, contact the same address and submit again once space is available.</p>
        <p id="availability" class="notice warning hidden" role="status"></p>
        <form id="submission-form">
          <fieldset id="submission-fields" disabled>
            <div class="form-grid">
              <label class="field full"><span>Hugging Face model URL *</span><input name="model_url" type="url" required maxlength="240" placeholder="https://huggingface.co/your-username/model-name"><small>Public, ungated, with weights and an open license. The owner must match your signed-in account.</small></label>
              <label class="field"><span>Hugging Face username *</span><input id="hf-username" name="username" readonly required autocomplete="off"><small>Automatically verified through Hugging Face sign-in.</small></label>
              <label class="field"><span>Contact email *</span><input name="email" type="email" required maxlength="254" autocomplete="email" placeholder="you@example.com"></label>
              <div class="field full"><label for="archive">Output archive (.zip) *</label><div class="archive-picker"><input id="archive" type="file" accept=".zip,application/zip" required aria-describedby="archive-name archive-help"><label class="archive-button" for="archive">Choose ZIP file</label><span id="archive-name" aria-live="polite">No file selected</span></div><small id="archive-help">Up to 10 GB. Include generated PNG/JPEG/WebP images and JSON/JSONL/TXT metadata in the <a href="https://github.com/yushaohan/IntReal/tree/main/inference" target="_blank" rel="noopener noreferrer">IntReal output format</a>. Do not include model weights. ZIP files are checked before acceptance.</small></div>
            </div>
            <p class="submission-privacy">Your email and outputs are stored privately for evaluation and follow-up. Submitting does not publish your files or automatically add scores to the leaderboard.</p>
            <button id="send-submission" class="primary-button" type="submit">Submit outputs</button>
          </fieldset>
        </form>
        <div id="upload-progress" class="hidden"><progress id="progress" max="100" value="0"></progress><p id="progress-text" role="status"></p></div>
        <p id="submission-message" class="notice hidden" role="status"></p>
      </div>
    </section>
  </main>
  <script src="/leaderboard-assets/submit.js?v=4" defer></script>
</body>
</html>