Upload folder using huggingface_hub

index.html

@@ -76,7 +76,8 @@
       color: var(--text-muted);
     }
 
-    select, textarea {
+    select,
+    textarea {
       background-color: var(--bg-input);
       border: 1px solid var(--border-color);
       color: var(--text-main);
@@ -88,7 +89,8 @@
       resize: none;
     }
 
-    select:focus, textarea:focus {
+    select:focus,
+    textarea:focus {
       border-color: var(--accent-color);
     }
 
@@ -110,8 +112,14 @@
       transition: background-color 0.3s;
     }
 
-    .status-dot.online { background-color: #2e7d32; box-shadow: 0 0 5px #2e7d32; }
-    .status-dot.offline { background-color: #c62828; }
+    .status-dot.online {
+      background-color: #2e7d32;
+      box-shadow: 0 0 5px #2e7d32;
+    }
+
+    .status-dot.offline {
+      background-color: #c62828;
+    }
 
     /* 
          * MAIN CHAT AREA 
@@ -215,8 +223,13 @@
       animation: bounce 1.4s infinite ease-in-out both;
     }
 
-    .typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
-    .typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
+    .typing-indicator span:nth-child(1) {
+      animation-delay: -0.32s;
+    }
+
+    .typing-indicator span:nth-child(2) {
+      animation-delay: -0.16s;
+    }
 
     /* 
          * INPUT AREA 
@@ -284,13 +297,28 @@
          * ANIMATIONS 
          */
     @keyframes fadeIn {
-      from { opacity: 0; transform: translateY(10px); }
-      to { opacity: 1; transform: translateY(0); }
+      from {
+        opacity: 0;
+        transform: translateY(10px);
+      }
+
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
     }
 
     @keyframes bounce {
-      0%, 80%, 100% { transform: scale(0); }
-      40% { transform: scale(1); }
+
+      0%,
+      80%,
+      100% {
+        transform: scale(0);
+      }
+
+      40% {
+        transform: scale(1);
+      }
     }
 
     /* 
@@ -326,17 +354,22 @@
         position: fixed;
         height: 100%;
         left: -280px;
-        box-shadow: 2px 0 10px rgba(0,0,0,0.5);
+        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.5);
       }
+
       aside.open {
         left: 0;
       }
+
       .mobile-menu-btn {
         display: block !important;
       }
-      .message-bubble { max-width: 90%; }
+
+      .message-bubble {
+        max-width: 90%;
+      }
     }
-    
+
     .mobile-menu-btn {
       display: none;
       position: absolute;
@@ -387,11 +420,14 @@
 
   <!-- Main Chat -->
   <main>
-    <header style="padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-color); display: flex; align-items: center;">
+    <header
+      style="padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-color); display: flex; align-items: center;">
       <h1 style="font-size: 1.2rem; font-weight: 600; display: flex; align-items: center; gap: 10px;">
         <span>🤖</span> Ollama Chat
       </h1>
-      <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" style="margin-left: auto; font-size: 0.8rem; color: var(--text-muted); text-decoration: none;">Built with anycoder</a>
+      <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank"
+        style="margin-left: auto; font-size: 0.8rem; color: var(--text-muted); text-decoration: none;">Built with
+        anycoder</a>
     </header>
 
     <div id="chat-container">
@@ -699,4 +735,5 @@
     }
   </script>
 </body>
+
 </html>