|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <title>GPT-2 Text Generation</title> |
| 7 | + <link rel="stylesheet" type="text/css" href="../static/css/styles.css"> |
| 8 | +</head> |
| 9 | +<body style="background-color: #6ea6ec; font-family: 'Segoe UI', sans-serif; text-align: center;"> |
| 10 | + <div class="container" style="max-width: 800px; margin: 50px auto; padding: 20px; background-color: #acb676; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);"> |
| 11 | + <h1 style="color: #333; margin-bottom: 20px;">GPT-2 Text Generation</h1> |
| 12 | + <p style="font-size: 16px; margin-bottom: 20px;">Welcome to the GPT-2 Text Generation project! Enter your prompt and choose the maximum length of the generated text to get started.</p> |
| 13 | + <form method="POST" action="/" style="margin-bottom: 20px;"> |
| 14 | + <label for="prompt" style="font-weight: bold;">Enter your prompt:</label><br> |
| 15 | + <input type="text" id="prompt" name="prompt" placeholder="Enter Your Text" style="width: 100%; padding: 10px; margin-top: 5px; margin-bottom: 10px; border-radius: 3px; border: 1px solid hsl(66, 20%, 48%);"> |
| 16 | + <br> |
| 17 | + <label for="max_length" style="font-weight: bold;">Maximum Length:</label><br> |
| 18 | + <input type="number" id="max_length" name="max_length" min="1" max="1000" value="200" required style="width: 100%; padding: 10px; margin-top: 5px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #ccc;"> |
| 19 | + <br> |
| 20 | + <button type="submit" style="padding: 10px 20px; background-color: #51ff00; color: #e89898; border: none; border-radius: 3px; cursor: pointer; transition: background-color 0.3s;">Generate Text</button> |
| 21 | + </form> |
| 22 | + {% if prompt %} |
| 23 | + <div class="generated-text" style="margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px; text-align: left;"> |
| 24 | + <h2 style="color: #333; margin-bottom: 10px;">Generated Text:</h2> |
| 25 | + <p style="white-space: pre-wrap; font-size: 16px; line-height: 1.6;">{{ generated_text }}</p> |
| 26 | + </div> |
| 27 | + {% endif %} |
| 28 | + <div class="social-links"> |
| 29 | + <a href="https://www.instagram.com/end_of_night.17j03/" target="_blank"> |
| 30 | + <img src="../static/css/img/instagram.jpg" alt="Instagram"> |
| 31 | + </a> |
| 32 | + <a href="https://www.facebook.com/nishantraghuwanshi.singh.5" target="_blank"> |
| 33 | + <img src="../static/css/img/fb.png" alt="Facebook"> |
| 34 | + </a> |
| 35 | + <a href="https://www.linkedin.com/in/nishant-raghuwanshi-1509a724a/" target="_blank"> |
| 36 | + <img src="../static/css/img/linkdin.png" alt="LinkedIn"> |
| 37 | + </a> |
| 38 | + <a href="https://github.com/Nishant2018" target="_blank"> |
| 39 | + <img src="../static/css/img/github.png" alt="GitHub"> |
| 40 | + </a> |
| 41 | + <a href="https://www.kaggle.com/endofnight17j03" target="_blank"> |
| 42 | + <img src="../static/css/img/Kaggle_logo.png" alt="Kaggle"> |
| 43 | + </a> |
| 44 | + </div> |
| 45 | + <div class="footer"> |
| 46 | + <p>© 2024 Your Website. All rights reserved. | <a href="/terms">Terms of Use</a> | <a href="/privacy">Privacy Policy</a></p> |
| 47 | + </div> |
| 48 | + <div class="additional-info" style="margin-top: 30px;"> |
| 49 | + <h3 style="color: #333; margin-bottom: 10px;">Additional Information</h3> |
| 50 | + <p style="font-size: 14px; line-height: 1.5;">Explore our GPT-2 Text Generation project to generate creative and engaging text based on your prompts. This tool uses advanced natural language processing techniques to produce realistic and coherent text outputs.</p> |
| 51 | + </div> |
| 52 | + </div> |
| 53 | +</body> |
| 54 | +</html> |
0 commit comments