{% load static %}

<!DOCTYPE html>
<html>
  <head>
    <title>Newreader</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="image/png" href="{% static 'favicon.png' %}" rel="shortcut icon" />
    {% block head %}
      <link href="{% static 'css/main.css' %}" rel="stylesheet" />
    {% endblock %}
  </head>

  <body class="body">
    <input id="menu-input" type="checkbox" />

    <nav class="nav">
      <div class="menu">
        <label class="menu__icon fas fa-bars" for="menu-input" />
      </div>

      {% include "components/nav-list/nav-list.html" with request=request only %}

      <i class="theme-switcher fas fa-adjust"></i>
    </nav>

    {% if messages %}
      <ul class="list messages">
        {% for message in messages %}
          <li class="messages__item {% if message.tags %}messages__item--{{ message.tags }}{% endif %}">
            {{ message }}
          </li>
        {% endfor %}
      </ul>
    {% endif %}

    {% block content %}{% endblock content %}
  </body>

  {% block scripts %}
      <script src="{% static 'js/main.bundle.js' %}"></script>
  {% endblock %}
</html>
