Hugging Face's logo

Spaces:
SurajSingh
/
gpt2_email_generation
Sleeping

App Files Community
SurajSingh commited on
Commit
a4269e8
·
1 Parent(s): 5c1f4f4

deployment

Browse files
Files changed (3) hide show
  1. app/templates/email_input.html +81 -1
  2. app/templates/index.html +72 -2
  3. app/templates/subject_generation.html +85 -2
app/templates/email_input.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
  <title>Index</title>
@@ -29,4 +29,84 @@
29
  </fieldset>
30
  </div>
31
  </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
32
  </html>
 
 
1
+ <!-- <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
  <title>Index</title>
 
29
  </fieldset>
30
  </div>
31
  </body>
32
+ </html> -->
33
+
34
+ <!DOCTYPE html>
35
+ <html lang="en">
36
+ <head>
37
+ <title>Email Subject Line Generator</title>
38
+ <style>
39
+ body {
40
+ font-family: sans-serif;
41
+ margin: 0;
42
+ padding: 30px;
43
+ text-align: center;
44
+ background-color: #f5f5f5; /* Light gray background */
45
+ }
46
+
47
+ h1 {
48
+ font-size: 36px;
49
+ color: #333;
50
+ margin-bottom: 30px;
51
+ border-bottom: 1px solid #ccc;
52
+ padding-bottom: 15px;
53
+ }
54
+
55
+ fieldset {
56
+ border: none;
57
+ padding: 0;
58
+ margin: 0;
59
+ }
60
+
61
+ ul {
62
+ list-style: none;
63
+ padding: 0;
64
+ margin: 0;
65
+ }
66
+
67
+ li {
68
+ margin-bottom: 20px;
69
+ }
70
+
71
+ textarea {
72
+ width: 100%;
73
+ padding: 10px;
74
+ border: 1px solid #ccc;
75
+ border-radius: 5px;
76
+ font-size: 16px;
77
+ resize: none; /* Prevent resizing */
78
+ }
79
+
80
+ button {
81
+ background-color: #4CAF50; /* Green background */
82
+ color: white;
83
+ border: none;
84
+ padding: 10px 20px;
85
+ border-radius: 5px;
86
+ cursor: pointer;
87
+ font-weight: bold;
88
+ }
89
+
90
+ button:hover {
91
+ background-color: #3e8e41; /* Darker green on hover */
92
+ }
93
+ </style>
94
+ </head>
95
+ <body>
96
+ <h1>Email Subject Line Generator</h1>
97
+
98
+ <form action="/subject_generation/" enctype="multipart/form-data" method="post">
99
+ <label for="paragraphInput" style="font-weight: bold;">Enter Email:</label>
100
+ <br><br>
101
+ <textarea id="paragraphInput" name="paragraphInput" rows="5"></textarea>
102
+ <br><br>
103
+ <button type="submit">Generate Subject</button>
104
+ </form>
105
+
106
+ <br><br>
107
+ <form action="/" method="get">
108
+ <button type="submit">Home</button>
109
+ </form>
110
+ </body>
111
  </html>
112
+
app/templates/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
  <title>Index</title>
@@ -29,7 +29,7 @@
29
  </h2>
30
  </div>
31
  <br><br><br>
32
- <div class="button-container"> <!-- Wrap buttons in a container -->
33
 
34
  <form action="{{ url_for('email_input_root') }}"><button>Email Subject Generator</button></form>
35
  <form ><button>AI ML Question Answering Chatbot</button></form>
@@ -40,4 +40,74 @@
40
  </fieldset>
41
  </div>
42
  </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
  </html>
 
 
 
 
1
+ <!-- <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
  <title>Index</title>
 
29
  </h2>
30
  </div>
31
  <br><br><br>
32
+ <div class="button-container">
33
 
34
  <form action="{{ url_for('email_input_root') }}"><button>Email Subject Generator</button></form>
35
  <form ><button>AI ML Question Answering Chatbot</button></form>
 
40
  </fieldset>
41
  </div>
42
  </body>
43
+ </html> -->
44
+
45
+ <!DOCTYPE html>
46
+ <html lang="en">
47
+ <head>
48
+ <title>AI Chatbot</title>
49
+ <style>
50
+ body {
51
+ font-family: sans-serif;
52
+ margin: 0;
53
+ padding: 20px;
54
+ text-align: center;
55
+ background-color: #f5f5f5; /* Light gray background */
56
+ }
57
+
58
+ h1 {
59
+ font-size: 36px;
60
+ color: #333;
61
+ margin-bottom: 20px;
62
+ border-bottom: 1px solid #ccc;
63
+ padding-bottom: 10px;
64
+ }
65
+
66
+ h2 {
67
+ font-size: 24px;
68
+ color: #333;
69
+ margin-bottom: 10px;
70
+ }
71
+
72
+ .button-container {
73
+ margin: 40px auto; /* Center buttons with spacing */
74
+ }
75
+
76
+ .button-container form {
77
+ display: inline-block;
78
+ margin: 0 10px;
79
+ }
80
+
81
+ button {
82
+ background-color: #4CAF50; /* Green background */
83
+ color: white;
84
+ border: none;
85
+ padding: 10px 20px;
86
+ border-radius: 5px;
87
+ cursor: pointer;
88
+ font-weight: bold;
89
+ }
90
+
91
+ button:hover {
92
+ background-color: #3e8e41; /* Darker green on hover */
93
+ }
94
+ </style>
95
+ </head>
96
+ <body>
97
+ <h1>AI Chat Bot</h1>
98
+
99
+ <h2>Select Task</h2>
100
+
101
+ <div class="button-container">
102
+ <form action="{{ url_for('email_input_root') }}">
103
+ <button>Email Subject Generator</button>
104
+ </form>
105
+ <form>
106
+ <button>AI ML Question Answering Chatbot</button>
107
+ </form>
108
+ </div>
109
+ </body>
110
  </html>
111
+
112
+
113
+
app/templates/subject_generation.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
  <title>Predict</title>
@@ -36,4 +36,87 @@
36
  </fieldset>
37
  </div>
38
  </body>
39
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
4
  <title>Predict</title>
 
36
  </fieldset>
37
  </div>
38
  </body>
39
+ </html> -->
40
+
41
+ <!DOCTYPE html>
42
+ <html lang="en">
43
+ <head>
44
+ <title>Subject Generation</title>
45
+ <style>
46
+ body {
47
+ font-family: sans-serif;
48
+ margin: 0;
49
+ padding: 30px;
50
+ background-color: #f5f5f5; /* Light gray background */
51
+ text-align: center; /* Center content */
52
+ }
53
+
54
+ h1 {
55
+ font-size: 36px;
56
+ color: #333;
57
+ margin-bottom: 30px;
58
+ border-bottom: 1px solid #ccc;
59
+ padding-bottom: 15px;
60
+ }
61
+
62
+ fieldset {
63
+ border: none;
64
+ padding: 0;
65
+ margin: 0;
66
+ }
67
+
68
+ h3 {
69
+ font-size: 24px;
70
+ margin-bottom: 10px;
71
+ color: #333;
72
+ }
73
+
74
+ p {
75
+ font-size: 18px;
76
+ line-height: 1.5;
77
+ margin-bottom: 20px;
78
+ }
79
+
80
+ span {
81
+ font-weight: bold;
82
+ }
83
+
84
+ .result-span { /* Style the generated subject for emphasis */
85
+ color: #3e8e41; /* Green color */
86
+ font-size: 20px;
87
+ }
88
+
89
+ button {
90
+ background-color: #4CAF50; /* Green background */
91
+ color: white;
92
+ border: none;
93
+ padding: 10px 20px;
94
+ border-radius: 5px;
95
+ cursor: pointer;
96
+ font-weight: bold;
97
+ margin-bottom: 10px;
98
+ }
99
+
100
+ button:hover {
101
+ background-color: #3e8e41; /* Darker green on hover */
102
+ }
103
+ </style>
104
+ </head>
105
+ <body>
106
+ <h1>Subject Generation</h1>
107
+
108
+ <h3>Email:</h3>
109
+ <p><span class="result-span">{{ email }}</span></p>
110
+
111
+ <h3>Subject:</h3>
112
+ <p><span class="result-span">{{ result }}</span></p>
113
+
114
+ <form action="/email_input/" method="get">
115
+ <button type="submit">Check Another Input</button>
116
+ </form>
117
+
118
+ <form action="/" method="get">
119
+ <button type="submit">Home</button>
120
+ </form>
121
+ </body>
122
+ </html>