Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{% block title %}Radiant AI{% endblock %}</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Orbitron:wght@500;700&display=swap" rel="stylesheet"> | |
| <script src="https://unpkg.com/@phosphor-icons/web"></script> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| <style> | |
| /* Critical Layout Styles placed here to prevent FOUC (Flash of Unstyled Content) */ | |
| :root { | |
| --bg-dark: #0a0a0f; | |
| --accent-cyan: #00f2ff; | |
| --accent-purple: #bd00ff; | |
| --text-main: #ffffff; | |
| --sidebar-width: 260px; | |
| } | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| font-family: 'Inter', sans-serif; | |
| background-color: var(--bg-dark); | |
| /* Deep Space Gradient Background */ | |
| background-image: | |
| radial-gradient(circle at 15% 50%, rgba(189, 0, 255, 0.08) 0%, transparent 50%), | |
| radial-gradient(circle at 85% 30%, rgba(0, 242, 255, 0.08) 0%, transparent 50%); | |
| color: var(--text-main); | |
| height: 100vh; | |
| display: flex; | |
| overflow: hidden; | |
| } | |
| .app-wrapper { | |
| display: flex; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| /* Top Bar for Mobile/Tablet context */ | |
| .mobile-header { | |
| display: none; | |
| } | |
| @media (max-width: 768px) { | |
| .app-wrapper { flex-direction: column; } | |
| .sidebar { display: none; } /* Hide sidebar on mobile for now */ | |
| .mobile-header { display: flex; padding: 15px; background: #1a1a2e; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="app-wrapper"> | |
| <aside class="sidebar"> | |
| <div class="brand"> | |
| <i class="ph-fill ph-aperture" style="color: var(--accent-cyan);"></i> | |
| <span>RADIANT <span class="text-gradient">AI</span></span> | |
| </div> | |
| <nav class="nav-menu"> | |
| <a href="{{ url_for('index') }}" class="nav-item {% if request.endpoint == 'index' %}active{% endif %}"> | |
| <i class="ph ph-house"></i> | |
| <span>Home</span> | |
| </a> | |
| <a href="{{ url_for('studio') }}" class="nav-item {% if request.endpoint == 'studio' %}active{% endif %}"> | |
| <i class="ph ph-paint-brush-broad"></i> | |
| <span>Studio Editor</span> | |
| </a> | |
| <a href="{{ url_for('vision') }}" class="nav-item {% if request.endpoint == 'vision' %}active{% endif %}"> | |
| <i class="ph ph-eye"></i> | |
| <span>Backgrounds & Vision</span> | |
| </a> | |
| <a href="{{ url_for('ai_studio') }}" class="nav-item {% if request.endpoint == 'ai_studio' %}active{% endif %}"> | |
| <i class="ph ph-magic-wand"></i> | |
| <span>AI Laboratory</span> | |
| </a> | |
| <a href="{{ url_for('utilities') }}" class="nav-item {% if request.endpoint == 'utilities' %}active{% endif %}"> | |
| <i class="ph ph-wrench"></i> | |
| <span>Utilities</span> | |
| </a> | |
| <!---<a href="https://yourdomain.com/help" target="_blank" class="nav-item"> | |
| <i class="ph ph-question"></i> | |
| <span>Help</span> | |
| </a>---> | |
| </nav> | |
| <div class="sidebar-footer"> | |
| <div class="status-indicator"> | |
| <span class="status-dot"></span> | |
| <a href="https://jaiho-labs.onrender.com" target="_blank" rel="noopener noreferrer"> Developed by Jaiho Labs</a> | |
| </div> | |
| <p>Radiant AI — Version 2.0</p> | |
| </div> | |
| </aside> | |
| <main class="main-content"> | |
| <header class="top-bar"> | |
| <h2 class="page-title">{% block page_title %}Dashboard{% endblock %}</h2> | |
| <div class="user-controls"> | |
| <span id="sessionStatus" style="font-size: 0.8rem; color: #a0a0a0; margin-right: 15px;"></span> | |
| <!-- Navigation Links --> | |
| <a href="{{ url_for('about') }}" class="nav-link-btn" title="About"> | |
| <i class="ph ph-info-circle"></i> | |
| <span>About</span> | |
| </a> | |
| <a href="https://jaiho-digital.onrender.com/hub.html" target="_blank" rel="noopener noreferrer" class="nav-link-btn" title="Explore More Products"> | |
| <i class="ph ph-app-window"></i> | |
| <span>Explore Products</span> | |
| </a> | |
| <a href="{{ url_for('docs') }}" class="nav-link-btn" title="Documentation"> | |
| <i class="ph ph-book-open"></i> | |
| <span>Docs</span> | |
| </a> | |
| <a href="{{ url_for('download') }}" class="nav-link-btn download-highlight" title="Download Software"> | |
| <i class="ph ph-download-simple"></i> | |
| <span>Download</span> | |
| </a> | |
| </div> | |
| </header> | |
| <div class="content-scrollable"> | |
| {% block content %}{% endblock %} | |
| </div> | |
| </main> | |
| </div> | |
| <script src="{{ url_for('static', filename='js/main.js') }}"></script> | |
| {% block scripts %}{% endblock %} | |
| </body> | |
| </html> |