Your Name
feat: UI improvements and error suppression - Enhanced dashboard and market pages with improved header buttons, logo, and currency symbol display - Stopped animated ticker - Removed pie chart legends - Added error suppressor for external service errors (SSE, Permissions-Policy warnings) - Improved header button prominence and icon appearance - Enhanced logo with glow effects and better design - Fixed currency symbol visibility in market tables
8b7b267
| <aside class="sidebar-modern" id="sidebar-modern" role="navigation" aria-label="Main navigation"> | |
| <!-- Sidebar Toggle Button --> | |
| <button class="sidebar-toggle-btn" id="sidebar-collapse-btn" aria-label="Toggle sidebar" title="Toggle sidebar"> | |
| <svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M15 18l-6-6 6-6"/> | |
| </svg> | |
| </button> | |
| <!-- Brand Section --> | |
| <div class="sidebar-brand-modern"> | |
| <div class="brand-logo-container"> | |
| <svg class="brand-logo-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> | |
| <defs> | |
| <linearGradient id="logoGradientModern" x1="0%" y1="0%" x2="100%" y2="100%"> | |
| <stop offset="0%" stop-color="#22d3ee"/> | |
| <stop offset="50%" stop-color="#14b8a6"/> | |
| <stop offset="100%" stop-color="#6366f1"/> | |
| </linearGradient> | |
| </defs> | |
| <circle cx="50" cy="50" r="45" fill="url(#logoGradientModern)" opacity="0.9"/> | |
| <path d="M50 20 L70 45 L50 38 L30 45 Z" fill="white" opacity="0.95"/> | |
| <path d="M50 80 L30 55 L50 62 L70 55 Z" fill="white" opacity="0.95"/> | |
| <circle cx="50" cy="50" r="8" fill="white"/> | |
| </svg> | |
| </div> | |
| <div class="brand-text-modern"> | |
| <span class="brand-name-modern">Crypto Intelligence</span> | |
| <span class="brand-tagline-modern">Data Hub</span> | |
| </div> | |
| </div> | |
| <!-- Navigation Menu --> | |
| <nav class="nav-menu-modern"> | |
| <ul class="nav-list-modern"> | |
| <!-- Dashboard --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/dashboard/index.html" class="nav-link-modern" data-page="dashboard" title="Dashboard"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <rect x="3" y="3" width="7" height="7" rx="1.5"/> | |
| <rect x="14" y="3" width="7" height="7" rx="1.5"/> | |
| <rect x="14" y="14" width="7" height="7" rx="1.5"/> | |
| <rect x="3" y="14" width="7" height="7" rx="1.5"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">Dashboard</span> | |
| <span class="nav-badge-modern"></span> | |
| </a> | |
| </li> | |
| <!-- Market --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/market/index.html" class="nav-link-modern" data-page="market" title="Market Data"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M3 3v18h18"/> | |
| <path d="M18 7l-5 5-4-4-5 5"/> | |
| <circle cx="18" cy="7" r="1.5"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">Market</span> | |
| </a> | |
| </li> | |
| <!-- AI Models --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/models/index.html" class="nav-link-modern" data-page="models" title="AI Models"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M12 2L2 7l10 5 10-5-10-5z"/> | |
| <path d="M2 17l10 5 10-5"/> | |
| <path d="M2 12l10 5 10-5"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">AI Models</span> | |
| </a> | |
| </li> | |
| <!-- Sentiment --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/sentiment/index.html" class="nav-link-modern" data-page="sentiment" title="Sentiment Analysis"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <circle cx="12" cy="12" r="10"/> | |
| <path d="M8 14s1.5 2 4 2 4-2 4-2"/> | |
| <line x1="9" y1="9" x2="9.01" y2="9"/> | |
| <line x1="15" y1="9" x2="15.01" y2="9"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">Sentiment</span> | |
| </a> | |
| </li> | |
| <!-- AI Analyst --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/ai-analyst/index.html" class="nav-link-modern" data-page="ai-analyst" title="AI Analyst"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M12 2v20"/> | |
| <path d="m22 12-4-4v8l4-4z"/> | |
| <rect x="2" y="8" width="8" height="8" rx="2"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">AI Analyst</span> | |
| </a> | |
| </li> | |
| <!-- Technical Analysis --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/technical-analysis/index.html" class="nav-link-modern" data-page="technical-analysis" title="Technical Analysis"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M3 3v18h18"/> | |
| <rect x="7" y="10" width="3" height="9"/> | |
| <rect x="14" y="5" width="3" height="14"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">Technical</span> | |
| </a> | |
| </li> | |
| <!-- Trading Assistant --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/trading-assistant/index.html" class="nav-link-modern" data-page="trading-assistant" title="Trading Assistant"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M12 2v20"/> | |
| <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">Trading</span> | |
| </a> | |
| </li> | |
| <!-- News --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/news/index.html" class="nav-link-modern" data-page="news" title="Crypto News"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"/> | |
| <path d="M18 14h-8"/> | |
| <path d="M15 18h-5"/> | |
| <path d="M10 6h8v4h-8V6z"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">News</span> | |
| </a> | |
| </li> | |
| <!-- Divider --> | |
| <li class="nav-divider-modern"> | |
| <hr/> | |
| </li> | |
| <!-- Providers --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/providers/index.html" class="nav-link-modern" data-page="providers" title="Data Providers"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M4 11a9 9 0 0 1 9 9"/> | |
| <path d="M4 4a16 16 0 0 1 16 16"/> | |
| <circle cx="5" cy="19" r="2"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">Providers</span> | |
| </a> | |
| </li> | |
| <!-- System Monitor --> | |
| <li class="nav-item-modern"> | |
| <a href="/system-monitor" class="nav-link-modern" data-page="system-monitor" title="Real-Time System Monitor"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <circle cx="12" cy="12" r="10"/> | |
| <circle cx="12" cy="12" r="6"/> | |
| <circle cx="12" cy="12" r="2"/> | |
| <line x1="12" y1="2" x2="12" y2="4"/> | |
| <line x1="12" y1="20" x2="12" y2="22"/> | |
| <line x1="2" y1="12" x2="4" y2="12"/> | |
| <line x1="20" y1="12" x2="22" y2="12"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">System Monitor</span> | |
| <span class="nav-badge-modern" style="background: #ef4444; color: white; font-size: 9px; padding: 2px 5px; border-radius: 8px; margin-left: auto;">LIVE</span> | |
| </a> | |
| </li> | |
| <!-- Help --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/help/index.html" class="nav-link-modern" data-page="help" title="Help & Documentation"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <circle cx="12" cy="12" r="10"/> | |
| <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/> | |
| <line x1="12" y1="17" x2="12.01" y2="17"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">Help</span> | |
| </a> | |
| </li> | |
| <!-- Settings --> | |
| <li class="nav-item-modern"> | |
| <a href="/static/pages/settings/index.html" class="nav-link-modern" data-page="settings" title="Settings"> | |
| <span class="nav-icon-modern"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/> | |
| <circle cx="12" cy="12" r="3"/> | |
| </svg> | |
| </span> | |
| <span class="nav-label-modern">Settings</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </nav> | |
| <!-- Sidebar Footer --> | |
| <div class="sidebar-footer-modern"> | |
| <div class="system-status-modern"> | |
| <div class="status-indicator-modern"> | |
| <span class="status-dot-modern online"></span> | |
| <span class="status-text-modern">System Online</span> | |
| </div> | |
| <div class="status-details-modern"> | |
| <span class="status-uptime-modern">Uptime: 99.9%</span> | |
| </div> | |
| </div> | |
| </div> | |
| </aside> | |
| <!-- Mobile Overlay --> | |
| <div class="sidebar-overlay-modern" id="sidebar-overlay-modern"></div> | |