Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Blog Outline Generator</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| <!-- <style> | |
| body { | |
| background-image: url("{{ url_for('static', filename='bricks.jpg') }}"); | |
| background-size: cover; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| } | |
| </style> --> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <img src="{{url_for('static', filename='perfect.png')}}" width="480" height="150" align="middle" /> | |
| <br> | |
| <br> | |
| <h1>AbstrAI ✒️</h1> | |
| <br> | |
| <form method="post" action="/"> | |
| <b><i><label for="input_text">Enter the topic: </label></i></b> | |
| <input type="text" id="input_text" name="input_text" required> | |
| <div class="columns"> | |
| <div class="column"> | |
| <b><i><label for="no_words">Enter the No of words: </label></i></b> | |
| <input type="text" id="no_words" name="no_words" required> | |
| </div> | |
| <div class="column"> | |
| <b><i><label for="blog_style">Select the Industry or Audience</label></i></b> | |
| <select id="blog_style" name="blog_style"> | |
| <option value="Technology">Technology</option> | |
| <option value="Healthcare">Healthcare</option> | |
| <option value="Education">Education</option> | |
| <option value="Sports">Sports</option> | |
| <option value="Entertainment">Entertainment</option> | |
| <option value="Finance">Finance</option> | |
| <option value="Travel">Travel</option> | |
| <option value="Fashion">Fashion</option> | |
| <!-- Add more options as needed --> | |
| </select> | |
| </div> | |
| <!-- ... (remaining code) ... --> | |
| </div> | |
| <br> | |
| <button type="submit" class="generate-btn">Generate!</button> | |
| </form> | |
| {% if response %} | |
| <div class="response"> | |
| <p>{{ response }}</p> | |
| </div> | |
| {% endif %} | |
| </div> | |
| </body> | |
| </html> |