Spaces:
Sleeping
Sleeping
File size: 6,030 Bytes
13ba664 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NLP Tools</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/styles.css') }}">
</head>
<body style="background-color: #6ea6ec; font-family: 'Segoe UI', sans-serif; text-align: center;">
<div class="background">
<div class="container" style="max-width: 897px; margin: 50px auto; padding: 20px; background-color: rgba(0, 0, 0, 0.7); color: #ffffff;border-radius: 5px; box-shadow: 0 0 10px rgba(245, 244, 244, 0.1);">
<h1 style="color: #ffffff; margin-bottom: 20px;">NLP Tools (Open AI) & (Google BERT)</h1>
<p style="font-size: 16px; margin-bottom: 20px;">Welcome to the NLP Tools project! Select the tool you want to use, enter your prompt or text, and click the button to get results. </p>
<form method="POST" action="/" style="margin-bottom: 20px;">
<label for="prompt" style="font-weight: bold; color: #ffffff;">Enter your prompt or text:</label><br>
<input type="text" id="prompt" name="prompt" placeholder="Enter Your Text" style="width: 87%; padding: 51px; margin-top: 5px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #ccc; color: #0d0c0c;">
<br>
<label for="model_type" style="font-weight: bold; color: #ffffff;">Select Model or Tool Type:</label><br>
<select id="model_type" name="model_type" required style="width: 100%; padding: 10px; margin-top: 5px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #ccc; color: #090909;">
<option value="summarization">Summarization</option>
<option value="gpt2">GPT-2 Text Generation</option>
<option value="gpt3">GPT-3 Text Generation</option>
<option value="Text_bert">Generate Mask Text (BERT)</option>
<option value="translation_en_to_fr">Translation: English to French</option>
<option value="translation_en_to_hi">Translation: English to Hindi</option>
<option value="translation_hi_to_en">Translation: Hindi to English</option>
<option value="translation_es_to_en">Translation: Spanish to English</option>
<option value="translation_de_to_en">Translation: German to English</option>
<option value="translation_fr_to_en">Translation: French to English</option>
<option value="translation_zh_to_en">Translation: Chinese to English</option>
</select>
<br>
<label for="max_length" style="font-weight: bold; color: #ffffff;">Maximum Length (for Text Generation or Summarization):</label><br>
<input type="number" id="max_length" name="max_length" min="1" max="1000" value="200" required style="width: 97%; padding: 10px; margin-top: 5px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #ccc; color: #111111;">
<br>
<button type="submit" style="padding: 10px 20px; background-color: #302ebd; color: #ffffff; border: none; border-radius: 3px; cursor: pointer; transition: background-color 0.3s;">Generate Text</button>
</form>
{% if prompt %}
<div class="generated-text" style="margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px; text-align: left;">
<h2 style="color: #ffffff; margin-bottom: 10px;">Generated Text:</h2>
<p class="generated_text" style="white-space: pre-wrap; font-size: 16px; line-height: 1.6;">{{ generated_text }}</p>
</div>
{% endif %}
<div class="social-links">
<a href="https://www.instagram.com/end_of_night.17j03/" target="_blank">
<img src="../static/css/img/instagram.jpg" alt="Instagram">
</a>
<a href="https://www.facebook.com/nishantraghuwanshi.singh.5" target="_blank">
<img src="../static/css/img/fb.png" alt="Facebook">
</a>
<a href="https://www.linkedin.com/in/nishant-raghuwanshi-1509a724a/" target="_blank">
<img src="../static/css/img/linkdin.png" alt="LinkedIn">
</a>
<a href="https://github.com/Nishant2018" target="_blank">
<img src="../static/css/img/github.png" alt="GitHub">
</a>
<a href="https://www.kaggle.com/endofnight17j03" target="_blank">
<img src="../static/css/img/Kaggle_logo.png" alt="Kaggle">
</a>
</div>
<div class="footer">
<p>© 2024 Your Website. All rights reserved. | <a href="/terms" style="color: #ffffff;">Terms of Use</a> | <a href="/privacy" style="color: #ffffff;">Privacy Policy</a></p>
<div class="contact-section" style="margin-top: 30px;">
<h3 style="color: #ffffff; margin-bottom: 10px;">Contact Us</h3>
<p style="font-size: 14px; line-height: 1.5; color: #ffffff;">For inquiries or feedback, please contact our team at <a href="mailto:nishantraghuwanshi2018@gmail.com" style="color: #ffffff; text-decoration: underline;">nishantraghuwanshi2018@gmail.com</a>.</p>
</div>
</div>
<div class="additional-info" style="margin-top: 30px;">
<h3 style="color: #ffffff; margin-bottom: 10px;">Additional Information</h3>
<p style="font-size: 14px; line-height: 1.5;">Explore our NLP Tools project to generate and analyze text using state-of-the-art models. Choose from text generation, translation, or summarization tools to experience the power of natural language processing.</p>
</div>
</div>
</div>
</body>
</html>
|