Hugging Face's logo

Spaces:
studycode129
/
Free_Web_LLM_Tester
Running

App Files Community
studycode129 commited on
Commit
de7b757
·
verified ·
1 Parent(s): a7ba5f9

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +24 -5
index.html CHANGED
@@ -8,15 +8,34 @@
8
  <link rel="stylesheet" href="style.css" />
9
  </head>
10
  <body>
 
11
  <h1>Welcome to your researcher friendly LLM workspace!</h1>
12
- <input id="apiKey" placeholder="OpenRouter API Key" style="width:100%;"/>
 
 
 
13
  <select id="model">
14
  <option value="meta-llama/llama-3.3-70b-instruct:free">Meta Llama 3.3 Intsruction</option>
15
  <option value="deepseek/deepseek-chat-v3-0324:free">DeepSeek Chat v3</option>
16
  </select>
17
- <textarea id="prompt" placeholder="Type your prompt…" style="width:100%;height:150px;"></textarea>
18
- <button onclick="send()">Send</button>
19
- <pre id="response" style="background:#f0f0f0;padding:10px;"></pre>
20
- <script src="app.js"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
  </body>
22
  </html>
 
8
  <link rel="stylesheet" href="style.css" />
9
  </head>
10
  <body>
11
+ <div class="container">
12
  <h1>Welcome to your researcher friendly LLM workspace!</h1>
13
+ <label for="apiKey">API Key:</label>
14
+ <input type="text" id="apiKey" placeholder="sk-or-...">
15
+
16
+ <label for="model">Choose Model:</label>
17
  <select id="model">
18
  <option value="meta-llama/llama-3.3-70b-instruct:free">Meta Llama 3.3 Intsruction</option>
19
  <option value="deepseek/deepseek-chat-v3-0324:free">DeepSeek Chat v3</option>
20
  </select>
21
+
22
+ <label for="prompt">Your Prompt:</label>
23
+ <textarea id="prompt" placeholder="Type your test prompt here..."></textarea>
24
+
25
+ <label for="fileUpload">Or upload a file with prompts (one per line):</label>
26
+ <label class="custom-file-upload">
27
+ <input type="file" id="fileUpload" accept=".txt,.csv">Choose File
28
+ </label>
29
+ <button onclick="send()">Send Prompt</button>
30
+
31
+ <h3 style="margin-top: 24px; color: #6b21a8;">Response:</h3>
32
+ <pre id="response">(waiting for response...)</pre>
33
+
34
+ <div class="download">
35
+ <button onclick="downloadCSV()">Download Results as CSV</button>
36
+ </div>
37
+ </div>
38
+
39
+ <script src="app.js"></script>
40
  </body>
41
  </html>