Spaces:
Sleeping
Sleeping
| <!-- <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Predict</title> | |
| </head> | |
| <body> | |
| <div> | |
| <h1 style="background-color:LightGray;"> | |
| <center>Subject Generation </center> | |
| </h1> | |
| </div> | |
| <div> | |
| <fieldset> | |
| <h3><center><span style="font-weight:bold;font-family:sans-serif">Email:</span></Input></center></h3> | |
| <p> | |
| <center> | |
| <span style="font-weight:bold;color:blue"> {{email}}</span> | |
| </center> | |
| </p> | |
| <br><br> | |
| <h3> | |
| <center> | |
| <span style="font-weight:bold;font-family:sans-serif">Subject:</span> | |
| <span style="font-weight:bold;color:blue"> {{result}}</span> | |
| </center> | |
| </h3> | |
| <br><br> | |
| <form action="/email_input/" method="get"> | |
| <center><button type="submit">Check Another Input</button></center> | |
| </form> | |
| <br> | |
| <form action="/" method="get"> | |
| <center><button type="submit">Home</button></center> | |
| </form> | |
| </fieldset> | |
| </div> | |
| </body> | |
| </html> --> | |
| <html lang="en"> | |
| <head> | |
| <title>Subject Generation</title> | |
| <style> | |
| body { | |
| font-family: sans-serif; | |
| margin: 0; | |
| padding: 30px; | |
| background-color: #f5f5f5; /* Light gray background */ | |
| text-align: center; /* Center content */ | |
| } | |
| h1 { | |
| font-size: 36px; | |
| color: #333; | |
| margin-bottom: 30px; | |
| border-bottom: 1px solid #ccc; | |
| padding-bottom: 15px; | |
| } | |
| fieldset { | |
| border: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| h3 { | |
| font-size: 24px; | |
| margin-bottom: 10px; | |
| color: #333; | |
| } | |
| p { | |
| font-size: 18px; | |
| line-height: 1.5; | |
| margin-bottom: 20px; | |
| } | |
| span { | |
| font-weight: bold; | |
| } | |
| .result-span { /* Style the generated subject for emphasis */ | |
| color: #3e8e41; /* Green color */ | |
| font-size: 20px; | |
| } | |
| button { | |
| background-color: #4CAF50; /* Green background */ | |
| color: white; | |
| border: none; | |
| padding: 10px 20px; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| font-weight: bold; | |
| margin-bottom: 10px; | |
| } | |
| button:hover { | |
| background-color: #3e8e41; /* Darker green on hover */ | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>Subject Generation</h1> | |
| <h3>Email:</h3> | |
| <p><span class="result-span">{{ email }}</span></p> | |
| <h3>Subject:</h3> | |
| <p><span class="result-span">{{ result }}</span></p> | |
| <form action="/email_input/" method="get"> | |
| <button type="submit">Check Another Input</button> | |
| </form> | |
| <form action="/" method="get"> | |
| <button type="submit">Home</button> | |
| </form> | |
| </body> | |
| </html> | |