| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>{% block title %}{% endblock %}</title> |
| <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> |
| <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> |
| <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> |
| <script src="{{ url_for('static', filename='js/particles_init.js') }}"></script> |
| |
| <script> |
| window.addEventListener('beforeunload', function() { |
| if (typeof sessionStorage !== 'undefined') { |
| sessionStorage.clear(); |
| } |
| }); |
| </script> |
| </head> |
| <body> |
| <div id="particles-js"></div> |
| <div class="overlay-content"> |
| <nav class="navbar navbar-expand-lg"> |
| <div class="container-fluid"> |
| <a class="nav-link" href="{{ url_for('about.about_us') }}">About Us</a> |
| <a class="nav-link" href="{{ url_for('infer.rubric_explanation') }}">Rubric Explanation</a> |
| <a class="nav-link" href="{{ url_for('infer.index') }}">Home</a> |
| {% if current_user.is_authenticated %} |
| <a class="nav-link" href="{{ url_for('dashboard.dashboard') }}">Dashboard [ {{ current_user.nickname }} ]</a> |
| <a class="nav-link" href="{{ url_for('auth.logout') }}">Logout</a> |
| {% else %} |
| <span class="navbar-text"> |
| No user is logged in. |
| </span> |
| <a class="nav-link" href="{{ url_for('auth.login') }}">Login</a> |
| <a class="nav-link" href="{{ url_for('auth.register') }}">Register</a> |
| {% endif %} |
| </div> |
| </nav> |
| |
| <div class="container"> |
| {% block content %} |
| {% endblock %} |
| </div> |
| |
| <div class="footer"> |
| <p>Visit our <a href="https://github.com/mengsifei/SimpleAES" target="_blank" rel="noopener noreferrer">GitHub</a></p> |
| </div> |
| |
| |
| <div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> |
| <div class="modal-dialog" role="document"> |
| <div class="modal-content"> |
| <div class="modal-header"> |
| <h5 class="modal-title" id="exampleModalLabel">Alert</h5> |
| <button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
| <span aria-hidden="true">×</span> |
| </button> |
| </div> |
| <div class="modal-body"> |
| Please provide both a topic and an essay text. |
| </div> |
| <div class="modal-footer"> |
| <button type="button" class="btn btn-secondary" data-dismiss="modal">OK</button> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.0/dist/umd/popper.min.js"></script> |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
| {% block extra_scripts %}{% endblock %} |
| </div> |
| </body> |
| </html> |
|
|
