Restore old settings modal and desktop/mobile menu behavior

static/index.html

@@ -70,11 +70,20 @@
         /* Sidebar */
         .sidebar {
             width: 260px;
+            min-width: 260px;
             background: var(--bg-sidebar);
             border-right: 1px solid var(--border);
             display: flex;
             flex-direction: column;
-            transition: transform 0.3s, background 0.3s;
+            transition: all 0.3s ease;
+            flex-shrink: 0;
+        }
+
+        .sidebar.hidden {
+            width: 0;
+            min-width: 0;
+            border-right: none;
+            overflow: hidden;
         }
 
         .sidebar-header {
@@ -1439,13 +1448,39 @@
     <!-- Connection Modal -->
     <div class="modal-overlay" id="connectModal">
         <div class="modal">
-            <h3 class="modal-title">Connect to Krish Mind Server</h3>
-            <p class="modal-subtitle">Enter your Colab ngrok URL to start chatting</p>
-            <input type="text" class="modal-input" id="serverUrlInput"
-                placeholder="https://xxxx-xx-xx-xxx-xx.ngrok-free.app">
+            <h3 class="modal-title">Connect with Krish CS</h3>
+            <p class="modal-subtitle">Developer of Krish Mind AI</p>
+            <div style="display: flex; flex-direction: column; gap: 12px; margin: 20px 0;">
+                <a href="https://youtube.com/@krishcs-2025?si=-BtwEntUrJ0Si1XG" target="_blank"
+                    style="display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 10px; text-decoration: none; color: var(--text-primary); transition: all 0.2s;"
+                    onmouseover="this.style.borderColor='#FF0000'" onmouseout="this.style.borderColor='var(--border)'">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="#FF0000">
+                        <path
+                            d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
+                    </svg>
+                    <span style="font-size: 14px; font-weight: 500;">YouTube</span>
+                </a>
+                <a href="https://www.linkedin.com/in/krishkanth-k-79b4422a4" target="_blank"
+                    style="display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 10px; text-decoration: none; color: var(--text-primary); transition: all 0.2s;"
+                    onmouseover="this.style.borderColor='#0A66C2'" onmouseout="this.style.borderColor='var(--border)'">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="#0A66C2">
+                        <path
+                            d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
+                    </svg>
+                    <span style="font-size: 14px; font-weight: 500;">LinkedIn</span>
+                </a>
+                <a href="mailto:krishkanthkrce@gmail.com"
+                    style="display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 10px; text-decoration: none; color: var(--text-primary); transition: all 0.2s;"
+                    onmouseover="this.style.borderColor='#40c9c9'" onmouseout="this.style.borderColor='var(--border)'">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#40c9c9" stroke-width="2">
+                        <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
+                        <polyline points="22,6 12,13 2,6" />
+                    </svg>
+                    <span style="font-size: 14px; font-weight: 500;">Email</span>
+                </a>
+            </div>
             <div class="modal-actions">
-                <button class="modal-btn secondary" onclick="hideConnectModal()">Cancel</button>
-                <button class="modal-btn primary" onclick="connectToServer()">Connect</button>
+                <button class="modal-btn primary" onclick="hideConnectModal()">Close</button>
             </div>
         </div>
     </div>
@@ -1562,16 +1597,33 @@
             }
         }
 
+        function showConnectModal() {
+            document.getElementById('connectModal').classList.add('show');
+        }
+
+        function hideConnectModal() {
+            document.getElementById('connectModal').classList.remove('show');
+        }
+
         // Sidebar toggle
         function toggleSidebar() {
-            document.getElementById('sidebar').classList.toggle('open');
+            const sidebar = document.getElementById('sidebar');
+            const isMobile = window.innerWidth <= 768;
+
+            if (isMobile) {
+                sidebar.classList.toggle('open');
+            } else {
+                sidebar.classList.toggle('hidden');
+            }
         }
 
         // Close sidebar when clicking outside (mobile)
         document.addEventListener('click', (e) => {
             const sidebar = document.getElementById('sidebar');
             const menuBtn = document.getElementById('menuBtn');
-            if (sidebar.classList.contains('open') &&
+            const isMobile = window.innerWidth <= 768;
+
+            if (isMobile && sidebar.classList.contains('open') &&
                 !sidebar.contains(e.target) &&
                 !menuBtn.contains(e.target)) {
                 sidebar.classList.remove('open');