Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="AI Novel Generator - Create custom stories with AI"> | |
| <title>NovelCraft - AI Story Generator</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="container"> | |
| <h1>NovelCraft</h1> | |
| <p>AI-Powered Story Generation</p> | |
| <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="anycoder-link">Built with anycoder</a> | |
| </div> | |
| </header> | |
| <main class="container"> | |
| <div class="chat-container"> | |
| <div class="chat-history" id="chatHistory"> | |
| <div class="message bot-message"> | |
| <div class="message-content"> | |
| Hello! I'm your AI novel assistant. Describe the story you'd like me to generate (genre, characters, setting, etc.), and I'll create a unique novel excerpt for you! | |
| </div> | |
| </div> | |
| </div> | |
| <div class="input-area"> | |
| <textarea id="userInput" placeholder="Describe your novel idea..."></textarea> | |
| <button id="sendButton">Generate Story</button> | |
| </div> | |
| </div> | |
| </main> | |
| <footer> | |
| <div class="container"> | |
| <p>Powered by Groq's LLaMA API | NovelCraft © 2023</p> | |
| </div> | |
| </footer> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |