Hugging Face's logo

Spaces:
OpenRAG128
/
ImageIQ
Running

App Files Community
OpenRAG128 commited on
Commit
5fbdffc
·
verified ·
1 Parent(s): 97d58de

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +47 -19
index.html CHANGED
@@ -1,19 +1,47 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Image Recognition Chatbot</title>
7
+ <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
8
+ </head>
9
+ <body>
10
+ <div class="chat-container">
11
+ <div id="chatbox">
12
+ <div class="bot-message">
13
+ <img src="{{ url_for('static', filename='bot-icon.png') }}" alt="Bot">
14
+ <span>Hello! How can I assist you today?</span>
15
+ </div>
16
+ </div>
17
+ <div class="input-container">
18
+ <input type="text" id="userInput" placeholder="Ask a question...">
19
+ <input type="file" id="imageUpload" accept="image/*">
20
+ <select id="model" name="model" required>
21
+ <option value="" disabled selected>Select a model</option>
22
+ <option value="distil-whisper-large-v3-en">Distil-Whisper English</option>
23
+ <option value="gemma2-9b-it">Gemma 2 9B</option>
24
+ <option value="gemma-7b-it">Gemma 7B</option>
25
+ <option value="llama3-groq-70b-8192-tool-use-preview">Llama 3 Groq 70B Tool Use (Preview)</option>
26
+ <option value="llama3-groq-8b-8192-tool-use-preview">Llama 3 Groq 8B Tool Use (Preview)</option>
27
+ <option value="llama-3.1-70b-versatile">Llama 3.1 70B (Preview)</option>
28
+ <option value="llama-3.1-8b-instant">Llama 3.1 8B (Preview)</option>
29
+ <option value="llama-guard-3-8b">Llama Guard 3 8B</option>
30
+ <option value="llava-v1.5-7b-4096-preview">LLaVA 1.5 7B</option>
31
+ <option value="llama3-70b-8192">Meta Llama 3 70B</option>
32
+ <option value="llama3-8b-8192">Meta Llama 3 8B</option>
33
+ <option value="mixtral-8x7b-32768">Mixtral 8x7B</option>
34
+ </select>
35
+
36
+ <select id="complexity">
37
+ <option value="Default">Default</option>
38
+ <option value="Detailed">Detailed</option>
39
+ <option value="Concise">Concise</option>
40
+ </select>
41
+ <button onclick="sendMessage()">Send</button>
42
+ </div>
43
+
44
+ </div>
45
+ <script src="{{ url_for('static', filename='script.js') }}"></script>
46
+ </body>
47
+ </html>