web/templates/base.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>{% block title %}NanoDex{% endblock %}</title>
<meta name="description" content="Pre-train a small decoder-only language model from scratch, in the cloud.">
<link rel="stylesheet" href="/static/app.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>&#129516;</text></svg>">
{% block head %}{% endblock %}
</head>
<body>

<nav>
  <div class="wrap">
    <a class="brand" href="/"><span class="dot"></span>NanoDex</a>
    <div class="navlinks">
      {% if user %}
      <a href="/" class="{{ 'on' if nav=='home' }}">Home</a>
      <a href="/models" class="{{ 'on' if nav=='models' }}">My models</a>
      <a href="/train" class="{{ 'on' if nav=='train' }}">New run</a>
      {% endif %}
      <a href="/explore" class="{{ 'on' if nav=='explore' }}">Explore</a>
      <a href="/queue" class="{{ 'on' if nav=='queue' }}">Queue</a>
      <a href="/about" class="{{ 'on' if nav=='about' }}">How it works</a>
    </div>
    {% if user %}
      <a class="usermenu" href="/profile">
        {% if user.picture %}<img class="avatar" src="{{ user.picture }}" alt="">
        {% else %}<span class="avatar"></span>{% endif %}
        <span>{{ user.username }}</span>
      </a>
    {% else %}
      <a class="btn primary sm" target="_top" href="/login"><span class="signin-long">Sign in with Hugging Face</span><span class="signin-short">Sign in</span></a>
    {% endif %}
  </div>
</nav>

<main><div class="wrap">{% block body %}{% endblock %}</div></main>

<footer><div class="wrap">
  <div>NanoDex · train a decoder-only language model from scratch</div>
  <div>
    <a href="/about">How it works</a> ·
    <a href="https://huggingface.co/datasets/HuggingFaceFW/fineweb-edu" target="_blank" rel="noopener">fineweb-edu</a> ·
    <a href="https://huggingface.co/hugging-science" target="_blank" rel="noopener">hugging-science</a>
  </div>
</div></footer>

<script>
/* huggingface.co refuses to be displayed in a frame, so the OAuth handshake
   must run as a top-level navigation — inside the Space iframe it would just
   render a blank grey box. Retarget anything we missed, and show a hint. */
(function(){
  if (window.self === window.top) return;
  document.documentElement.classList.add('framed');
  addEventListener('DOMContentLoaded', function(){
    document.querySelectorAll('a[href^="/login"], a[href^="/logout"]')
      .forEach(function(a){ a.target = '_top'; });
  });
})();
</script>
<script src="/static/app.js"></script>
{% block scripts %}{% endblock %}
</body>
</html>