index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>MiniT2I</title>
    <style>
      :root {
        color-scheme: light dark;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      }

      body {
        margin: 0;
        min-height: 100vh;
        display: grid;
        place-items: center;
        background: #f6f7f9;
        color: #1f2937;
      }

      main {
        width: min(760px, calc(100% - 48px));
        padding: 48px 0;
      }

      h1 {
        margin: 0 0 12px;
        font-size: 40px;
        line-height: 1.05;
      }

      p {
        margin: 0 0 20px;
        font-size: 17px;
        line-height: 1.65;
      }

      a {
        color: #4f46e5;
        font-weight: 650;
        text-decoration: none;
      }

      ul {
        margin: 24px 0 0;
        padding-left: 20px;
        line-height: 1.9;
      }

      img.teaser {
        display: block;
        width: 100%;
        height: auto;
        margin: 24px 0 8px;
        border-radius: 12px;
      }

      @media (prefers-color-scheme: dark) {
        body {
          background: #111827;
          color: #e5e7eb;
        }

        a {
          color: #a5b4fc;
        }
      }
    </style>
  </head>
  <body>
    <main>
      <h1>MiniT2I</h1>
      <p>
        Introducing <strong>MiniT2I</strong>: a simple pixel-space text-to-image generator baseline. Please use the project links below to navigate.
      </p>
      <img class="teaser" src="https://huggingface.co/spaces/MiniT2I/README/resolve/main/teaser.png" alt="MiniT2I teaser: a gallery of text-to-image samples" />
      <ul>
        <li><a href="https://peppaking8.github.io/#/post/minit2i">Blog post</a></li>
        <li><a href="https://github.com/Hope7Happiness/t2i-release">PyTorch/Diffusers code</a></li>
        <li><a href="https://github.com/PeppaKing8/minit2i-jax">JAX code</a></li>
        <li><a href="https://huggingface.co/MiniT2I/MiniT2I">PyTorch checkpoints</a></li>
        <li><a href="https://huggingface.co/MiniT2I/MiniT2I-B-16-jax">JAX B/16 checkpoint</a></li>
        <li><a href="https://huggingface.co/MiniT2I/MiniT2I-L-16-jax">JAX L/16 checkpoint</a></li>
        <li><a href="https://huggingface.co/MiniT2I/MiniT2I-B-16-MF-jax">JAX B/16-MF checkpoint</a></li>
      </ul>
    </main>
  </body>
</html>