Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Advanced Excuse Generator with Leaderboard</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Advanced Excuse Generator</h1> | |
| <div> | |
| <input type="text" id="prompt" placeholder="What do you need an excuse for?"> | |
| <button onclick="generateExcuse()">Generate Excuse</button> | |
| </div> | |
| <h1>Here's your fresh excuse:</h1> | |
| <div id="excuse-output-container"> | |
| <div class="loader" id="loader"></div> | |
| <div id="excuse-output"></div> | |
| </div> | |
| <h2>Leaderboard</h2> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th class="prompt-cell">Prompt</th> | |
| <th class="excuse-cell">Excuse</th> | |
| <th class="votes-cell">Votes</th> | |
| <th class="model-cell">Model</th> | |
| <th class="settings-cell">Settings</th> | |
| <th class="actions-cell">Actions</th> | |
| </tr> | |
| </thead> | |
| <tbody id="leaderboard-body"></tbody> | |
| </table> | |
| <footer> | |
| <a href="https://huggingface.co/" target="_blank" class="footer-link">Powered by Hugging Face</a> | |
| <span class="copyright">2024 Advanced Excuse Generator</span> | |
| </footer> | |
| </div> | |
| <script src="index.js"></script> | |
| </body> | |
| </html> |