Hugging Face's logo

Spaces:
AiCoderv2
/
studio-gku3izt4
Running

App Files Community
AiCoderv2 commited on
Commit
a50428b
·
verified ·
1 Parent(s): bacbce1

Upload folder using huggingface_hub

Browse files
Files changed (4) hide show
  1. assets/css/styles.css +12 -2
  2. assets/js/app.js +1 -1
  3. index.html +32 -3
  4. style.css +1 -28
assets/css/styles.css CHANGED
@@ -510,7 +510,7 @@ body {
510
  color: var(--text-tertiary);
511
  }
512
 
513
- .modal {
514
  display: none;
515
  position: fixed;
516
  top: 0;
@@ -523,7 +523,7 @@ body {
523
  justify-content: center;
524
  }
525
 
526
- .modal.active {
527
  display: flex;
528
  }
529
 
@@ -728,4 +728,14 @@ body {
728
  .chat-input-container {
729
  padding: 0.75rem 1rem;
730
  }
 
 
 
 
 
 
 
 
 
 
731
  }
 
510
  color: var(--text-tertiary);
511
  }
512
 
513
+ .settings-modal, .model-info-modal {
514
  display: none;
515
  position: fixed;
516
  top: 0;
 
523
  justify-content: center;
524
  }
525
 
526
+ .settings-modal.active, .model-info-modal.active {
527
  display: flex;
528
  }
529
 
 
728
  .chat-input-container {
729
  padding: 0.75rem 1rem;
730
  }
731
+
732
+ .modal-content {
733
+ width: 95%;
734
+ margin: 1rem;
735
+ }
736
+
737
+ .sidebar {
738
+ width: 100%;
739
+ max-height: 250px;
740
+ }
741
  }
assets/js/app.js CHANGED
@@ -1 +1 @@
1
- // generated stub
 
1
+ // generated stub
index.html CHANGED
@@ -2,15 +2,33 @@
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>AI Chat Hub - 50+ Free Models</title>
7
  <meta name="description" content="Chat with 50+ AI models including OpenAI GPT OSS 120B, 20B, and more. Free access to cutting-edge language models.">
 
8
  <meta name="keywords" content="AI chat, GPT, language models, free AI, OpenAI, chatbot">
9
  <link rel="stylesheet" href="assets/css/styles.css">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
  <link rel="preconnect" href="https://fonts.googleapis.com">
11
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
13
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
14
  </head>
15
  <body>
16
  <header class="header">
@@ -26,7 +44,7 @@
26
  <a href="#" class="nav-link" onclick="toggleSettings()">
27
  <i class="fas fa-cog"></i> Settings
28
  </a>
29
- <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="nav-link anycoder-link">
30
  Built with anycoder
31
  </a>
32
  </nav>
@@ -209,5 +227,16 @@
209
  </div>
210
 
211
  <script src="assets/js/app.js"></script>
 
 
 
 
 
 
 
 
 
 
 
212
  </body>
213
  </html>
 
2
  <html lang="en">
3
  <head>
4
  <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
  <title>AI Chat Hub - 50+ Free Models</title>
7
  <meta name="description" content="Chat with 50+ AI models including OpenAI GPT OSS 120B, 20B, and more. Free access to cutting-edge language models.">
8
+ <meta name="theme-color" content="#6366f1">
9
  <meta name="keywords" content="AI chat, GPT, language models, free AI, OpenAI, chatbot">
10
  <link rel="stylesheet" href="assets/css/styles.css">
11
+ <style>
12
+ /* Ensure modals are properly positioned */
13
+ .settings-modal, .model-info-modal {
14
+ position: fixed !important;
15
+ top: 0 !important;
16
+ left: 0 !important;
17
+ width: 100% !important;
18
+ height: 100% !important;
19
+ z-index: 1000 !important;
20
+ }
21
+
22
+ /* Fix modal display */
23
+ .settings-modal.active, .model-info-modal.active {
24
+ display: flex !important;
25
+ }
26
+ </style>
27
  <link rel="preconnect" href="https://fonts.googleapis.com">
28
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
29
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
30
+ <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🤖</text></svg>">
31
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" crossorigin="anonymous">
32
  </head>
33
  <body>
34
  <header class="header">
 
44
  <a href="#" class="nav-link" onclick="toggleSettings()">
45
  <i class="fas fa-cog"></i> Settings
46
  </a>
47
+ coder-link">
48
  Built with anycoder
49
  </a>
50
  </nav>
 
227
  </div>
228
 
229
  <script src="assets/js/app.js"></script>
230
+ <script>
231
+ // Initialize theme on load
232
+ document.addEventListener('DOMContentLoaded', function() {
233
+ const savedTheme = localStorage.getItem('theme');
234
+ if (savedTheme) {
235
+ document.body.setAttribute('data-theme', savedTheme);
236
+ const darkModeBtn = document.querySelector('.action-btn:nth-child(3) i');
237
+ darkModeBtn.className = savedTheme === 'dark' ? 'fas fa-sun' : 'fas fa-moon';
238
+ }
239
+ });
240
+ </script>
241
  </body>
242
  </html>
style.css CHANGED
@@ -1,28 +1 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
- }
5
-
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
9
- }
10
-
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
- }
17
-
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
- }
25
-
26
- .card p:last-child {
27
- margin-bottom: 0;
28
- }
 
1
+ /* This file is deprecated - all styles are now in assets/css/styles.css */