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 %}PrepMate - Profile and Contact Management{% endblock %}</title> | |
| <!-- Bootstrap 5.3 CDN --> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet"> | |
| <!-- Custom CSS --> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/custom.css') }}"> | |
| {% block head %}{% endblock %} | |
| </head> | |
| <body> | |
| <!-- Navigation --> | |
| <nav class="navbar navbar-expand-lg navbar-dark bg-primary"> | |
| <div class="container-fluid"> | |
| <a class="navbar-brand" href="/"> | |
| <i class="bi bi-people-fill"></i> PrepMate | |
| </a> | |
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarNav"> | |
| <ul class="navbar-nav ms-auto"> | |
| {% if session.get('user_id') %} | |
| <!-- Logged in navigation --> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="{{ url_for('profile.view_profile') }}"> | |
| <i class="bi bi-person-circle"></i> My Profile | |
| </a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="{{ url_for('contacts.list_contacts') }}"> | |
| <i class="bi bi-people"></i> My Contacts | |
| </a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="{{ url_for('settings.view_settings') }}"> | |
| <i class="bi bi-gear"></i> Settings | |
| </a> | |
| </li> | |
| <li class="nav-item"> | |
| <span class="nav-link"> | |
| <i class="bi bi-person-badge"></i> {{ session.get('display_name', 'User') }} | |
| </span> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="{{ url_for('auth.logout') }}"> | |
| <i class="bi bi-box-arrow-right"></i> Logout | |
| </a> | |
| </li> | |
| {% else %} | |
| <!-- Not logged in --> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="{{ url_for('auth.login') }}"> | |
| <i class="bi bi-box-arrow-in-right"></i> Login | |
| </a> | |
| </li> | |
| {% endif %} | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Branded Header - Feature 013-ui-cleanup-header --> | |
| <header class="py-3 mb-4 border-bottom"> | |
| <div class="container"> | |
| <div class="d-flex justify-content-center align-items-center gap-3"> | |
| <a href="http://memmachine.ai" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| class="text-decoration-none text-dark d-flex align-items-center gap-2"> | |
| <img src="https://avatars.githubusercontent.com/u/226739620?s=48&v=4" | |
| alt="MemMachine Logo" | |
| width="34" | |
| height="34" | |
| loading="lazy"> | |
| <span class="fs-5 fw-semibold">Powered by MemMachine</span> | |
| </a> | |
| <a href="https://github.com/MemMachine/MemMachine" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| aria-label="View MemMachine on GitHub" | |
| class="text-dark fs-4"> | |
| <i class="bi bi-github"></i> | |
| </a> | |
| <a href="https://discord.gg/usydANvKqD" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| aria-label="Join MemMachine Discord community" | |
| class="text-dark fs-4"> | |
| <i class="bi bi-discord"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Flash messages --> | |
| <div class="container mt-3"> | |
| {% with messages = get_flashed_messages(with_categories=true) %} | |
| {% if messages %} | |
| {% for category, message in messages %} | |
| <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert"> | |
| {{ message }} | |
| <button type="button" class="btn-close" data-bs-dismiss="alert"></button> | |
| </div> | |
| {% endfor %} | |
| {% endif %} | |
| {% endwith %} | |
| </div> | |
| <!-- Main content --> | |
| <main class="container my-4"> | |
| {% block content %}{% endblock %} | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-light text-center text-muted py-3 mt-5"> | |
| <div class="container"> | |
| <p class="mb-0">© 2025 PrepMate. Profile and Contact Management.</p> | |
| </div> | |
| </footer> | |
| <!-- Bootstrap JS Bundle --> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> | |
| <!-- Custom JS --> | |
| <script src="{{ url_for('static', filename='js/app.js') }}"></script> | |
| {% block scripts %}{% endblock %} | |
| </body> | |
| </html> | |