\n
\n {% load static %}\n<!DOCTYPE html>\n<html lang="en">\n\n<head>\n <meta charset="utf-8">\n <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">\n <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">\n <title>{% block title %}Lithium{% endblock title %}</title>\n <meta name="description" content="A framework for launching new Django projects quickly.">\n <meta name="author" content="">\n <link rel="shortcut icon" type="image/x-icon" href="{% static 'images/favicon.ico' %}">\n\n {% block css %}\n <!-- Bootstrap CSS -->\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"\n integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">\n\n <link rel="stylesheet" href="{% static 'css/base.css' %}">\n {% endblock %}\n</head>\n\n<body>\n <nav class="navbar navbar-expand-lg bg-body-tertiary">\n <div class="container-fluid">\n <a class="navbar-brand" href="{% url 'home' %}">Lithium</a>\n <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"\n aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">\n <span class="navbar-toggler-icon"></span>\n </button>\n <div class="collapse navbar-collapse" id="navbarSupportedContent">\n <ul class="navbar-nav me-auto mb-2 mb-lg-0">\n <li class="nav-item">\n <a class="nav-link active" aria-current="page" href="{% url 'home' %}">Home</a>\n </li>\n <li class="nav-item">\n <a class="nav-link" href="{% url 'about' %}">About</a>\n </li>\n </ul>\n {% if user.is_authenticated %}\n <div class="mr-auto">\n <ul class="navbar-nav">\n <li class="nav-item dropdown">\n <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"\n aria-expanded="false">\n Settings\n </a>\n <ul class="dropdown-menu dropdown-menu-end">\n <li><a class="dropdown-item" href="#">{{ user.email }}</a></li>\n <li>\n <hr class="dropdown-divider">\n </li>\n <li><a class="dropdown-item" href="{% url 'account_change_password' %}">Change password</a></li>\n <li><a class="dropdown-item" href="{% url 'account_logout' %}">Sign out</a></li>\n </ul>\n </li>\n </ul>\n </div>\n {% else %}\n <div class="mr-auto">\n <form class="form d-flex">\n <a href="{% url 'account_login' %}" class="btn btn-outline-secondary">Log in</a>\n <a href="{% url 'account_signup' %}" class="btn btn-primary ms-2">Sign up</a>\n </form>\n </div>\n {% endif %}\n </div>\n </div>\n </nav>\n\n <div class="container">\n {% block content %}\n <p>Default content...</p>\n {% endblock content %}\n </div>\n\n <footer class="footer">\n <div class="container">\n <span class="text-muted">Footer...</span>\n </div>\n </footer>\n\n {% block javascript %}\n <!-- Bootstrap JavaScript -->\n <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"\n integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"\n crossorigin="anonymous"></script>\n\n <!-- Project JS -->\n <script src="{% static 'js/base.js' %}"></script>\n\n {% endblock javascript %}\n</body>\n\n</html>\n
\n