|
|
<aside class="sidebar-modern" id="sidebar-modern" role="navigation" aria-label="Main navigation">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<nav class="nav-menu-modern">
|
|
|
<ul class="nav-list-modern">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<li class="nav-divider-modern">
|
|
|
<hr/>
|
|
|
</li>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
<div class="sidebar-overlay-modern" id="sidebar-overlay-modern"></div>
|
|
|
|
|
|
|
|
|
|
