Spaces:
Sleeping
Sleeping
| <html lang="en" data-theme="light"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>{{ title or "Tone Classifier" }}</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| <script defer src="{{ url_for('static', filename='app.js') }}"></script> | |
| </head> | |
| <body> | |
| <div class="layout"> | |
| <!-- SIDEBAR --> | |
| <aside class="sidebar"> | |
| <h2 class="sidebar-title">Tone Classifier</h2> | |
| {% if current_user.is_authenticated %} | |
| <p style="font-size: 13px; margin-bottom: 16px; color: var(--text-light);"> | |
| Logged in as<br><strong>{{ current_user.email }}</strong> | |
| </p> | |
| <a href="{{ url_for('index') }}" | |
| class="nav-link {% if title == 'Analyze Email' %}active{% endif %}"> | |
| Analyze | |
| </a> | |
| <a href="{{ url_for('history_view') }}" | |
| class="nav-link {% if title == 'History' %}active{% endif %}"> | |
| History | |
| </a> | |
| <a href="{{ url_for('delete_account') }}" | |
| class="nav-link"> | |
| Delete Account | |
| </a> | |
| <a href="{{ url_for('logout') }}" class="nav-link"> | |
| Logout | |
| </a> | |
| {% else %} | |
| <a href="{{ url_for('login') }}" | |
| class="nav-link {% if title == 'Login' %}active{% endif %}"> | |
| Login | |
| </a> | |
| <a href="{{ url_for('register') }}" | |
| class="nav-link {% if title == 'Register' %}active{% endif %}"> | |
| Register | |
| </a> | |
| {% endif %} | |
| <hr style="border: none; border-top: 1px solid rgba(255,255,255,0.1); margin: 16px 0;"> | |
| <a href="{{ url_for('privacy') }}" class="nav-link small-link"> | |
| Privacy Policy | |
| </a> | |
| <a href="{{ url_for('do_not_sell') }}" class="nav-link small-link"> | |
| Do Not Sell My Info | |
| </a> | |
| <button id="themeToggle" class="theme-btn">Toggle Theme</button> | |
| </aside> | |
| <!-- MAIN CONTENT --> | |
| <div class="content"> | |
| <div class="topbar"> | |
| <h1>{{ title }}</h1> | |
| </div> | |
| <!-- Cookie / privacy notice --> | |
| <div class="cookie-banner"> | |
| This service uses essential cookies for authentication and security only. | |
| No tracking or advertising cookies are used. | |
| </div> | |
| <!-- Flash messages --> | |
| <div class="page-content"> | |
| {% with messages = get_flashed_messages(with_categories=true) %} | |
| {% if messages %} | |
| <div style="margin-bottom: 12px;"> | |
| {% for category, message in messages %} | |
| <div style=" | |
| padding: 8px 10px; | |
| border-radius: 6px; | |
| margin-bottom: 6px; | |
| font-size: 14px; | |
| {% if category == 'error' %} | |
| background: #fee2e2; | |
| color: #b91c1c; | |
| {% else %} | |
| background: #dcfce7; | |
| color: #166534; | |
| {% endif %} | |
| "> | |
| {{ message }} | |
| </div> | |
| {% endfor %} | |
| </div> | |
| {% endif %} | |
| {% endwith %} | |
| {% block content %}{% endblock %} | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |