{% load static %}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="description"
    content="{% block meta-description %}DEMO Portal showcasing various web vulnerabilities{% endblock %}">
  </meta>

  {% include "base/favicon.html" %}

  <title>Vulnerability DEMO Portal | {% block title %}Website{% endblock %}</title>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="{% static 'css/base.css' %}" rel="stylesheet">

  {% block head %}{% endblock %}
</head>

{# Use flexbox body to make sure it takes up 100% of viewport, allowing footer to always be at the bottom #}
<body class="site d-flex flex-column min-vh-100">
  {% block navbar %}
  {% include "base/navbar.html" %}
  {% endblock %}

  {% block maincontent %}
  <main class="content-container site-content flex-grow-1">
    {% block content %}
    {{ block.super }}
    {% endblock %}
  </main>
  {% endblock %}

  {% block footer %}
  {% include "base/footer.html" %}
  {% endblock %}

  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script>
  <script src="https://unpkg.com/htmx.org@1.9.11" crossorigin="anonymous"></script>
  <script src="https://kit.fontawesome.com/b54aa86c58.js" crossorigin="anonymous"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="{% static 'js/main.js' %}"></script>
  {% block extra %}{% endblock %}
</body>

</html>

{% comment %}
vi: ft=htmldjango
{% endcomment %}
