Hugging Face's logo

Spaces:
yasirme
/
ChatBot-UI-With-API
Running

App Files Community
5
eagleteam10100 commited on
Commit
8f97269
·
verified ·
1 Parent(s): a8a618d

Update application/templates/index.html

Browse files
Files changed (1) hide show
  1. application/templates/index.html +50 -56
application/templates/index.html CHANGED
@@ -1,57 +1,51 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
8
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap" rel="stylesheet">
9
- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap" rel="stylesheet">
10
-
11
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
12
- <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
13
- <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
14
- <title>Chat Completion Demo</title>
15
- </head>
16
- <body>
17
- <nav>
18
- <select name="" id="models" class="models">
19
- </select>
20
- <div class="hamburger" id="hamburger">
21
- <div class="line1"></div>
22
- <div class="line2"></div>
23
- </div>
24
- <div class="menu" id="menu">
25
- <div class="newChat" id="newChat">+ New Chat</div>
26
- <p class="chatsTxt">chats</p>
27
- <div class="prevChatsCont" id="prevChatsCont">
28
- </div>
29
- </div>
30
-
31
- </nav>
32
- <div class="container" id="container">
33
- <div class="messages" id="messages">
34
- </div>
35
- <div class="inputs">
36
- <button id="webSearch" class="webSearch"><i class="fa-solid fa-globe"></i></button>
37
-
38
- <textarea name="" id="textBox" class="textBox" placeholder="Enter your message..."></textarea>
39
- <button id="sendBtn" class="sendBtn"><i class="fa-solid fa-arrow-up"></i></button>
40
- </div>
41
- </div>
42
- <div class="alert" id="alert">
43
- <div class="closeAlert" id="closeAlert">X</div>
44
- <p class="note">Note</p>
45
- <p>---> You can easily use your own API provider to run this application; just update the pipeline.json file</p>
46
- <p>---> The file/image attachment feature for the vision model has not been implemented yet.</p>
47
- <a href="https://discord.gg/tRC7hNXfPH" class="discord" target="_blank"> Join Discord </a>
48
- </div>
49
- <div class="textCustomization">
50
- <div class="colors"></div>
51
- <div class="fontSize"></div>
52
- <div class="background"></div>
53
- </div>
54
- <script src="{{ url_for('static', filename='js/script.js') }}" type="module"></script>
55
- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
56
- </body>
57
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
8
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap" rel="stylesheet">
9
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap" rel="stylesheet">
10
+
11
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
12
+ <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
13
+ <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
14
+ <title>Chat Completion Demo</title>
15
+ </head>
16
+ <body>
17
+ <nav>
18
+ <select name="" id="models" class="models">
19
+ </select>
20
+ <div class="hamburger" id="hamburger">
21
+ <div class="line1"></div>
22
+ <div class="line2"></div>
23
+ </div>
24
+ <div class="menu" id="menu">
25
+ <div class="newChat" id="newChat">+ New Chat</div>
26
+ <p class="chatsTxt">chats</p>
27
+ <div class="prevChatsCont" id="prevChatsCont">
28
+ </div>
29
+ </div>
30
+
31
+ </nav>
32
+ <div class="container" id="container">
33
+ <div class="messages" id="messages">
34
+ </div>
35
+ <div class="inputs">
36
+ <button id="webSearch" class="webSearch"><i class="fa-solid fa-globe"></i></button>
37
+
38
+ <textarea name="" id="textBox" class="textBox" placeholder="Enter your message..."></textarea>
39
+ <button id="sendBtn" class="sendBtn"><i class="fa-solid fa-arrow-up"></i></button>
40
+ </div>
41
+ </div>
42
+
43
+ <div class="textCustomization">
44
+ <div class="colors"></div>
45
+ <div class="fontSize"></div>
46
+ <div class="background"></div>
47
+ </div>
48
+ <script src="{{ url_for('static', filename='js/script.js') }}" type="module"></script>
49
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
50
+ </body>
 
 
 
 
 
 
51
  </html>