Hugging Face's logo

Spaces:
Hadiil
/
web-ai
Sleeping

App Files Community
1
Hadiil commited on
Commit
a88b36b
·
verified ·
1 Parent(s): cd5f08e

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +13 -4
static/index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>VION IA Assistant</title>
7
  <link rel="stylesheet" href="/static/styles.css">
8
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
9
  </head>
@@ -18,7 +18,7 @@
18
 
19
  <!-- Main Container -->
20
  <div class="container mx-auto p-6">
21
- <h1 class="text-4xl font-bold text-center mb-8 cosmic-gradient">VION IA Assistant</h1>
22
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
23
  <!-- Summarize Box -->
24
  <div class="function-box card" data-modal="summarize-modal">
@@ -74,6 +74,7 @@
74
  <input type="text" class="w-full p-3 bg-gray-800 bg-opacity-50 rounded" placeholder="Enter text to summarize..." required>
75
  <button type="submit" class="cosmic-btn ml-2">Send</button>
76
  </div>
 
77
  </form>
78
  <form id="summarize-file-form" class="tab-content hidden" data-tab="summarize-file">
79
  <div class="drop-area" ondragover="event.preventDefault();" ondrop="handleDrop(event, this)" onclick="this.querySelector('input').click();">
@@ -81,6 +82,7 @@
81
  <input type="file" accept=".pdf,.docx,.txt,.rtf" class="hidden">
82
  </div>
83
  <button type="submit" class="cosmic-btn mt-4">Send</button>
 
84
  </form>
85
  <div id="summarize-response" class="response-card hidden"></div>
86
  </div>
@@ -113,6 +115,7 @@
113
  <option value="portuguese">Portuguese</option>
114
  <option value="korean">Korean</option>
115
  </select>
 
116
  </form>
117
  <form id="translate-file-form" class="tab-content hidden" data-tab="translate-file">
118
  <div class="drop-area" ondragover="event.preventDefault();" ondrop="handleDrop(event, this)" onclick="this.querySelector('input').click();">
@@ -134,6 +137,7 @@
134
  <option value="korean">Korean</option>
135
  </select>
136
  <button type="submit" class="cosmic-btn mt-4">Send</button>
 
137
  </form>
138
  <div id="translate-response" class="response-card hidden"></div>
139
  </div>
@@ -152,6 +156,7 @@
152
  <input type="text" class="w-full p-3 bg-gray-800 bg-opacity-50 rounded" placeholder="Ask a question about the file..." required>
153
  <button type="submit" class="cosmic-btn ml-2">Send</button>
154
  </div>
 
155
  </form>
156
  <div id="file-qa-response" class="response-card hidden"></div>
157
  </div>
@@ -167,6 +172,7 @@
167
  <input type="file" accept="image/*" class="hidden">
168
  </div>
169
  <button type="submit" class="cosmic-btn mt-4">Send</button>
 
170
  </form>
171
  <div id="image-caption-response" class="response-card hidden"></div>
172
  </div>
@@ -185,6 +191,7 @@
185
  <input type="text" class="w-full p-3 bg-gray-800 bg-opacity-50 rounded" placeholder="Ask a question about the image..." required>
186
  <button type="submit" class="cosmic-btn ml-2">Send</button>
187
  </div>
 
188
  </form>
189
  <div id="visual-qa-response" class="response-card hidden"></div>
190
  </div>
@@ -206,6 +213,7 @@
206
  <option value="dashboard">Dashboard</option>
207
  </select>
208
  <button type="submit" class="cosmic-btn mt-4">Send</button>
 
209
  </form>
210
  <div id="visualize-response" class="response-card hidden"></div>
211
  </div>
@@ -221,10 +229,11 @@
221
  <input type="text" class="w-full p-3 bg-gray-800 bg-opacity-50 rounded" placeholder="Type your message..." required>
222
  <button type="submit" class="cosmic-btn ml-2">Send</button>
223
  </div>
 
224
  </form>
225
  </div>
226
  </div>
227
 
228
  <script src="/static/scripts.js"></script>
229
- </body>
230
- </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Cosmic AI Assistant</title>
7
  <link rel="stylesheet" href="/static/styles.css">
8
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
9
  </head>
 
18
 
19
  <!-- Main Container -->
20
  <div class="container mx-auto p-6">
21
+ <h1 class="text-4xl font-bold text-center mb-8 cosmic-gradient">Cosmic AI Assistant</h1>
22
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
23
  <!-- Summarize Box -->
24
  <div class="function-box card" data-modal="summarize-modal">
 
74
  <input type="text" class="w-full p-3 bg-gray-800 bg-opacity-50 rounded" placeholder="Enter text to summarize..." required>
75
  <button type="submit" class="cosmic-btn ml-2">Send</button>
76
  </div>
77
+ <div class="loading-spinner hidden">Processing your request...</div>
78
  </form>
79
  <form id="summarize-file-form" class="tab-content hidden" data-tab="summarize-file">
80
  <div class="drop-area" ondragover="event.preventDefault();" ondrop="handleDrop(event, this)" onclick="this.querySelector('input').click();">
 
82
  <input type="file" accept=".pdf,.docx,.txt,.rtf" class="hidden">
83
  </div>
84
  <button type="submit" class="cosmic-btn mt-4">Send</button>
85
+ <div class="loading-spinner hidden">Processing your request...</div>
86
  </form>
87
  <div id="summarize-response" class="response-card hidden"></div>
88
  </div>
 
115
  <option value="portuguese">Portuguese</option>
116
  <option value="korean">Korean</option>
117
  </select>
118
+ <div class="loading-spinner hidden">Processing your request...</div>
119
  </form>
120
  <form id="translate-file-form" class="tab-content hidden" data-tab="translate-file">
121
  <div class="drop-area" ondragover="event.preventDefault();" ondrop="handleDrop(event, this)" onclick="this.querySelector('input').click();">
 
137
  <option value="korean">Korean</option>
138
  </select>
139
  <button type="submit" class="cosmic-btn mt-4">Send</button>
140
+ <div class="loading-spinner hidden">Processing your request...</div>
141
  </form>
142
  <div id="translate-response" class="response-card hidden"></div>
143
  </div>
 
156
  <input type="text" class="w-full p-3 bg-gray-800 bg-opacity-50 rounded" placeholder="Ask a question about the file..." required>
157
  <button type="submit" class="cosmic-btn ml-2">Send</button>
158
  </div>
159
+ <div class="loading-spinner hidden">Processing your request...</div>
160
  </form>
161
  <div id="file-qa-response" class="response-card hidden"></div>
162
  </div>
 
172
  <input type="file" accept="image/*" class="hidden">
173
  </div>
174
  <button type="submit" class="cosmic-btn mt-4">Send</button>
175
+ <div class="loading-spinner hidden">Processing your request...</div>
176
  </form>
177
  <div id="image-caption-response" class="response-card hidden"></div>
178
  </div>
 
191
  <input type="text" class="w-full p-3 bg-gray-800 bg-opacity-50 rounded" placeholder="Ask a question about the image..." required>
192
  <button type="submit" class="cosmic-btn ml-2">Send</button>
193
  </div>
194
+ <div class="loading-spinner hidden">Processing your request...</div>
195
  </form>
196
  <div id="visual-qa-response" class="response-card hidden"></div>
197
  </div>
 
213
  <option value="dashboard">Dashboard</option>
214
  </select>
215
  <button type="submit" class="cosmic-btn mt-4">Send</button>
216
+ <div class="loading-spinner hidden">Processing your request...</div>
217
  </form>
218
  <div id="visualize-response" class="response-card hidden"></div>
219
  </div>
 
229
  <input type="text" class="w-full p-3 bg-gray-800 bg-opacity-50 rounded" placeholder="Type your message..." required>
230
  <button type="submit" class="cosmic-btn ml-2">Send</button>
231
  </div>
232
+ <div class="loading-spinner hidden">Processing your request...</div>
233
  </form>
234
  </div>
235
  </div>
236
 
237
  <script src="/static/scripts.js"></script>
238
+ <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9385acb2c804e0a9',t:'MTc0NjAwMTgwMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
239
+ </html>