index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>maccelerate</title>
    <style>
      :root { color-scheme: dark; }
      body {
        align-items: center;
        background: #0d1117;
        color: #e6edf3;
        display: flex;
        font-family: ui-sans-serif, system-ui, sans-serif;
        justify-content: center;
        margin: 0;
        min-height: 100vh;
      }
      main { max-width: 42rem; padding: 2rem; text-align: center; }
      h1 { font-size: 2.4rem; margin: 0 0 .6rem; }
      p { color: #b1bac4; font-size: 1.1rem; line-height: 1.55; }
      .links { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; margin-top: 1.6rem; }
      a { background: #238636; border-radius: .5rem; color: white; padding: .7rem 1rem; text-decoration: none; }
      a.secondary { background: #30363d; }
    </style>
  </head>
  <body>
    <main>
      <h1>⚡ maccelerate</h1>
      <p>Native MLX model releases for Apple Silicon, with clear quantization provenance and practical runtime guidance.</p>
      <div class="links">
        <a href="https://huggingface.co/maccelerate" target="_blank" rel="noopener">View the organization</a>
        <a class="secondary" href="https://huggingface.co/maccelerate/models" target="_blank" rel="noopener">Browse models</a>
        <a class="secondary" href="https://github.com/maccelerate-ai/maccelerate" target="_blank" rel="noopener">Conversion code</a>
      </div>
    </main>
  </body>
</html>