Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>CNthesizer</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- Bootstrap 5 --> | |
| <link | |
| href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" | |
| rel="stylesheet"> | |
| <!-- Icons --> | |
| <link | |
| rel="stylesheet" | |
| href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"> | |
| <!-- Custom CSS --> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| </head> | |
| <body> | |
| <div class="d-flex" id="wrapper"> | |
| <!-- Sidebar: REPLACED WITH GLASSMORPHISM --> | |
| <nav id="sidebar-wrapper" class="glass-sidebar"> | |
| <div class="sidebar-header text-center py-4"> | |
| <h5 class="fw-bold m-0">CNthesizer</h5> | |
| </div> | |
| <div class="list-group list-group-flush mt-3"> | |
| <a href="{{ url_for('dashboard') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'dashboard' %}active{% endif %}"> | |
| <i class="bi bi-grid-1x2-fill me-3"></i>Dashboard | |
| </a> | |
| <a href="{{ url_for('pure_predictor') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'pure_predictor' %}active{% endif %}"> | |
| <i class="bi bi-droplet-fill me-3"></i>Pure Fuel Predictor | |
| </a> | |
| <a href="{{ url_for('mixture_predictor') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'mixture_predictor' %}active{% endif %}"> | |
| <i class="bi bi-diagram-3-fill me-3"></i>Mixture Fuel Predictor | |
| </a> | |
| <a href="{{ url_for('generative') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'generative' %}active{% endif %}"> | |
| <i class="bi bi-magic me-3"></i>Pure Molecule Generator | |
| </a> | |
| <a href="{{ url_for('generative_mixture') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'generative_mixture' %}active{% endif %}"> | |
| <i class="bi bi-node-plus-fill me-3"></i>Mixture Additive Generator | |
| </a> | |
| <a href="{{ url_for('fame_cn_predictor') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'fame_cn_predictor' %}active{% endif %}"> | |
| <i class="bi bi-fuel-pump-fill me-3"></i>Biodiesel (FAME) CN Predictor | |
| </a> | |
| <a href="{{ url_for('constraints') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'constraints' %}active{% endif %}"> | |
| <i class="bi bi-shield-check me-3"></i>Fuel Property Constraints | |
| </a> | |
| <a href="{{ url_for('experimental_setup') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'experimental_setup' %}active{% endif %}"> | |
| <i class="bi bi-tools me-3"></i>Experiment Setup | |
| </a> | |
| <a href="{{ url_for('dataset') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'dataset' %}active{% endif %}"> | |
| <i class="bi bi-database-fill me-3"></i>Dataset | |
| </a> | |
| <a href="{{ url_for('about') }}" | |
| class="list-group-item sidebar-link {% if request.endpoint == 'about' %}active{% endif %}"> | |
| <i class="bi bi-info-circle me-3"></i>About | |
| </a> | |
| </div> | |
| </nav> | |
| <!-- Page content --> | |
| <div id="page-content-wrapper" class="flex-grow-1"> | |
| <!-- Green navbar --> | |
| <nav class="navbar navbar-expand-lg px-3 py-2 position-relative"> | |
| <button class="btn btn-outline-light me-3" id="sidebarToggle"> | |
| <i class="bi bi-list"></i> | |
| </button> | |
| <span class="navbar-title-center fw-semibold">CNthesizer</span> | |
| </nav> | |
| <main class="container-fluid py-4"> | |
| {% block content %} | |
| {% endblock %} | |
| </main> | |
| </div> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> | |
| <script src="{{ url_for('static', filename='js/main.js') }}"></script> | |
| </body> | |
| </html> | |