| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>FreeAPI - Llama 3.1</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>FreeAPI</h1> | |
| <p>Llama 3.1 8B API & Chat</p> | |
| </header> | |
| <div class="hero"> | |
| <div class="card"> | |
| <h2>Get Started</h2> | |
| <p>Register to get API keys and chat with Llama 3.1 8B.</p> | |
| <div class="buttons"> | |
| <a href="/login" class="btn btn-primary">Login / Register</a> | |
| <a href="/chat" class="btn btn-secondary">Try Chat</a> | |
| </div> | |
| </div> | |
| <div class="card"> | |
| <h2>API Access</h2> | |
| <p><code>POST /api/chat</code> with your API key</p> | |
| <p>Model: <strong>llama3.1:8b</strong></p> | |
| <p style="font-size:0.85rem;color:#666;margin-top:8px"> | |
| Register → Generate API key → Chat via UI or API | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |