Hugging Face's logo

Spaces:
hsuwill000
/
teststatic
Running

App Files Community
hsuwill000 commited on
Commit
33c5766
·
verified ·
1 Parent(s): 0cfacc3

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +16 -32
index.html CHANGED
@@ -1,41 +1,25 @@
1
  <!DOCTYPE html>
2
  <html lang="zh-Hant">
3
  <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1" />
6
- <title>Gradio Chat UI</title>
7
- <link rel="stylesheet" href="style.css" />
8
  </head>
9
  <body>
10
- <main class="app">
11
- <header class="app-header">
12
- <h1>Chat with Large Model</h1>
13
- </header>
14
 
 
15
 
16
- <section class="chat-area">
17
- <div class="controls">
18
- <label class="label">System prompt</label>
19
- <!-- single-line with horizontal scrolling -->
20
- <input id="systemPrompt" class="single-line" type="text" placeholder="System prompt (single line)" />
21
 
22
-
23
- <label class="label">Message</label>
24
- <input id="userMessage" class="single-line" type="text" placeholder="Type your message..." />
25
-
26
-
27
- <button id="sendBtn" class="send-btn">Send</button>
28
- </div>
29
-
30
-
31
- <div id="chatDisplay" class="chat-display" aria-live="polite"></div>
32
- </section>
33
-
34
-
35
- <footer class="app-footer">Built with Gradio client</footer>
36
- </main>
37
-
38
-
39
- <script type="module" src="index.js"></script>
40
  </body>
41
- </html>
 
1
  <!DOCTYPE html>
2
  <html lang="zh-Hant">
3
  <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>My ChatGPT-like App</title>
7
+ <link rel="stylesheet" href="style.css">
8
  </head>
9
  <body>
10
+ <div class="chat-container">
11
+ <header class="chat-header">
12
+ <h1>Large Model Chat</h1>
13
+ </header>
14
 
15
+ <main id="chat-window" class="chat-window"></main>
16
 
17
+ <footer class="chat-input-area">
18
+ <textarea id="userMessage" placeholder="輸入訊息後按 Enter 送出..."></textarea>
19
+ <button id="sendBtn">送出</button>
20
+ </footer>
21
+ </div>
22
 
23
+ <script type="module" src="index.js"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
  </body>
25
+ </html>