Hugging Face's logo

Spaces:
Reality123b
/
hehe
Sleeping

App Files Community
Reality123b commited on
Commit
d055f96
·
verified ·
1 Parent(s): d3c8fe8

Update application/templates/index.html

Browse files
Files changed (1) hide show
  1. application/templates/index.html +33 -158
application/templates/index.html CHANGED
@@ -1,180 +1,55 @@
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>Xylaria AI Chat</title>
7
-
8
- <!-- Fonts -->
9
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
10
- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
11
-
12
- <!-- Icons -->
13
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
14
-
15
- <!-- Syntax Highlighting -->
16
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
17
-
18
- <!-- MathJax -->
19
  <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
20
- <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
21
-
22
- <!-- Custom CSS -->
23
- <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
24
  </head>
25
  <body>
26
- <!-- Navigation -->
27
- <nav class="nav-container">
28
- <div class="nav-content">
29
- <div class="nav-left">
30
- <div class="hamburger" id="hamburger">
31
- <div class="line1"></div>
32
- <div class="line2"></div>
33
- </div>
34
- <div class="brand">
35
- <span class="brand-text">Xylaria</span>
36
- <span class="brand-version"></span>
37
- </div>
38
- </div>
39
-
40
- <div class="nav-center">
41
- <select name="models" id="models" class="models">
42
-
43
- </select>
44
- </div>
45
-
46
- <div class="nav-right">
47
- <button class="theme-toggle" id="themeToggle">
48
- <i class="fas fa-moon"></i>
49
- </button>
50
- <button class="settings-btn" id="settingsBtn">
51
- <i class="fas fa-cog"></i>
52
- </button>
53
- </div>
54
  </div>
55
- </nav>
56
-
57
- <!-- Sidebar Menu -->
58
- <div class="menu" id="menu">
59
- <div class="menu-header">
60
- <div class="new-chat" id="newChat">
61
- <i class="fas fa-plus"></i>
62
- <span>New Chat</span>
63
  </div>
64
  </div>
65
-
66
- <div class="menu-content">
67
- <div class="chats-header">
68
- <span class="chats-title">Recent Chats</span>
69
- <button class="clear-chats" id="clearChats">
70
- <i class="fas fa-trash-alt"></i>
71
- </button>
72
- </div>
73
- <div class="prev-chats-cont" id="prevChatsCont"></div>
74
- </div>
75
-
76
- <div class="menu-footer">
77
- <button class="discord-btn">
78
- <i class="fab fa-discord"></i>
79
- <span>Join Discord</span>
80
- </button>
81
- </div>
82
- </div>
83
 
84
- <!-- Main Container -->
85
  <div class="container" id="container">
86
  <div class="messages" id="messages">
87
- <!-- Messages will be dynamically inserted here -->
88
  </div>
89
-
90
- <div class="input-container">
91
- <div class="inputs">
92
- <button id="webSearch" class="web-search">
93
- <i class="fa-solid fa-globe"></i>
94
- </button>
95
- <textarea
96
- id="textBox"
97
- class="text-box"
98
- placeholder="Send a message..."
99
- rows="1"
100
- ></textarea>
101
- <button id="sendBtn" class="send-btn">
102
- <i class="fa-solid fa-paper-plane"></i>
103
- </button>
104
- </div>
105
- <div class="input-footer">
106
- <span class="input-info">AI may produce inaccurate information</span>
107
- </div>
108
  </div>
109
  </div>
110
-
111
- <!-- Welcome Modal -->
112
- <div class="modal" id="welcomeModal">
113
- <div class="modal-content">
114
- <div class="modal-header">
115
- <h2>Welcome to Xylaria!</h2>
116
- <button class="close-modal" id="closeModal">
117
- <i class="fas fa-times"></i>
118
- </button>
119
- </div>
120
- <div class="modal-body">
121
- <p>Experience the next generation of AI conversation.</p>
122
- <div class="feature-list">
123
- <div class="feature-item">
124
- <i class="fas fa-brain"></i>
125
- <span>Advanced AI Models</span>
126
- </div>
127
- <div class="feature-item">
128
- <i class="fas fa-bolt"></i>
129
- <span>Fast Response Times</span>
130
- </div>
131
- <div class="feature-item">
132
- <i class="fas fa-lock"></i>
133
- <span>Secure Conversations</span>
134
- </div>
135
- </div>
136
- </div>
137
- <div class="modal-footer">
138
- <button class="start-btn" id="startBtn">Get Started</button>
139
- </div>
140
- </div>
141
  </div>
142
-
143
- <!-- Settings Modal -->
144
- <div class="settings-modal" id="settingsModal">
145
- <div class="settings-content">
146
- <div class="settings-header">
147
- <h2>Settings</h2>
148
- <button class="close-settings" id="closeSettings">
149
- <i class="fas fa-times"></i>
150
- </button>
151
- </div>
152
- <div class="settings-body">
153
- <div class="settings-section">
154
- <h3>Appearance</h3>
155
- <div class="setting-item">
156
- <span>Theme</span>
157
- <select id="themeSelect" class="theme-select">
158
- <option value="system">System</option>
159
- <option value="light">Light</option>
160
- <option value="dark">Dark</option>
161
- </select>
162
- </div>
163
- <div class="setting-item">
164
- <span>Font Size</span>
165
- <select id="fontSize" class="font-select">
166
- <option value="small">Small</option>
167
- <option value="medium">Medium</option>
168
- <option value="large">Large</option>
169
- </select>
170
- </div>
171
- </div>
172
- </div>
173
- </div>
174
  </div>
175
-
176
- <!-- Scripts -->
177
- <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
178
- <script src="{{ url_for('static', filename='js/script.js') }}" type="module"></script>
179
  </body>
180
  </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
+ <div class="alert" id="alert">
43
+ <div class="closeAlert" id="closeAlert">X</div>
44
+ <p class="note">Note</p>
45
+ <p>Welcome to Xylaria!</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
  </div>
47
+ <div class="textCustomization">
48
+ <div class="colors"></div>
49
+ <div class="fontSize"></div>
50
+ <div class="background"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
51
  </div>
52
+ <script src="{{ url_for('static', filename='js/script.js') }}" type="module"></script>
53
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
 
 
54
  </body>
55
  </html>