Hugging Face's logo

Spaces:
theapps
/
ab
Running

App Files Community
theapps commited on
Commit
8fecfd9
·
verified ·
1 Parent(s): ca165c7

Upload index.html

Browse files
Files changed (1) hide show
  1. static/index.html +294 -0
static/index.html ADDED
@@ -0,0 +1,294 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html><meta charset="utf-8" />
3
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
+ <meta name="format-detection" content="telephone=no" />
6
+ <meta name="msapplication-tap-highlight" content="no" />
7
+ <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
8
+ <link href='http://fonts.googleapis.com/css?family=Raleway:500' rel='stylesheet' type='text/css'>
9
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Oswald:300' rel='stylesheet' type='text/css'>
10
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
11
+ <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
12
+ <link href='https://fonts.googleapis.com/css?family=Poiret+One|Dosis:300|Fjalla+One' rel='stylesheet' type='text/css'>
13
+ <link href='https://fonts.googleapis.com/css?family=Indie+Flower|Lobster' rel='stylesheet' type='text/css'>
14
+ <link href='https://fonts.googleapis.com/css?family=Pacifico|Shadows+Into+Light|Dancing+Script|Amatic+SC' rel='stylesheet' type='text/css'>
15
+ <link href='https://fonts.googleapis.com/css?family=Teko' rel='stylesheet' type='text/css'>
16
+ <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Josefin+Sans|Gloria+Hallelujah|Roboto Slab|Righteous|Sacramento|Yellowtail" rel="stylesheet">
17
+ <link href="https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope|Just+Me+Again+Down+Here|Nixie+One|Six+Caps|Unkempt" rel="stylesheet">
18
+ <style>
19
+
20
+
21
+
22
+
23
+ .css-1dbjc4n {
24
+ -ms-flex-align: stretch;
25
+ -ms-flex-direction: column;
26
+ -ms-flex-negative: 0;
27
+ -ms-flex-preferred-size: auto;
28
+ -webkit-align-items: stretch;
29
+ -webkit-box-align: stretch;
30
+ -webkit-box-direction: normal;
31
+ -webkit-box-orient: vertical;
32
+ -webkit-flex-basis: auto;
33
+ -webkit-flex-direction: column;
34
+ -webkit-flex-shrink: 0;
35
+ align-items: stretch;
36
+ border: 0 solid black;
37
+ box-sizing: border-box;
38
+ display: -webkit-box;
39
+ display: -moz-box;
40
+ display: -ms-flexbox;
41
+ display: -webkit-flex;
42
+ display: flex;
43
+ flex-basis: auto;
44
+ flex-direction: column;
45
+ flex-shrink: 0;
46
+ margin-bottom: 0px;
47
+ margin-left: 0px;
48
+ margin-right: 2px;
49
+ margin-top: 0px;
50
+ min-height: 0px;
51
+ min-width: 0px;
52
+ padding-bottom: 0px;
53
+ padding-left: 0px;
54
+ padding-right: 0px;
55
+ padding-top: 0px;
56
+ position: relative;
57
+ z-index: 0;
58
+ }
59
+
60
+ .r-xoduu5zo {
61
+ display: inline-flex;
62
+ top: 10px;
63
+ background-color: #000000;
64
+ }
65
+
66
+ .r-xoduu5xxx {
67
+ display: inline-flex;
68
+ top: 5px;
69
+ }
70
+ .hagh1 {
71
+ height: 125px;
72
+ width: 390px;
73
+ position: absolute;
74
+ left: 500px;
75
+ top: 57px;
76
+ text-align: center;
77
+ }
78
+
79
+ div.relative {
80
+ position: relative;
81
+ top: -16px ;
82
+
83
+ text-align: center;
84
+
85
+ }
86
+
87
+ .r-xoduu5xoooo {
88
+ display: inline-flex;
89
+ top: -7px;
90
+ }
91
+
92
+
93
+
94
+ .CIRCDosis_SZ18_SP-3_SH1_SK0_MA0{
95
+
96
+ font-family: 'Dosis', sans-serif;
97
+ line-height: 110%;
98
+ font-size: 18px;
99
+ letter-spacing: -3px;
100
+ text-shadow: 0px 0px 1px;
101
+ transform: skew(0deg, 0deg);
102
+ margin-top: 0.00cm;
103
+ position: relative;
104
+ top: 11px;
105
+ float: left;
106
+
107
+
108
+ }
109
+ .CIRCDosis_SZ18_SP-3_SH1_SK0_MA0 a:link,
110
+ .CIRCDosis_SZ18_SP-3_SH1_SK0_MA0 a:visited,
111
+ .CIRCDosis_SZ18_SP-3_SH1_SK0_MA0 a:hover {
112
+ color: #000000;
113
+ text-decoration: none;
114
+ transition: all 0.2s ease-in-out;
115
+ }
116
+
117
+ .wordCIRCTEXT{
118
+
119
+
120
+ position: absolute;
121
+ background-color: #b400ff;
122
+ width: 15px;
123
+ height: 10px;
124
+ border: 1px solid #000000;
125
+
126
+
127
+ }
128
+
129
+ .r-xoduu5xo {
130
+ display: inline-flex;
131
+ top: -2px;
132
+ }
133
+
134
+ .r-xoduu5xoo {
135
+ display: inline-flex;
136
+ top: -4px;
137
+ }
138
+ .css-901oaoS {
139
+ border: 0 solid black;
140
+ box-sizing: border-box;
141
+ color: #ffffff;
142
+ display: inline;
143
+ font-size: 14px;
144
+ margin-bottom: 0px;
145
+ margin-left: 0px;
146
+ margin-right: 3px;
147
+ margin-top: 0px;
148
+ padding-bottom: 0px;
149
+ padding-left: 7px;
150
+ letter-spacing: 3px;
151
+ padding-right: 0px;
152
+ padding-top: 0px;
153
+ white-space: pre-wrap;
154
+ word-wrap: break-word;
155
+ font-family: 'Oswald', sans-serif;
156
+ font-weight: 300;
157
+
158
+ }
159
+ .css-901oao2sx {
160
+ border: 0 solid black;
161
+ box-sizing: border-box;
162
+ color: #000000;
163
+ display: inline;
164
+ font-weight: 600;
165
+ font-size: 20px;
166
+ margin-bottom: 0px;
167
+ margin-left: 0px;
168
+ margin-right: 0px;
169
+ margin-top: 0px;
170
+ padding-bottom: 0px;
171
+ padding-left: 0px;
172
+ letter-spacing: 3px;
173
+ padding-right: 0px;
174
+ padding-top: 0px;
175
+ white-space: pre-wrap;
176
+ word-wrap: break-word;
177
+ font-family: 'Oswald', sans-serif;
178
+
179
+ }
180
+
181
+ .write2 {
182
+
183
+ background-color: #000000;
184
+
185
+ word-wrap: break-word;
186
+ border: 1px solid black;
187
+ box-sizing: border-box;
188
+
189
+
190
+
191
+
192
+
193
+ }
194
+
195
+ .r-xoduu5x {
196
+ display: inline-flex;
197
+ top: 8px;
198
+ }
199
+
200
+ .css-901oao2sx {
201
+ border: 0 solid black;
202
+ box-sizing: border-box;
203
+ color: #000000;
204
+ display: inline;
205
+ font-weight: 600;
206
+ font-size: 20px;
207
+ margin-bottom: 0px;
208
+ margin-left: 0px;
209
+ margin-right: 3px;
210
+ margin-top: 0px;
211
+ padding-bottom: 0px;
212
+ padding-left: 0px;
213
+ letter-spacing: 3px;
214
+ padding-right: 0px;
215
+ padding-top: 0px;
216
+ white-space: pre-wrap;
217
+ word-wrap: break-word;
218
+ font-family: 'Oswald', sans-serif;
219
+
220
+ }
221
+ .css-901oao2sx {
222
+ border: 0 solid black;
223
+ box-sizing: border-box;
224
+ color: #000000;
225
+ display: inline;
226
+ font-weight: 600;
227
+ font-size: 20px;
228
+ margin-bottom: 0px;
229
+ margin-left: 0px;
230
+ margin-right: 2px;
231
+ margin-top: 0px;
232
+ padding-bottom: 0px;
233
+ padding-left: 0px;
234
+ letter-spacing: 3px;
235
+ padding-right: 0px;
236
+ padding-top: -5px;
237
+ white-space: pre-wrap;
238
+ word-wrap: break-word;
239
+ font-family: 'Oswald', sans-serif;
240
+
241
+ }
242
+
243
+
244
+ </style>
245
+
246
+ </head>
247
+
248
+ <body>
249
+ <h1>Conversation Generator</h1>
250
+
251
+ <body>
252
+ <h1>Conversation Generator</h1>
253
+ <form method="post">
254
+ <label for="prompt">Enter Prompt:</label>
255
+ <input type="text" name="prompt" id="prompt" required>
256
+ <button type="submit">Generate Conversation</button>
257
+ </form>
258
+ {% if conversation %}
259
+ <h2>Generated Conversation:</h2>
260
+ <p>{{ conversation }}</p>
261
+ {% endif %}
262
+
263
+ {% include 'first.html' %}
264
+
265
+ <!-- Form for running backend script -->
266
+ <form method="post" onsubmit="runAAMain(); return false;">
267
+ <button type="submit">Run Backend Script</button>
268
+ </form>
269
+
270
+ <script>
271
+ async function runAAMain() {
272
+ const response = await fetch('/run_aamain', {
273
+ method: 'POST',
274
+ });
275
+
276
+ const result = await response.json();
277
+ alert(result.message); // You can handle the result as needed
278
+ }
279
+
280
+
281
+
282
+
283
+ // Function to reload the page every 10 seconds
284
+ function autoRefresh() {
285
+ setTimeout(function () {
286
+ location.reload();
287
+ }, 20000); // 10,000 milliseconds = 10 seconds
288
+ }
289
+
290
+ // Call the function when the page loads
291
+ window.onload = autoRefresh;
292
+ </script>
293
+ </body>
294
+ </html>